@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : abstry.css
 Author     : 
 Style Info : オールブラックス CSS
=================================================================== */
#main{padding-bottom: 20px; box-sizing: border-box !important;}

p{font-size: 16px; line-height: 1.7;}
p b{font-weight: bold;}

.abstry .item_wrap{margin-left: 10px; margin-top: -5px;}
.abstry .spprt{text-align: center; padding: 20px 0 40px; background: #000;}
.abstry .main_txt{padding: 60px 0 40px; }
.abstry .main_txt div{width: 450px; margin: 0 auto; background-color: rgba(255,255,255,0.7); padding: 20px 40px; color: #000;}
.abstry .main_txt div .ttl2{text-align: center; font-weight: bold; font-size: 20px; margin:0 0 20px;}
.abstry .main_txt div p{text-shadow: 0 0 10px #fff;}
.abstry .main_txt div p{margin-top: 10px;}
.abstry .sake p{margin: 20px 40px; color: #fff;}
.abstry .sake p span{color: #ede4b0;}
.abstry .offer p:last-of-type{margin-top: 10px; text-align: center;}
.abstry .bnr{margin: 0; padding: 0;}
.abstry .bnr img{width: 750px;}

/*-----------------------------------------------------
  stry04.html
-----------------------------------------------------*/
#ab04 .main_txt{background: url("../img/4_img03.jpg")no-repeat bottom; padding: 100px 0 60px;}
#ab04 .main_txt b{color: #009944; font-size: 16px;}
#ab04 .cnt02{padding: 20px 0 10px;}
#ab04 .cnt02 h3{background: #f08300; color: #fff; text-align: center; font-size: 24px; font-weight: bold; padding: 10px; letter-spacing: 1px;}
#ab04 .cnt02 p{width: 600px; margin: 20px auto;}
#ab04 .cnt02 p span{font-weight: bold;}
#ab04 .cnt02 p span b{color: #e40012; font-size: 18px;}
#ab04 .cnt03{margin-bottom: 40px;}
#ab04 .cnt03 h3{font-size: 20px; font-weight: bold; letter-spacing: 1px; margin: 30px 0 20px; text-align: center; color: #f08300; }
#ab04 .cnt03 h3 b{font-weight: bold; color: #e40012; font-size: 24px;}
#ab04 .cnt03 p{width: 600px; margin: 0 auto;}
#ab04 .sake{background: url("../img/4_img06.jpg")no-repeat; background-size: cover; padding: 20px 0; margin-bottom: 5px;}


@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	
	section{width: 94%;}
	p{font-size: 14px;}
	
	.abstry .spprt.smp{color: #fff; text-align: left; }
	.abstry .main_txt{padding: 30px 0 20px;}
	.abstry .main_txt div{width: 80%; margin: 0 auto; background-color: rgba(255,255,255,0.7); padding: 15px 3%; color: #000;}
	.abstry .main_txt div .ttl2{font-size: 16px; margin-bottom: 0;}
	.abstry .main_txt div p{text-shadow: 0 0 10px #fff; margin-top: 0;}
	.abstry .sake{margin-top: 20px; background: #000; padding: 10px 0 5px; margin-bottom: 2px}
	.abstry .sake div.smp h4{background: linear-gradient(to right, #000, #ede4b0 20%, #ede4b0 80%, #000); color: #000; text-align: center; font-weight: bold; font-size: 16px; padding: 0; line-height: 1.7;} 
	.abstry .sake p{width: 92%; margin: 10px auto; padding-top: 200px;}
	.abstry .sake p span{color: #ede4b0;}
	.abstry .offer{margin-bottom: 20px;}
	.abstry .offer p:last-of-type{margin-top: 0; text-align: left; font-size: 12px;}
	.abstry .bnr img{width: 96%;}
	
	/*-----------------------------------------------------
	  stry04.html
	-----------------------------------------------------*/
	#ab04 .imgfix{margin-bottom: 0;}
	#ab04 .spprt.smp{ padding: 20px 4%;}
	#ab04 .main_txt{padding: 10px 0 40px; background-size: cover; background-position: bottom left;}
	#ab04 .main_txt p b{font-size: 16px;}
	#ab04 .cnt02{ padding: 20px 0 10px;}
	#ab04 .cnt02 h3{margin: 0 auto; font-size: 18px; padding-bottom: 5px; opacity: 1.0;}
	#ab04 .cnt02 p{width: 92%; margin: 0 auto;}
	#ab04 .cnt03 h3{font-size: 18px; text-align: center; margin-bottom: 20px;}
	#ab04 .cnt03 h3 b{font-size: 20px;}
	#ab04 .cnt03>p{width: 92%; padding: 0 4%; float: none;}
	#ab04 .cnt03 div.clear p{padding: 5px; }
	#ab04 .cnt03 div.clear p span{font-size: 16px;}
	#ab04 .sake{margin-top: 0; padding-bottom: 10px;}
	#ab04 .sake p{background: url("../img/4_img06_sp.jpg") no-repeat top 10px center; background-size: 250px; padding-top: 160px; }
}