@charset "UTF-8";
/*--------------
SmartPhone: 320 - 479px
Tablet: 480 - 767px
PC: 768 -
--------------*/

/*--------------------------------------
　▼2016/04/06追加　リタ中西
--------------------------------------*/
#flashArea{ margin-bottom:10px;}
#flashArea h2{ background:#393; color:#FFF; text-align:center; font-size:18px; padding:5px 10px; line-height:1.4; margin-bottom:10px; }
#flashArea li{ width:49%; box-sizing:border-box;}
#flashArea li img{ margin-bottom:0;}
#flashArea li#banA{ float:left; border:3px solid #0366a8;}
#flashArea li#banB{ float:right; border:3px solid #cbae4d;}
.cf {	/zoom: 1;}
.cf:after { content: ''; display: block; clear: both; }

.pc{}
.sp{ display:none;}

/*--------------------------------------
　▲
--------------------------------------*/

/* ---PC style--- */

/*
	all: 980px;
	sub: 240px;
	margin: 15px;
	main: 725px;
*/

/* -header- */

#globalNavi ul li,
#mbglobalNavi ul li{
	width: 25%;
	float: left;
}

/* -footer- */

#globalNaviSmartPhone{
	display: none;
}

/* -mainArea- */

#mainArea {
	float: left;
	width: 73.97959%;
}
#topmapArea{
	display: none;
}

/* -subArea- */

#subArea {
	float: right;
	width: 24.489796%;
}
#subArea a:hover img{ opacity:0.8;}

/* --PC style2-- */
@media all and (max-width: 860px){
	#telArea .telAreaNum{
		font-size: 200%;
	}
	#telArea .telAreaBis li{
		margin: 3px 0;
	}
}
/* ---Tablet style--- */

@media all and (max-width: 768px){
	#headerBlockTxt {
		font-size: 85%;
	}
	#mainArea {
		float: left;
		width:	100%;
	}

	#subArea{
		float: left;
		width: 100%;
	}
	
	#subArea .img-L{
		float: left;
		width: 45%;
		display:block;
		height:62px;
		margin-bottom:10px;
		text-align:center;
	}

	#subArea .img-R{
		float: right;
		width: 45%;
		display:block;
		height:62px;
		margin-bottom:10px;
		text-align:center;
	}
	
	#mainArea .mainAreaTitle{
		font-size: 200%;
	}
	
	#mainArea .mainHeadingA{
		font-size: 180%;
	}
}

@media all and (max-width: 680px){
	#headerBlockTxt {
		font-size: 100%;
	}
	
	#logoArea{
		float: left;
		width: 100%;
		text-align: center;
	}
	
	#headerBlockTxt{
		float: right;
		width: 100%;
	}
	
	#telArea .telAreaTxt{
		text-align: center;
	}
}

@media all and (max-width: 550px){
	#globalNavi ul li,
	#mbglobalNavi ul li{
		float: left;
		width: 50%;
	}
	
	#pageTopics ul li{
		float: left;
		width: 100%;
		padding: 5px 15px;
	}
	
	#mainAreaBox-space .imgBox{
		float: none;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}


/* ---SmartPhone style--- */

@media all and (max-width: 480px){
	#headerBlockTxt {
		font-size:80%;
	}
	
	#telArea {
		display: none;
	}

	#globalNaviPC {
		/*display: none;*/
	}
	#globalNaviPC ul li:nth-child(-n+2){
		display: none;
	}

	#globalNaviSmartPhone{
		display: block;
	}
	
	#subArea .subAreaHeadingA{
		font-size: 160%;
	}

	#subArea .subAreaHeadingB{
		font-size: 130%;
	}
	
	#subArea .img-L{
		float: none;
		width: 100%;
		height:auto;
		margin-bottom:0;
	}

	#subArea .img-R{
		float: none;
		width: 100%;
		height:auto;
		margin-bottom:0;
	}
	
	#mainArea .mainAreaTitle{
		font-size: 180%;
	}
	
	#mainArea .mainHeadingA {
		font-size: 160%;
	}
	#mainArea .mainHeadingB{
		font-size: 140%;
	}
	
	#headerBlockTxt p{
		text-align: center;
		font-size: 160%;
	}
	#recommendArea-space p{
		display: none;
	}
	#recommendArea-space h3.mainHeadingB{
		margin-bottom: 5px;
	}
	#aboutArea{
		display: none;
	}
	#featureArea{
		display: none;
	}
	#pointArea{
		display: none;
	}
	#subArea .homeonly{
		display: none;
	}
	#youcanArea{
		display: none;
	}
	#topmapArea{
		display: block;
	}
	#yozemiArea{
		display: none;
	}
/*--------------------------------------
　▼2016/04/06追加　リタ中西
--------------------------------------*/
#flashArea h2{font-size:16px; padding:5px;}
	.pc{ display:none;}
	.sp{ display:inherit;}
/*--------------------------------------
　▲
--------------------------------------*/
}	
/*--------------------------------------
　▼2016/04/06追加　リタ中西
--------------------------------------*/
@media all and (max-width: 390px){
#flashArea li{ width:100%; }
#flashArea li#banA{ float:none; margin-bottom:10px; }
#flashArea li#banB{ float:none; }
}	
/*--------------------------------------
　▲
--------------------------------------*/
/*--------------------------------------
　▼2019/10/10追加　リタ中西
--------------------------------------*/
#banLive a{ white-space:nowrap; text-indent:100%; overflow:hidden; margin-bottom:10px; clear:both; display:block; background-size:cover; height:0; padding-top:14.6%; background-image: url(../../img/index/ban_live191116.png?v=3); border:1px solid #011224; transition:0.2s;}
#banLive a:hover{ opacity:0.7;}
@media all and (max-width: 480px){
#banLive a{ padding-top:20.6%; background-image: url(../../img/index/ban_liveSP.png?v=3);}
}	
/*--------------------------------------
　▲
--------------------------------------*/