@charset "utf-8";
/* CSS Document */
/*共通*/
.goods-items-container{
padding: 20px;
margin-top: 65px;
}

.goods-items-wrap{
max-width: 880px;
margin: 0 auto;
}


#main-image{

transition:5s;
}

.item_main{
    margin:0;
	padding:0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}

hr.style_hr {
border: 0.2px solid #BDBDBD;
margin: 2em 0;
}

.item_image{width: 50%;padding-right: 15px;}

.turndk dl, .turndk dt, .turndk dd, .turndk ul{margin: 0; padding: 0;}

.item_image ul{width: 400px; list-style:none;}

.item_image li{display: inline-block; margin-top: 0.5em; padding-right: 0.13em}

.item_image li:last-child {display: inline-block; padding-right: 0;} 

/*set a border on the images to prevent shifting*/
 #gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/
 .active img{border:2px solid #333 !important;}

img.image{
 width: 100%;   
 margin: 0;
 padding: 0;
 }
img.thumbnail{
	border: solid 1px #9A9A9A;
 }
.item_description{
overflow:hidden;
width: calc(50% - 15px)
}

.item_name{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #000;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #000;/*左線*/
line-height: 1.5;
font-size: large;
font-weight: bold;
}
.item_text{
line-height: 1.5;
color: #7A7A7A;
font-size: 16px;
text-align: justify;
margin-bottom: 20px;
	}

.clear-element {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

.headline{
color: #000;/*文字色*/
padding: 0.25em 0;/*上下の余白*/
border-top: solid 3px #000;/*下線*/
font-size: X-large;
font-weight: bold;	
width: 100%;
display: block;
}

.brand_logo{
float: left;
width: auto;
margin-right:15px
}
    
.brand_logo img{
width:150px;  
}    
    
.brand_description{
overflow:auto
}
.brand_description h2{
font-size: 18px;
font-weight: bold;
}



.f-wrap-2 .box p span {
font-size: 18px;
	font-weight: 700;
display: block;
margin-bottom: 1.5em;
}

.f-wrap-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
-webkit-box-align: start;
align-items: flex-start;
padding: 20px 0;
box-sizing: border-box;
}

.box-img{
  display: block;
  width: 50%;
  height: auto;
  box-sizing: border-box;
  padding: 0 1em 0 0;
margin: 0;
	
}
.box-img img{
width: 100%;
	
}
.f-wrap-2 .box {
  width: 50%;
  box-sizing: border-box;
  padding:0 1em 0 0;
margin: 0;
}

.f-wrap-2 .box p {
font-size: 14px;
}


.f-wrap-2:nth-child(even) {
  flex-direction: row-reverse;
}

.f-wrap-2:nth-child(even) .box-img{
  padding: 0 0 0 1em;

	
}

.f-wrap-2:not(:last-child) {
border-bottom: #252525 dashed 1px;
}

.info_detail table{
height: 270px;
border-collapse: collapse;	
}	



.info_detail table tr td{
padding: 1em;
}	
	
.info_image_2{
  float: left;
 width: 350px;
margin-right:60px;
}	

div.info_ditali_2{
overflow:auto;
height: 300px;
vertical-align: bottom;

}

		
.reserved {
text-align: left;
font-size: 16px!important;
color: red;
}	
.goods_price{
text-align: right;

}
	

	
.goods_price p{
font-size: 28px;
font-family: 'Jost', sans-serif;
font-weight:600;

}
	
.goods_price span{
font-size: 13px;

}
.price_info{
font-size: 13px;

}



.gallery ul {
margin: 0 auto;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.gallery ul li {
width: calc(100% / 5 - 6px);
padding: 0;
margin: 0 0 6px;
box-sizing: border-box;
display: block;
cursor: pointer;
}

img.thumbnail {
width: 100%;
 border: solid 1px #9A9A9A;
}

img.thumbnail:hover {
opacity: 0.5;
}

.turnedk_topic {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: 0 auto;
}
	
.turnedk_topic img {
width:100px;
margin-right: 20px;
	
}	

.turnedk_topic p {
font-size: 18px;
font-weight: 100;
color: #363636;
width:calc(100% - 340px);
display: block;
margin-top: -10px
}	

.pdf_btn {
display: block;
background-color: #000000;
color: #FFFFFF;
padding: 0.5rem 0.2rem 0.2rem;
width:200px;
text-align: center;
font-size: 18px;
transition: .4s;
margin: 0;
box-sizing: border-box;
}	

/* お買い物ボタン */

.goods-button {
  display: inline-block;
  width: 100%;
  height: 50px;
  text-align: center;
  text-decoration: none!important;
  line-height: 50px;
  outline: none;
  border-radius:25px;
}

.goods-button.long {
font-size: 0.95rem;

}

.goods-button::before,
.goods-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.goods-button,
.goods-button::before,
.goods-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.goods-button {
  background-color: #333;
  color: #fff;
text-decoration: none!important;
margin: 20px auto;
}

.goods-button:hover {
  background-color: #BF7000;
	text-decoration: none!important;
}

.goods-button_s {
  display: inline-block;
  width: 170px;
  height: 30px;
  text-align: center;
  text-decoration: none!important;
  line-height: 30px;
  outline: none;
  border-radius:20px;
	margin-top: 5px;
}
.goods-button_s::before,
.goods-button_s::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.goods-button_s,
.goods-button_s::before,
.goods-button_s::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.goods-button_s {
  background-color: #333;
  color: #fff;
text-decoration: none!important;
}

.goods-button_s:hover {
  background-color: #0086BF;
	text-decoration: none!important;
}

.price_s{

font-size: 20px;
font-family: 'Jost', sans-serif;
font-weight:600;
	}

.special{

font-size: 14px;
color: #C10003;
font-weight: bold;
	}
.item_info{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}

.item_info_img{
width: 40%;padding-right: 15px;}

.item_info_img img{width: 100%;}

.info_detail{
overflow:hidden;
width: calc(60% - 15px);
font-size: 14px;
}

.info_detail table tbody tr th {
width: 25%;
}
/*タブレットスタイル*/
@media only screen and (max-width : 730px) {
.item_image {
    width: 100%;
	max-width: 600px;
	margin: 0 auto;
    padding-bottom: 15px;
}
.item_description {
    overflow: hidden;
    width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.item_info_img{
    width: 100%;
	max-width: 460px;
	margin: 0 auto;
    padding-bottom: 15px;}


.info_detail{
    overflow: hidden;
    width: 100%;
	max-width:600px;
	margin: 0 auto;
}
	
.f-wrap-2 .box p span {
    font-size: 16px;
}	
}

/*スマホスタイル*/
@media only screen and (max-width : 680px) {

.box-img{
 width: 100%;
max-width: 400px;
margin: 0 auto;
}	

.f-wrap-2 .box {
 width: 100%;
max-width: 400px;
margin: 20px auto;
}	

}