
/*店舗ページ共通===============================================*/

.pc_only{display: block;}
.sp_only{display: none;}

/*基本----------------------------------------------------*/
.main-content{font-size: 14px}

h2 {font-size: 1.5em}
h3 {font-size: 1.3em}

.static-shop-content p{
margin: 1em auto!important;
line-height: 1.5}

.txt_s {font-size: 0.9em}
.txt_l {font-size: 1.15em}

/*赤*/
.txt_red {color:#ff0000!important}
/*黄*/       
.txt_yellow {color:#ffff00!important}
/*オレンジ*/  
.txt_orange {color:#ff8c00!important}
/*緑*/
.txt_green {color:#008000!important}
/*青*/       
.txt_blue {color:#0070C0!important}
/*水色*/     
.txt_sky {color:#00bfff!important}
/*紫*/       
.txt_purple {color:#9400d3!important}
/*ピンク*/    
.txt_pink {color:#ff69b4!important}
/*茶色*/    
.txt_brown {color:#BE5014!important}

.static-shop-information .static-shop-content .shop-info-title:first-child {
    margin: 15px 0 20px;
}

/*店内外画像 横2分割----------------------------------------*/
.shop_img {
    display: -webkit-box;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;	
    width: 100%;
    margin-bottom: 1em;
}

.shop_img .contents {width: calc(100% / 2);}
.shop_img .contents_lf {width: calc(100% / 2 - 0.25em);}

.shop_img .contents:nth-child(odd){padding-right: 0.25em;}
.shop_img .contents:nth-child(even){padding-left: 0.25em;}

.shop_img img{
    width: 100%;
    display: block;
	margin-bottom: 0.5em;
}	

/*店内外画像 1枚-------------------------------------------*/
.shop_img_solo{
   width: 100%;
   margin-bottom: 1em;
}

.shop_img_solo img{width: 100%}

/*店内外画像 画像|文章--------------------------------------*/
.shop_column {
 display: -webkit-box;
 display: flex;
 -webkit-box-pack: justify;
 justify-content: space-between;	
 width: 100%;
 margin-bottom: 1em;
}
	
.shop_column p{
 display: block;
 width:calc(50% - 10px) ;
 box-sizing: border-box;
 margin-left: 10px;
}	

.shop_column_img{
 display: block;
 width:calc(50% - 10px);
 margin-right: 10px;
}	

.shop_column_img img{width: 100%;}	

/*商品紹介---------------------------------------------*/
.shop_item {display: table;}

.shop_item .item_line {
width: 100%;
margin: 2em 0;
}

.shop_item .item_img, .shop_item .item_txt {
display: table-cell;
}
.shop_item .item_img {
width: 30%;
max-width: 180px;
margin: 0 auto;
vertical-align: middle;
}
.shop_item .item_img img {vertical-align: middle;}

.shop_item .item_txt {
border-top:none;
border-left: solid 3px #333;
padding: 1em;
align-content: space-evenly;
}

.shop_item .item_txt .pank {
display: inline-block;
margin: 0.25em;
color: #fff;
background-color: red;
padding: 0em 0.5em;
font-weight: bold;
}

.shop_item .item_txt .pank span{color: #ffff00}

/*リンクボタン---------------------------------------------*/
.shop_btn{
	margin: 1em 0 2em;
	cursor: pointer;
	border-radius: 0.5rem;
	background-color: #494949;
	padding: 1rem;
	}

.shop_btn a, .shop_btn_s a {
	display: block;
	text-decoration: none;
	color: #fff;
	}

.shop_btn span{
	color: #fff;
	font-weight: bold;
	}
		
.shop_btn_s {
	display: inline-block!important;
	font-size: 0.8em;
	background-color: #808080;
    color: #fff;
    padding: 0.2em 1em;
	margin-left: 1rem;
	border-radius: 1em;
}

.l-actions a {
text-decoration: none;
}
	
.static-btn-link--primary span {
top: 0;
left: 0;
padding: 0.2rem 0.8rem;
margin: 0.5em 1em 0.5em 0;
text-align: center;
letter-spacing: 0;
color: #fff900;
border-radius: 0.5rem;
background: #be1309;
margin-left: -1.5em;
}

.btn_arrow_sale, .btn_arrow {
position: relative;
display: inline-block;
padding: 0;
color: #fff;
text-decoration: none;
}

.btn_arrow_sale:before {
content: '';
    width: 0;
    height: 0;
    border-top: solid 8px transparent;
    border-right: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 8px #fff;
	position: absolute;
	right: 1em;
}

.btn_arrow:before {
content: '';
    width: 0;
    height: 0;
    border-top: solid 8px transparent;
    border-right: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 8px #fff;
	position: absolute;
	right: 0;
}

/*CP部分--------------------------------------------------*/
.cp_shop{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}

.cp_contents {
width: calc(99% / 2);
text-align: center;
padding: 0;
}	

/*店舗検索TOP===============================================*/

.toggle_box{
  width: auto;
  font-size:0px; 
  margin:0;
}

.toggle_box label{
  width: auto;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: solid 0.2px red;
  line-height: 1.6;
  background: #fff;
  position: relative;
  display: block;
  padding:8px;
  cursor: pointer;
  color: red;
}

.toggle_box label:hover{
  background: red;
  color: #fff;
}

.toggle_box input{
  display: none;
}

.toggle_box label:after{
  color: red;
  content:"▼";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
}

.toggle_box input:checked ~ label::after {
  color: red;
  content:"▲"; 
}

.toggle_box div{
  height: 0px;
  overflow: hidden;
  border: solid 0.2px red;
  opacity: 0;
  transition: 0.15s;
}

.toggle_box input:checked ~ div{
  height: auto;
  padding: 20px 50px;
  border-radius: 0px;
  background: #fff;
  opacity: 1;
}

.toggle_box-under{
  font-size: 14px; 
  text-align: center;
  color: red;
}

.toggle_box-under p{  margin: 0;}

/*SP====================================================================================*/
@media screen and (max-width: 480px){ 
	
.sp_only{display: block;}
.pc_only{display: none;}
	
/*基本----------------------------------------------------*/
.main-content{font-size: 12.5px}
	
/*店内外画像 画像|文章--------------------------------------*/
	
.shop_img .contents_lf {width: 100%;}
	
.shop_column {
 display: -webkit-box;
 display: flex;
 -webkit-box-pack: justify;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 100%;
}

.shop_column p{
 display: block;
 width:100% ;
}	

.shop_column_img{
 display: block;
 width:100% ;
} 
	
/*商品紹介---------------------------------------------*/
.shop_item {display: table;}

.shop_item .item_line {
width: 100%;
margin: 2em 0;
}

.shop_item .item_img, .shop_item .item_txt {
display: block;
vertical-align:middle;
padding: 1em;
}

.shop_item .item_img {
width: 100%;
max-width: 180px;
margin: 0 auto;
}

.shop_item .item_txt {
border-top: solid 3px #555;
border-left: none;
padding: 1em;
text-align: left;
line-height: 1.4;
}

/*店舗検索TOP==========================================*/
 
.toggle_box input:checked ~ div{padding: 20px;}
   
    
}



