/*===============================================
●sp.css  画面の横幅が737px〜0pxまで
===============================================*/

@media screen and (max-width:737px){

	body{
		 -webkit-text-size-adjust: 100%;
	}

	/*=================
	　大見出し(header)
	==================*/
	header{
		width: 100%;
		padding: 5%;
	}
	h1{
		font-size:2.6rem;
		padding: 5px 0;
	}
	h1 *{
		font-size:2.6rem;
		padding: 5px 0;
	}
	.h1SubTxt{
		font-size:2rem;
		padding: 5px 0;
	}
	.h1SubTxt *{
		font-size:2rem;
		padding: 5px 0;
	}

	/*=================
	　中見出し
	==================*/
	.barH2{padding: 5%;}
	h2, h2 *{font-size: 2.4rem;}
	.h2SubTxt,.h2SubTxt *{font-size: 1.8rem;}
	.hotphotoH2::first-letter{font-size: 3.4rem;}

	/*=================
	　小見出し
	==================*/
	h3, h3 *{font-size: 2.2rem;}

	/*=================
	　画像
	==================*/
	.imgBox{padding: 20px 0;}
	.caption{
		padding-top: 10px;
		font-size: 1.4rem;
	}
	.caption:before{height: 10px;}
	/*スマホ時のサイズ固定*/
	.spImg25{width: 25%!important;}
	.spImg50{width: 50%!important;}
	.spImg75{width: 75%!important;}

	/*=================
	　テキスト
	==================*/
	.txtBox{padding: 20px 0;}
	.border{
		padding-bottom: 40px!important;
		margin-bottom: 40px;
	}

	/*=================
	　QRコード
	==================*/
	.qr{
		flex-wrap: wrap;
		padding: 20px 0;
		justify-content: center;
	}
	.qrTxt,.qrImg{
		max-width:260px;
		padding: 0 5px;
	}
	

	/*=================
	　リスト
	==================*/
	.list{padding: 20px 0;}

	/*=================
	　文章+画像回り込み
	==================*/
	.leftImgBox,.rightImgBox{padding: 20px 0;}
	.leftImg,.rightImg{
		float: none;
		width: 100%;
		padding:0 0 10px 0;
	}

	/*=================
	　文章+画像横並び(flex)
	==================*/
	.flexBox{padding: 20px 0;}
	.flexLeftImg{
		width: 100%;
		padding:5px 0;
	}
	.flexRightImg{
		width: 100%;
		padding:5px 0;
	}
	.flexText{width: 100%;}

	/*=================
	　幅サイズ変更
	==================*/
	.w25,.w50,.w75{width: 100%!important;}

	.w25sp{width: 25%!important;margin: auto;}
	.w50sp{width: 50%!important;margin: auto;}

	/*=================
	　改行
	==================*/
	.spOnly{display: block;}
	.pcOnly{display: none}

	/*=================
	　撮影者
	==================*/
	.photoRecord{padding-top: 20px;}



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


}

/*===============================================
●sp.css  横向き
===============================================*/
@media screen and (max-width:812px) and (orientation: landscape) {
}