/* Web Show Room ver 3 */



#wsr-h{
width:100%; /*620px; */
font-size:14pt;
font-weight:600;
line-height:16pt;
text-align:center; /* left; */
letter-spacing:0.38em;
color:#555;
font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}


#i-view1{
clear:both;
width:100%;
text-align:center;
margin:30px auto 0 auto;
}

.i-icon{
float:left;
width:233px;
height:233px;
padding-top:20px;
margin:25px 10px 0 10px;
font-size:14px;
color:#555;
border:#ccc 1px solid;
text-align:center;
}

.i-icon img{
width:200px;
margin:0;
}

.i-icon p{
}


#wsr-subtitle{
clear:both;
width:100%;
margin:40px auto 0 auto;
padding-left:15px;
text-align:left;
}

#wsr-submsg{
width:620px;
margin:15px 0;
text-align:left;
}

/*  p23のCSS */

.item-box{
float:left;
width:309px;
height:380px;
padding-top:30px;
margin:0px 15px 0 15px;
font-size:12px;
color:black;
text-align:left;
}

.item-box img{
width:100%;
border:#ccc 1px solid;
margin:0;
}

.item-box table{
width:100%;
margin:10px 0 0 0;
font-size:12px;
text-align:left;
color:black;
}

.item-box td{
letter-spacing: 0.1em;
padding-bottom:5px;
/* padding-left:10px; */
}

.item-spc{
padding-top:6px;
}

.item-mt{
font-weight:600;
color:black;
line-height:14pt;
margin:0;
padding:0;
}

/* サブタイトル画像定義 */

h2{
background:white url(../parts/title-p26.gif) no-repeat;
}


/* 画面左画像　-------------------*/

#c-l{
background: #ccc url(../parts/p26_left.jpg) no-repeat;
}

#c-l-36{
background: #ccc url(../parts/p26_left-36.jpg) no-repeat;
}

/* タイトル下説明文 --------------*/

#c_tinfo{
background:#E5E4DA url(../parts/tinfo_p26.gif) no-repeat;
}

/* メインセクション --------------*/

#p26_title{
clear:both;
width:430px;
height:29px;
margin:40px auto 0 auto;
background: url(../p26/parts/p26_menu.gif) no-repeat;
}


#m_view{
width:430px;
/* height:600px; */
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
/* background:#ccc; */
/* background-image:url(../p27/parts/ami.gif); */
color:#555;
padding-bottom:20px;
font-size:9pt;
}

#m_box{
width:408px;
margin-left:16px;
color:#555;
font-size:9pt;
padding-bottom:20px;
}

#m_box a{
float:left;
width:126px;
height:126px;
margin-right:10px;
margin-top:20px;
text-align:center;
padding-bottom:15px;
font-size:9pt;
}

#m_box p{
width:100%;
text-align:center;
}

#m_box img{
margin-bottom:7px;
}

.p26_ret{
clear:both;
width:100%;
height:1px;

}


/* CGI データ */

#p26v01_title{
clear:both;
width:410px;
height:29px;
margin:25px auto 30px auto;
text-align:left;
border-bottom:#ccc 1px dotted;
}

.p26_box{    /* v01で使用 */
clear:both;
width:430px;
margin:20px auto 0 auto;
font-size:14px;
color:#555;
text-align:left;
padding-bottom:10px;
}

.p26_p {
float:left;
width:165px;
margin-left:30px;
}

.p26_p img {
width:165px;
border:#ccc 1px solid;
margin:0;
}

.p26_t {
float:left;
width:215px;
margin:5px 0 0 20px;
font-size:12px;
font-weigtht:2px;
color:#555;
text-align:center;
}

.p26_t table {   /* 商品内容 */
width:100%;
margin:0;
font-size:12px;
color:#666;
}

.p26_spc{
padding-top:6px;
}

.p26_t td{
letter-spacing: 0.1em;
padding-bottom:5px;
padding-left:10px;
text-align:left;
}

.p26_mt{
font-weight:600;
color:#333;
}

.soldout{
background-color:#2e95a7;
color:white;
padding:0 5px 0 5px;
}

@media screen and (max-width: 767px){

.i-icon{
width:44%;
height:auto;
padding-top:20px;
margin:20px 0 0 4%;
font-size:14px;
color:#555;
border:#ccc 1px solid;
text-align:center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}

.i-icon img{
width:80%;
margin:0;
}

}


#tokutei {
margin-top:40px;
width:100%;
}

#tokutei caption{
	font-size:12pt;
	padding-left:2px;
	margin:0;
}

#tokutei tr td{
	padding:15px 15px;
	/*border-bottom:#ccc 1px solid; */
	background:#f7f7f2;
}

.insta_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.insta_list li{
    position: relative;
    width: calc((100% - 40px)/3);
}

@media screen and (max-width: 750px){
    .insta_list li{
        width: calc((100% - 20px)/2);
    }
}

.insta_list li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.insta_list a{
	position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.insta_list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta_btn{
    background-color: #000;
    padding: .5em 1em;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s
}

.insta_btn a{
    color: #fff;
    text-decoration: none;
}

.insta_btn:hover{
    background-color: #999;
}