@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;}

/*-----------------------------------------------------
  stry01.html
-----------------------------------------------------*/
#ab01 .cnt01{background: #000;}
#ab01 .ttl{background: url("../img/ALLBLACKS_rogo.png") no-repeat; background-size: 130px;}
#ab01 .gnrl{width: 400px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 20px; background: linear-gradient(to right, #000, #ede4b0 20%, #ede4b0 80%, #000);}
#ab01  .cnt01 h2{text-align: center; padding: 20px 0 30px; }
#ab01 .main_txt{background: url("../img/1_bkimg01.jpg") no-repeat;}
#ab01 .cnt02>div:first-of-type{background: #000; padding: 20px; margin-bottom: 20px;}
#ab01 .box01{background: url("../img/1_bkimg02.jpg")no-repeat top right 20px; background-size: contain;}
#ab01 .box01 p{padding: 30px 0 20px 80px;} 
#ab01 .box02{background:url("../img/1_bkimg03.jpg")no-repeat top left 20px; background-size: contain; margin-top: 20px;}
#ab01 .box02 p{padding: 20px 0 30px 390px;}
#ab01 .sake{margin-top: 20px; background: url("../img/1_bkimg04.jpg") no-repeat; background-size: cover; padding: 20px 0; margin-bottom: 5px}



/*-----------------------------------------------------
  stry02.html
-----------------------------------------------------*/
#ab02 .ttl{margin: 20px auto;}
#ab02 .main_txt{background: url("../img/2_bkimg01.jpg") no-repeat;}
#ab02 .cnt02{margin-bottom: 40px;}
#ab02 .cnt02 h3{text-align: center; font-weight: bold; font-size: 36px; color: #fff; background: #e40012; padding: 20px 0 15px; margin-bottom: 30px;}
#ab02 .cnt02 p{width: 640px; margin: 20px auto;}
#ab02 .cnt02 p span{font-weight: bold;}
#ab02 .cnt02 p b{font-weight: bold; color: #e40012;}
#ab02 .cnt02 p:last-of-type b{font-size: 20px;}
#ab02 .sake{background: url("../img/2_bkimg03.jpg")no-repeat; background-size: cover; padding: 20px 0; margin-bottom: 5px;}


/*-----------------------------------------------------
  stry03.html
-----------------------------------------------------*/
#ab03 .main_txt{background: url("../img/3_bkimg01.jpg")no-repeat bottom; padding: 60px 0 100px;}
#ab03 .main_txt b{color: #e40012; font-size: 18px;}
#ab03 .cnt02{background: #e5e5e5;padding: 40px 0 10px;}
#ab03 .cnt02 h3{width: 14em; text-align: center; margin: 0 auto 30px; color: #2f2e2e; font-weight: bold; font-size: 26px; opacity: 0.9; border-bottom: solid 2px #2f2e2e; padding-bottom: 10px; letter-spacing: 1px;}
#ab03 .cnt02 p{width: 600px; margin: 20px auto;}
#ab03 .cnt02 p span{font-weight: bold;}
#ab03 .cnt02 p span b{color: #e40012; font-size: 18px;}
#ab03 .cnt03{padding: 40px 0;}
#ab03 .cnt03 h3{background: #ede4b0; font-size: 20px; font-weight: bold; padding: 14px 0 10px 400px; letter-spacing: 1px; margin-bottom: 30px;}
#ab03 .cnt03 h3 b{font-weight: bold; color: #e40012; font-size: 24px;}
#ab03 .cnt03 div.pc{float: left; margin: -100px 0 30px 40px;}
#ab03 .cnt03>p{width: 360px; float: right; margin: 0 40px 10px 0; }
#ab03 .cnt03 div.clear{background: #f6f2dc;}
#ab03 .cnt03 div.clear p{text-align: center; padding: 10px; }
#ab03 .cnt03 div.clear p span{font-size: 20px; color: #e40012; font-weight: bold;}
#ab03 .sake{background: url("../img/3_bkimg04.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;}
	
	/*-----------------------------------------------------
	  stry01.html
	-----------------------------------------------------*/
	#ab01 .spprt.smp{width: 92%; margin: 0 auto; padding: 10px 0 80px; background: url("../img/ALLBLACKS_rogo.png") no-repeat bottom 10px center; background-size: auto 60px;}
	#ab01 .gnrl{width: 100%; font-size: 16px; padding: 0;}
	#ab01 .ttl{background: none; }
	#ab01 .ttl h2{padding: 10px 0 15px;}
	#ab01 .ttl .smp img{width: 80%; max-width:250px;  margin: 0 auto; }
	#ab01 .box01{background:url("../img/1_bkimg02_sp.jpg") no-repeat bottom center; background-size: 250px; padding-bottom: 180px;}
	#ab01 .box01 p{padding: 0; width: 92%; margin: 0 auto;} 
	#ab01 .box02{background:url("../img/1_bkimg03_sp.jpg") no-repeat  bottom center; background-size: 250px; padding-bottom: 180px;}
	#ab01 .box02 p{padding: 0; width: 92%; margin: 0 auto;}
	#ab01 .sake p{background: url("../img/1_bkimg04_sp.jpg") no-repeat top 10px center; background-size: 250px; }
	
	
	/*-----------------------------------------------------
	  stry02.html
	-----------------------------------------------------*/
	#ab02 .cnt01 .imgfix{margin-bottom: 0;}
	#ab02 .spprt.smp{ padding: 20px 4%;}
	#ab02 .main_txt{background-size: cover; background-position: top center;}
	#ab02 .cnt02{margin-bottom: 20px;}
	#ab02 .cnt02 h3{font-size: 20px; padding: 10px; margin-bottom: 15px;}
	#ab02 .cnt02 p{width: 92%; margin: 0 auto;}
	#ab02 .cnt02 p:last-of-type b{font-size: 16px;}
	#ab02 .sake p{background: url("../img/2_bkimg03_sp.jpg") no-repeat top 10px center; background-size: 250px; }
	
	
	/*-----------------------------------------------------
	  stry03.html
	-----------------------------------------------------*/
	#ab03 .imgfix{margin-bottom: 0;}
	#ab03 .spprt.smp{ padding: 20px 4%;}
	#ab03 .main_txt{padding: 10px 0 100px; background-size: cover; background-position: bottom left;}
	#ab03 .cnt02{ padding: 20px 0 10px;}
	#ab03 .cnt02 h3{margin: 0 auto; font-size: 18px; padding-bottom: 5px; opacity: 1.0;}
	#ab03 .cnt02 p{width: 92%; margin: 0 auto;}
	#ab03 .cnt03{padding: 20px 0;}
	#ab03 .cnt03 h3{background: #ede4b0; font-size: 18px; padding: 7px 0 5px; text-align: center; margin-bottom: 20px;}
	#ab03 .cnt03 h3 b{font-size: 20px;}
	#ab03 .cnt03>p{width: 92%; padding: 0 4%; float: none;}
	#ab03 .cnt03 div.clear p{padding: 5px; }
	#ab03 .cnt03 div.clear p span{font-size: 16px;}
	#ab03 .sake{margin-top: 0; padding-bottom: 10px;}
	#ab03 .sake p{background: url("../img/3_bkimg04_sp.jpg") no-repeat top 10px center; background-size: 250px; padding-top: 160px; }
}