@charset "utf-8";
/* CSS Document */

/*コンテンツサイド余白無用*/
.widemax { max-width:none !important; margin-right:auto !important; margin-left:auto !important; padding-right:0 !important; padding-left:0 !important;}
@media all and (max-width:719px)
{
.widemax { padding-right:0 !important; padding-left:0 !important;}
}

/*和重ヘッダー調整用*/
#fixed-top { padding:0 0 15px;}
#fixed-top header { padding:10px 0 0;}
#fixed-top #mainlogo { width:90px;}
#fixed-top .sub-area ul.subnavi { margin-top:-30px;}
#fixed-top .sub-area .shopinfo { margin-top:-15px;}
#fixed-top .sub-area .shopinfo p { font-size:24px;}
#fixed-top .sub-area .shopinfo .inquiry_btn a { padding-top:0px; padding-bottom:0px; font-size:14px;}
header #mainnavi { margin-top:-35px; margin-right:180px; margin-left:95px; text-align:left;}
header #mainnavi li:nth-of-type(2),
header #mainnavi li:nth-of-type(4),
header #mainnavi li:nth-of-type(6),
header #mainnavi li:nth-of-type(8),
header #mainnavi li:nth-of-type(9),
header .sub-area ul.subnavi,
header .sub-area .shopinfo p:first-of-type { display:none !important;}
#content { padding:80px 5% 0;}
@media all and (max-width:719px)
{
#fixed-top { padding:10px 0;}
#fixed-top header { padding:0;}
#fixed-top #mainlogo { width:120px;}
#fixed-top .sub-area ul.subnavi { margin-top:0;}
#fixed-top .sub-area .shopinfo { margin-top:0;}
#fixed-top .sub-area .shopinfo p { display:none; font-size:36px;}
#fixed-top .sub-area .shopinfo .inquiry_btn a { margin:5px 0 0; font-size:0;}
header #mainnavi { margin-top:0;}
#content { padding:90px 5% 0;}
}

/*和重共通用*/
#wagasane { font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", serif !important; word-break:normal !important;}
#wagasane #pankuzu { box-sizing:border-box; width:auto; max-width:1280px; margin:0 auto; padding:0 5%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;}
#wagasane h2 { margin:2.0em auto; font-size:32px;}
#wagasane h2 p { margin:1.5em auto 0; font-size:20px;}
#wagasane .text-box_w { box-sizing:border-box; width:auto; max-width:1280px; margin:0 auto; padding:0 5% 15vh; text-align:center;}
#wagasane .text-box_w > div { display:inline-block; width:auto; margin:0 auto 1.5em; padding:0; text-align:left; font-size:18px; line-height:1.8;}
#wagasane .text-box_w > div:last-of-type { margin:0 auto;}
#wagasane .text-box_w > div p { margin:0 0 0.75em;}
#wagasane .text-box_w > div p span { display:inline-block; margin:0 auto; text-align:left;}
#wagasane .text-box_w > div a.link-inq { display:inline-block; margin:0; padding:10px 20px; color:#FFFFFF; background-color:#000000; line-height:1.4;
-moz-border-radius:5px;    /* 古いFirefox */
-webkit-border-radius:5px; /* 古いSafari,Chrome */
border-radius:5px;         /* CSS3 */}
#wagasane .text-box_w > div a.link-inq:hover { text-decoration:none; color:#FFFF66; background-color:#333333;}
#wagasane .text-box_w > div > h4 { display:inline-block; margin:0 0 5px; border-bottom:1px solid; font-size:20px; font-weight:bold;}
#wagasane div.line_reset { display:block; width:100%; height:0; margin:0; padding:0;}
#wagasane br.pc_none { display:none;}
#wagasane br.sp_none { display:inline;}
@media all and (max-width:719px)
{
#wagasane h2 { font-size:2.8rem;}
#wagasane h2 p { padding:0 0.5em; font-size:1.6rem;}
#wagasane .text-box_w { padding:0 5% 10vh;}
#wagasane .text-box_w > div { font-size:1.6rem;}
#wagasane .text-box_w > div > h4 { font-size:1.8rem;}
#wagasane br.pc_none { display:inline;}
#wagasane br.sp_none { display:none;}
}

/*和重メインイメージ調整用*/
#topimg.wg-top { height:50%; height:50vh; margin-bottom:-60px; background:url(img/wagasane-mainimg.jpg) center center no-repeat; background-size:cover;}
#topimg.wg-top #maintext.wg-top { max-width:1280px; text-align:left;}
#topimg.wg-top #maintext.wg-top h2#maintilte.wg-top { text-align:left; font-size:48px !important; background:none; font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", serif !important;}
#topimg.wg-top #maintext.wg-top h2#maintilte.wg-top p { font-size:32px !important;}
@media all and (max-width:719px)
{
#topimg.wg-top { margin-bottom:-70px}
#topimg.wg-top #maintext.wg-top h2#maintilte.wg-top { font-size:3.2rem !important;}
#topimg.wg-top #maintext.wg-top h2#maintilte.wg-top p { font-size:2.2rem !important;}
}

/*和重INDEXページ用*/
#wagasane #wg-index { box-sizing:border-box; width:auto; max-width:1280px; margin:5vh auto 0;}
#wagasane #wg-index h3 { margin:0 auto 2.0em; font-size:28px;}
#wagasane #wg-index h3 p { margin:1.5em auto 0; font-size:18px;}
#wagasane #wg-index h3 span { display:inline-block;}
#wagasane #wg-index #productlist { box-sizing:border-box; margin:0 0 5vh; padding:0 5%; text-align:center; list-style:none; font-size:0;}
#wagasane #wg-index #productlist li { display:inline-block; vertical-align:top; width:30%; margin:0 0 60px 5%; padding:0; font-size:18px;}
#wagasane #wg-index #productlist li:nth-of-type(3n-2) { margin:0 0 60px;}
#wagasane #wg-index #productlist li img { width:100%; height:auto;}
#wagasane #wg-index #productlist a { display:block; margin:0; padding:0 0 0.75em; color:#000000;}
#wagasane #wg-index #productlist a:hover { text-decoration:none; background-color:#EDEDED; opacity:0.8;}
@media all and (max-width:719px)
{
#wagasane #wg-index h3 { font-size:2.4rem;}
#wagasane #wg-index h3 p { font-size:1.6rem;}
#wagasane #wg-index #productlist { padding:0 2%;}
#wagasane #wg-index #productlist li { width:49%; margin:0 0 20px 2%; font-size:1.6rem;}
#wagasane #wg-index #productlist li:nth-of-type(3n-2) { margin:0 0 20px 2%;}
#wagasane #wg-index #productlist li:nth-of-type(2n-1) { margin:0 0 20px;}
}

/*陣羽織1ページ用*/
#wagasane #jinbaori1 { width:100%; max-width:1280px; margin:0 auto; padding:0;}
#wagasane #jinbaori1 .img-box_b { width:100%; max-width:1280px; margin:0 auto; padding:0 0 15vh; font-size:0;}
#wagasane #jinbaori1 .img-box_b img { display:block; width:100%; height:auto;}
#wagasane #jinbaori1 .img-box_b p { margin:5px 0 0; padding:0 1.0em; text-align:right; font-size:12px;}
#wagasane #jinbaori1 .img-box_b > div { box-sizing:border-box; display:inline-block; vertical-align:top; margin:0; padding:0;}
#wagasane #jinbaori1 .img-box_b > div:nth-of-type(1) { width:66.6%; border-right:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_b > div:nth-of-type(2) { width:33.3%; border-left:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_b > div:nth-of-type(2) > div { box-sizing:border-box; display:block;}
#wagasane #jinbaori1 .img-box_b > div:nth-of-type(2) > div:nth-of-type(1) { border-bottom:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_b > div:nth-of-type(2) > div:nth-of-type(2) { border-top:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_m { width:100%; max-width:1280px; margin:0 auto; padding:0 0 15vh; font-size:0;}
#wagasane #jinbaori1 .img-box_m img { box-sizing:border-box; display:inline-block; width:50%; height:auto;}
#wagasane #jinbaori1 .img-box_m img:nth-of-type(1) { border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_m img:nth-of-type(2) { border-left:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_m img:nth-of-type(3) { border-right:#FFFFFF 1px solid; border-top:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_m img:nth-of-type(4) { border-left:#FFFFFF 1px solid; border-top:#FFFFFF 1px solid;}
#wagasane #jinbaori1 .img-box_m ul { margin:5px 0 0; padding:0; list-style:none; font-size:0;}
#wagasane #jinbaori1 .img-box_m ul li { display:inline-block; vertical-align:top; width:50%; margin:0; padding:0; font-size:20px; font-weight:bold;}
#wagasane #jinbaori1 .float-img { width:45%; max-width:460px; float:left; margin:0 1.0em 0.5em 0;}
#wagasane #jinbaori1 h3 { margin:2.0em auto; font-size:28px;}
#wagasane #jinbaori1 h3 p { margin:1.5em auto 0; font-size:18px;}
#wagasane #jinbaori1 .separator { width:100%; height:50vh; margin:0; background:url(img/separator.jpg) center center; background-size:cover;}
#wagasane #jinbaori1 .click-box { box-sizing:border-box; width:auto; max-width:1280px; margin:0 auto 15vh; padding:0 5%; text-align:center;}
#wagasane #jinbaori1 .click-box > div { border-bottom:#666666 1px solid;}
#wagasane #jinbaori1 .click-box input { display:none;}
#wagasane #jinbaori1 .click-box label { display:block; width:100%;}
#wagasane #jinbaori1 .click-box label h4 { position:relative; margin:0; padding:1.0em 2.0em 1.0em 1.0em; border-top:#666666 1px solid; text-align:left; font-size:20px; cursor:pointer; background-color:#FFFFFF; transition:background-color 0.75s ease;}
#wagasane #jinbaori1 .click-box label h4 p { margin:0.5em auto 0; padding:0; font-size:20px;}
#wagasane #jinbaori1 .click-box .text-sec_w { box-sizing:border-box; margin:0 auto; padding:0 2.0em;}
#wagasane #jinbaori1 .click-box .text-sec_w > div { display:inline-block; width:auto; margin:1.5em auto 0; padding:0; text-align:left; font-size:18px; line-height:1.8;}
#wagasane #jinbaori1 .click-box .text-sec_w > div:last-of-type { margin:1.5em auto;}
#wagasane #jinbaori1 .click-box .text-sec_w > div p { margin:0 0 0.75em;}
#wagasane #jinbaori1 .click-box .text-sec_w > div p span { display:inline-block; margin:0 auto; text-align:left;}
#wagasane #jinbaori1 .click-box .text-sec_w {
  max-height:0;
  overflow:hidden;
  transition:max-height 0.75s ease;
  font-size:20px;
}
#wagasane #jinbaori1 .click-box #section1 ~ label[for="section1"] h4:after,
#wagasane #jinbaori1 .click-box #section2 ~ label[for="section2"] h4:after,
#wagasane #jinbaori1 .click-box #section3 ~ label[for="section3"] h4:after,
#wagasane #jinbaori1 .click-box #section4 ~ label[for="section4"] h4:after,
#wagasane #jinbaori1 .click-box #section5 ~ label[for="section5"] h4:after { display:inline; position:absolute; top:50%; right:0.5em; content:"＋"; font-size:32px; transform:translateY(-50%); transition:content 0.75s ease;}
#wagasane #jinbaori1 .click-box #section1:checked ~ label[for="section1"] h4,
#wagasane #jinbaori1 .click-box #section2:checked ~ label[for="section2"] h4,
#wagasane #jinbaori1 .click-box #section3:checked ~ label[for="section3"] h4,
#wagasane #jinbaori1 .click-box #section4:checked ~ label[for="section4"] h4,
#wagasane #jinbaori1 .click-box #section5:checked ~ label[for="section5"] h4 { background-color:#EDEDED;}
#wagasane #jinbaori1 .click-box #section1:checked ~ label[for="section1"] h4:after,
#wagasane #jinbaori1 .click-box #section2:checked ~ label[for="section2"] h4:after,
#wagasane #jinbaori1 .click-box #section3:checked ~ label[for="section3"] h4:after,
#wagasane #jinbaori1 .click-box #section4:checked ~ label[for="section4"] h4:after,
#wagasane #jinbaori1 .click-box #section5:checked ~ label[for="section5"] h4:after { content:"－";}
#wagasane #jinbaori1 .click-box #section1:checked ~ label[for="section1"] + .text-sec_w,
#wagasane #jinbaori1 .click-box #section2:checked ~ label[for="section2"] + .text-sec_w,
#wagasane #jinbaori1 .click-box #section3:checked ~ label[for="section3"] + .text-sec_w,
#wagasane #jinbaori1 .click-box #section4:checked ~ label[for="section4"] + .text-sec_w,
#wagasane #jinbaori1 .click-box #section5:checked ~ label[for="section5"] + .text-sec_w { max-height:1000px;/* 適切な最大値に調整 */}
@media all and (max-width:719px)
{
#wagasane #jinbaori1 #jb-maintext { font-size:1.7rem;}
#wagasane #jinbaori1 .img-box_b p { font-size:1.0rem;}
#wagasane #jinbaori1 .img-box_m ul li { font-size:1.8rem;}
#wagasane #jinbaori1 h3 { font-size:2.4rem;}
#wagasane #jinbaori1 h3 p { font-size:1.6rem;}
#wagasane #jinbaori1 .click-box label h4 { padding:0.5em 1.5em 0.5em 0.5em; font-size:1.8rem;}
#wagasane #jinbaori1 .click-box label h4 p { font-size:1.6rem;}
#wagasane #jinbaori1 .click-box .text-sec_w { padding:0 0.5em;}
#wagasane #jinbaori1 .click-box .text-sec_w > div { font-size:1.6rem;}
#wagasane #jinbaori1 .click-box #section1 ~ label[for="section1"] h4:after,
#wagasane #jinbaori1 .click-box #section2 ~ label[for="section2"] h4:after,
#wagasane #jinbaori1 .click-box #section3 ~ label[for="section3"] h4:after,
#wagasane #jinbaori1 .click-box #section4 ~ label[for="section4"] h4:after,
#wagasane #jinbaori1 .click-box #section5 ~ label[for="section5"] h4:after { font-size:2.4rem;}
}
@media all and (max-width:459px)
{
#wagasane #jinbaori1 .float-img { width:100%; float:none; margin:0 auto 0.5em;}
}

/*お問い合わせページ用*/
#wagasane #inquiry { width:100%; max-width:1280px; margin:0 auto; padding:0;}
#wagasane #inquiry dl { width:100%; max-width:720px; margin:0 auto; padding:0;}
#wagasane #inquiry dl dt { margin:0 auto; padding:5px 10px; text-align:left; font-size:18px; background-color:#EDEDED;}
#wagasane #inquiry dl dt span { display:inline-block; vertical-align:middle; margin:0 0 0 0.5em; padding:2px 5px; text-align:center; font-size:11px; color:#FFFFFF; background-color:#FF0000;}
#wagasane #inquiry dl dd { margin:0 auto 0.5em; padding:10px 10px; text-align:left; font-size:18px;}
#wagasane #inquiry dl dd p { display:inline-block; margin:0 1.0em 0 0;}
#wagasane #inquiry dl #pv-info { max-width:500px; margin:0.5em auto 2.0em; padding:1.0em; border:#CCCCCC 1px solid; text-align:center; font-size:16px;
-moz-border-radius:10px;    /* 古いFirefox */
-webkit-border-radius:10px; /* 古いSafari,Chrome */
border-radius:10px;         /* CSS3 */}
#wagasane #inquiry dl #pv-info h3 { margin:0 auto; padding:0 0.5em 5px; border-bottom:#CCCCCC 1px dotted; text-align:left;}
#wagasane #inquiry dl #pv-info p { display:inline-block; text-align:left; margin:0.75em 0 0; font-size:14px}
#wagasane #inquiry dl > h3 { margin:0 auto 0.5em; padding:0 0.5em 5px; border-bottom:#CCCCCC 1px dotted; text-align:left; font-size:18px;}
#wagasane #inquiry input,
#wagasane #inquiry select,
#wagasane #inquiry textarea { box-sizing:border-box; font-size:18px !important; font-family:"游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", serif !important;}
#wagasane #inquiry form .ftb-l { width:100%;}
#wagasane #inquiry form .ftb-m { width:66%;}
#wagasane #inquiry form .ftb-s { width:33%;}
@media all and (max-width:719px)
{
#wagasane #inquiry dl dt { font-size:1.6rem;}
#wagasane #inquiry dl dt span { font-size:1.0rem;}
#wagasane #inquiry dl dd { font-size:1.6rem;}
#wagasane #inquiry dl dd p { display:block; margin:0;}
#wagasane #inquiry input,
#wagasane #inquiry select,
#wagasane #inquiry textarea { font-size:1.6rem !important;}
#wagasane #inquiry form .ftb-m { width:100%;}
#wagasane #inquiry form .ftb-s { width:75%;}
}