@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

div#detail-size{
	padding: 0;
}

.sp_product_attention{
	margin: 10px;
	padding: 10px;
	border: 2px solid #c93f3e;
	text-align: center;
	font-size: 13px;
}

.sp_product_attention p{
	margin: 0;
	padding: 0;
}

.sp_productmainimage{
	margin-top:10px;
	text-align:center;
	width:100%;
}

.sp_productname{
	background: #ffffff;
	text-align: center;
	padding: 15px 0;
	color: #333333;
	font-family:'Hiragino Mincho ProN', serif;
}

.sp_productname h1{
	font-size:2.6rem;
	color: #333333;
	border-bottom: 1px solid #333333;
	display: inline;
	margin: 0 0 3px;
	padding: 0 5px 5px 5px;
	letter-spacing:2px;
}

.sp_gray{
	background: #f5f5f5;
	padding: 7% 0;
}

.sp_white{ 
	background: #ffffff;
	padding: 7% 0;
}

.sp_black{
	background-color:#000;
		padding: 7% 0;
		color:#FFF;
}

.sp_product_sectiontitle{
	text-align: center;
	font-size: 2rem;
	margin: 3% 0%;
	color:#333;
	font-family:'Hiragino Mincho ProN', serif;
}

.sp_productimage{
	padding:0 3%;
	text-align: center;
}

.sp_product_base{ 
	position: relative;
}  

.sp_product_base img{
	width: 100%;
}  

.sp_product_sectiontitle_1{
	position: absolute;
	font-size: 2rem;
	font-family:'Hiragino Mincho ProN', serif;
	color:#FFF; 

} 

.sp_product_sectiontitle span{
	font-size: 12px;
	font-weight: normal;
}

.sp_producttext_in{  
	width: 88vw;
    margin: 0 auto;
}
.sp_ptext{
	font-size:1.3rem;
	font-weight:500;
	line-height:2; 
}
.sp_producttext{
	padding-left:4%;
	padding-right:4%;
	text-align:left;
	font-size:1.4rem;
	font-weight:500;
	line-height:2; 
}

.sp_product_sectiontitle2{
	background-color:rgba(0,0,0,0);
	color:#666;
	font-family:'Hiragino Mincho ProN', serif;
	font-size: 18px;
	text-align: center;
	margin: 4% 4% 3%;
	padding: 15px 0;
	border: 1px solid #666;
	border-radius:30px; 
}


.sp_doubleline{
	background: #ffffff;
	padding: 7% 0;
}
/*****2017/08新しい商品ページスタイルTEST*****/

.sp_toptext1708{font-family:'Sawarabi Mincho';
font-size:30px;
line-height: .95668;
}
.sp_topimg1708{
height: 100vh;
padding: 10% 0;
}

.sp_topimg1708::before{ 
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover ;
 -o-background-size: cover;
 /*background-attachment: fixed;*/
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 10% 0;
 content: "";
 z-index: -1;
}

.sp_producttext1708{
	font-family:'Noto Sans JP', sans-serif;
	font-size:16px;
	line-height: 1.8;
	margin:8% 6%;
}

.sp_product_sectiontitle1708{
	font-family:'Noto Sans JP', sans-serif;
	font-size:25px;
	line-height:1.5;
	text-align:center;
	font-weight:400;
	padding:5% 5%;
	text-align:left;
}

.sp_frame_black1708{
	background-color:#000;
	color:#FFF;
	padding:10% 0;
}
.sp_fadein1708 {
    opacity : 0.2;
    transform : translate(0, 6px);
    transition : all 500ms;
    }
/* 画面内に入った状態 */
.sp_fadein1708.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }	
	
/*****2017/09商品ページスタイルボタン*****/
	
.sp_product_img1709{
	margin:15% 0 5%;
	}
.sp_product_sectiontitle1709{
	font-family:'Noto Sans JP', sans-serif;
	font-size:20px;
	line-height:1.5;
	font-weight:400;
	text-align: left;
	margin:3% 4% 0% 4%;
}

.sp_producttext1709{
	font-family:'Noto Sans JP', sans-serif;
	font-size:15px;
	line-height: 1.8;
	margin:2% 4% ;
}
.sp_item_btn{
	font-family:'Noto Sans JP', sans-serif;
  color: #fff;
	text-align: center;
	font-size:15px;
	margin:5% 4%;
	position:relative;
}

p.sp_item_btn a{
	color : #ffffff; 
	display: block;
  background-color: #597f64;
  border-radius: 8px; /* 角丸設定 */
  padding:15px 0;

}
p.sp_item_btn a:after{
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 40%;
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ボタン 2020*/
.sp_btn_bk {
	display: inline-block;
	width: 86vw; 
	height: 50px;
	text-align: center;
	text-decoration:none;
	background-color:#af2318;
	 color:#FFF!important;
	 font-weight:600;
	line-height: 49px;
	-webkit-transition: none;
	transition: none;
	font-size:1.5rem;
	border-radius:3px; 
} 
.sp_btn_trans01 {
	display: inline-block;
	width: 92vw; 
	height: 50px;
	text-align: center;
	text-decoration: none;
	background-color:rgba(0,0,0,0);
	 color:#FFF!important;
	border-radius: 25px;
	line-height: 48px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:18px;
	border: 1px solid;
	border-color:#FFF; 
}