#snav-check { display: none; }

.shoplistP a[href^="tel:"], .shoplistP a[href^="mailto:"] { color: #726B66; text-decoration: underline; }

@media (min-width: 769px) { a[href^="tel:"] { pointer-events: none; }
  .shoplistP a[href^="tel:"] { text-decoration: none; } }
@media (max-width: 768px) { #wrapper { display: flex; flex-direction: column; width: auto; padding: 35px 0 0; }
  #wrapper img { height: auto; max-width: 100%; }
  #wrapper .mttl { margin: 50px 0 0 0; overflow: hidden; }
  #wrapper .mttl img { display: block; margin: 0 auto; max-width: none; }
  #Left { float: none; padding: 0; width: auto; background: #fff; }
  #Left .logo { padding: 5px 3vw 5px; position: fixed; z-index: 1000; }
  #Left .logo img { width: 30vw; }
  #Left .btn01 { margin-top: 55px; }
  .blogLeft .snav-btn{
	right: 0 !important;
  }
  #header_info { display: none; }
  .snav-btn { background: rgba(255, 255, 255, 0.9); height: 40px; position: fixed; right: 10px; top: 7px; width: 40px; z-index: 1000000; }
	.sub .snav-btn{ top: 30px;}
  .snav-btn i, .snav-btn i::before, .snav-btn i::after { background-color: #000; content: ''; display: block; height: 2px; position: absolute; transition: .3s; width: 20px; }
  .snav-btn i { left: 10px; top: calc(50% - 1px); }
  .snav-btn i::before { top: -7px; }
  .snav-btn i::after { bottom: -7px; }
  .snav-btn.open ~ #snav { border-width: 10px; opacity: 1; visibility: visible; }
  .snav-btn.open  i { background-color: transparent; }
  .snav-btn.open i::before { top: 50%; transform: translate(0, -50%) rotate(225deg); }
  .snav-btn.open i::after { bottom: 50%; transform: translate(0, 50%) rotate(-225deg); }
  #snav, #snav.snavfix { background-color: rgba(255, 255, 255, 0.9); border: 0 solid rgba(245, 242, 233, 0.9); box-sizing: border-box; left: 0; margin: -5px 0 0; opacity: 0; padding: 0 0 30px; position: absolute; top: 0; text-align: center; transition: 1s; visibility: hidden; width: 100%; z-index: 1000; }
  #snav a, #snav.snavfix a { display: inline-block; }
  #snav img, #snav.snavfix img { mix-blend-mode: multiply; }
  #Right { float: none; width: auto; }
  #Right .topH1 { padding: 5px 0 0; text-align: center; width: 100%; z-index: 1000; position: fixed; top: 0; left: 0; background-color: #fff; }
	#header{position: fixed; width: 100%; z-index: 1000;}
  #header .name_other {  height: 26px; padding: 5px 5px 0 0; text-align: center; width: 100%; }
    #footer { width: 100vw;}
  #footer .footLeft { box-sizing: border-box; display: flex; float: none; justify-content: space-between; padding: 10px 6vw; width: 100%; }
  #footer .footLeft ul { width: auto; }
  #footer .footLeft ul li { width: auto; }
  #footer .footRight { float: none; text-align: center; width: auto; }
  .pan { display: flex; margin: 0 6vw; }
  .panList { white-space: nowrap; }
  #os_shoplist { margin: 10vw 0 5vw 0; padding: 10px 0 0 22px; overflow: hidden; height: 40px; }
  #os_shoplist img { max-width: none; width: auto; }
  #os_shoplist .ttl { margin: 30px 0 0; overflow: hidden; width: auto; }
  #os_shoplist .ttl h2 { width: auto; }
  #os_shoplist .ttl img { width: auto; }
  #os_shoplist .ttl ~ p { float: none; margin: 0; }
  #os_shoplist .ttl ~ p img[src*="order_shoes_shoplist_"] { display: block; margin: 30px auto; }
  #os_shoplist .ttl ~ p a { margin: 60px 0; width: auto; }
  #Left { position: fixed; top: 0; left: 0; width: 100%;  height: 45px; z-index: 1000; }
	.sub #Left{top: 30px;}
  #topPage #header_info { margin: 0; padding: 10px 6vw 20px; }
  #topPage #Left { padding: 25px 0 0 !important; background-color: #fff;}
  #topPage .snav-btn { top: 30px !important; }
  #topPage #Right .tpTxt01{ margin: 50px 0 60px; }
  #slides { height: 70vw; }
  .shopLink { padding: 15px 6vw 0; }
  #Right .tpTxt01 { margin: 70px 0 60px; }
  #topCont01 ul { margin: 0 0 60px; width: auto; }
  #topCont01 .ttl01 { padding: 0 0 0 6vw; width: calc(100% - 101px); }
  #topCont02 .top_txt01 { font-size: 6.5vw !important; padding: 0 0 0 3.5vw; font-size: 2vw; }
  #topCont02 .top_txt02 { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.9); background-position: center center; }
  #topCont02 .top_txt05 { padding: 0 1vw 0 0; vertical-align: -4px;}
  #topCont02 .top_txt05 img { width: 22vw; vertical-align: -4px; padding: 0 1vw 0 0;}
  #topCont02 .top_txt05 b { font-size: 2vw; letter-spacing: 0; vertical-align: 0;}
  #topCont02 .top_txt05 span { font-size: 2.7vw; vertical-align: 0;}
  #topCont03 { margin: 0; }
  .conceptP .ttl02, .conceptP .ccpTxt01, .conceptP .ccpTxt02, .conceptP .ccpTxt03 { padding: 10px 0; width: auto; }
  .conceptP .ttl02{ font-size: 5vw;}
  .conceptP .ccpTxt01{ padding: 0 !important;}
  .conceptBg { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.8); background-size: cover; height: auto; padding: 6vw; }
  .conceptBg .ttl02 img { mix-blend-mode: darken; }
  .pan_concept { margin: 5px 6vw; width: auto; }
  .companyP .compTbl { padding: 0 6vw; width: auto; }
  .companyP .comp_left { width: 28vw; }
  .companyP .comp_right { max-width: 55vw; width: auto; }
  .companyP .comp_box { margin: 0; }
  .couponP { padding: 0 6vw; }
  .couponP img[src*="coupon_03.gif"] { display: block; margin: 0 auto; }
  .galleryP #os_shoplist img[src*="gallery_title"] { max-width: none; width: auto; }
  .galleryP .ttl { margin: 30px 0; width: auto; }
  .galleryP .ttl h2 { width: auto; }
  .galleryP .area02 { box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 10px 6vw; }
  .galleryP .BoxL, .galleryP .BoxR { box-sizing: border-box; float: none; height: auto; padding: 10px 6vw; width: 50%; }
  .galleryP .shoplist p a { display: block; margin: 60px;}
    
  .sp{ display: block;}
  .suits #os_shoplist{ margin: 10vw 0 5vw 0; padding: 10px 0 0 22px; }
  .suits .square-box .square {display: inline-block; width: 44vw; margin: 0 1.5vw 0; padding: 0 0 0.5vw;}
  .suits .square-box:nth-of-type(2) .square {display: inline-block; width: 43vw; margin: 0 1.5vw 0; font-size: 14px;}
  .suits .square-box .square span img{ width: 2.5vw; height: 3.5vw !important; padding: 0 0 1.7vw 0.5vw;}
  .suits .square-box:nth-of-type(2) .square  span img{ width: 3vw; height: 2vw !important; padding: 0 1vw 2vw 1vw; }
  .suits .gCont{ text-align: center; margin: 50px 0 0; }
  .suits .gCont:nth-child(2) .square-box { margin: 0 0 80px; }
  .suits .gCont:nth-child(3) .square-box { margin: 0 0 10vw; }
   #Simple{ padding-top:80px; margin-top:-120px;}
   #Grace{ padding-top:80px; margin-top:-80px;}
  .suits .ttl10{ font-size: 5vw; }
  .suits .ttl10:nth-child(2) { width: 90vw;}
  .suits .txt04{ margin: 0 0 7vw 0; }
  .suits .first{ width: 100%; padding: 40px 0 10px; }
  .suits .line{ width: 100%; padding: 40px 0 10px; }
  .suits .swiper-button-next{ top: 32vw; right: 2vw !important; outline: none; }
  .suits .swiper-button-prev{ top: 32vw; left: 2vw !important; outline: none; }
  .swiper-pagination-clickable,.swiper-pagination-bullet{ outline: none; }
    
  .orderP #os_shoplist img[src*="order_01.gif"] { max-width: none; width: auto; }
  .orderP .flow_no { padding: 0; }
  .orderP .flow_no img { mix-blend-mode: multiply; }
  .orderP .txt12 { padding: 10px 6vw; }
  .orderP .area06 { padding: 20px 6vw; width: auto; }
  .orderP .area01, .orderP .area02, .orderP .area03, .orderP .area04, .orderP .area05 { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.7); background-position: right top; margin: 30px 0 0; padding: 0 6vw 30px; }
  .shirtsP .ttl13 { margin: 30px 0 0; overflow: hidden; width: auto; }
  .shirtsP .area01 { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.7); background-position: 95% 100%; background-size: auto 95%; height: auto; padding: 30px 6vw 0; }
  .shirtsP .area03, .shirtsP .area04, .shirtsP .area05 { padding: 30px 6vw 0; }
  .shirtsP .area03 { background-position: 90% 100%; background-size: auto 90%; min-height: 200px; padding: 30px 40vw 0 6vw; }
  .shirtsP .area04 .txt06 { padding: 0 40vw 0 0; }
  .shirtsP .collarbg { background-position: 100% 100%; background-size: auto 90%; margin: 0 0 30px; }
  .shirtsP .slevbg { background-position: 0 100%; background-size: auto 100%; margin: 0 0 30px; min-height: 150px; }
  .shirtsP .slevbg .txt08 { margin: 0 0 0 25vw; }
  .shirtsP .ttl09 { padding: 0 0 20px; }
  .shirtsP .ttl09 img { mix-blend-mode: multiply; }
  .shirtsP .ttl10 img { mix-blend-mode: multiply; }
  .shirtsP .txt04 { margin: 0 0 30px; }
  .shirtsP .txt05 { padding: 0 0 1vw; }
  .shirtsP .txt06 { padding: 0; }
  .shirtsP .txt08 { padding: 0; }
  .shirtsP .shirtBox { box-sizing: border-box; height: 55vw; margin: 0 5% 0 0; padding: 0; width: 47%; }
  .shirtsP .Boxcr { margin: 0; }
  .subP #main_txt { margin: 30px 6vw; }
  .suitsP .area01 { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.7); background-position: 95% 100%; background-size: auto 95%; height: auto; margin: 0; padding: 30px 6vw; width: auto; }
  .suitsP .area01 img { mix-blend-mode: multiply; }
  .suitsP .ttl09{ padding: 0 0 40px 0 !important;}
  .suitsP .ttl13 { margin: 30px 0; width: auto; padding: 0; }
  .suitsP .area03 { background-position: 95% 0; background-size: 35% auto; padding: 0 6vw; }
  .suitsP .txt05{ color: #7d7e69; font-size: 13.3px; font-weight: bold; letter-spacing: 2px; padding: 0 0 1vw;}
  .suitsP .txt08{ color: #7d7e69; font-size: 13.3px; font-weight: bold; letter-spacing: 2px; padding: 0 0 1vw;}
  .suitsP .area03 .txt05 { padding: 0 0 1vw; }
  .suitsP .area03 .txt06 { padding: 0 0 45vw; }
  .suitsP .Boxcr { margin: 0; }
  .suitsP .jackBox { height: 160px; width: 47%; }
  .suitsP .jackBox:nth-of-type(2n) { margin: 0 0 0 6%; }
  .suitsP .area04 { padding: 0 6vw; }
  .suitsP .area04 .ptbg { background-position: 95% 0; background-size: 25% auto; }
  .suitsP .area04 .txt08 { padding: 0 0 1vw; }
  .suitsP .area04 .txt09 { padding: 0 33vw 45vw 0; }
  .suitsP .area04 .pantBox1, .suitsP .area04 .pantBox2 { margin: 0 0 30px; padding: 0; width: 47%; }
  .suitsP .area04 .pantBox2 { margin-left: 6%; }
  .suitsP .area05 { padding: 0 6vw; }
  .suitsP .area05 .skbg { background-position: 95% 0; background-size: 25% auto; }
  .suitsP .area05 .txt10 { padding: 0 0 1vw; }
  .suitsP .area05 .txt11 { padding: 0 33vw 15vw 0; }
  .suitsP .area05 .sktBox1, .suitsP .area05 .sktBox2 { margin: 0 0 30px; padding: 0; width: 47%; }
  .suitsP .area05 .sktBox2 { margin-left: 6%; }
  .suitsP .sktBox2 .sktImg { padding: 0 !important;}
  .suitsP .sktBox2 h2{ margin: 5vw 0 0;}
  .suitsP .area05 .sktBox2 img[src*="semi2"] { margin: 10px 0 22px; }
  .priceP .priceBox { padding: 30px 6vw 0; }
  .third .line p{ text-align: right;}
  .third .line .ttls { width: auto !important; float: left !important; }
  .priceP .priceBox .priceBox { padding: 0; }
  .priceP .priceBox .order { width: calc(100% - 150px); }
  .priceP .priceBox .line { margin: 0; width: auto; }
  .priceP .priceBox .line .ttls { float: none; width: auto; }
  .priceP .priceBox .line .price { float: none; padding: 0 1.5vw 0 0; width: auto; }
  .priceP .priceBox .option { margin: 20px 0; width: auto; }
  .priceP .priceBox [style*="margin-left"] { margin: 0 !important; }
  .priceP .priceBox #os_shoplist, .priceP .priceBox .pageTop { margin: 0 -6vw; }
  .priceP .txt02 { padding: 0 0 0 15px; width: auto; }
  .priceP .txt03 { width: auto; }
  .privacyP .area { padding: 0 6vw 30px; }
  .privacyP p { width: auto; }
  .privacyP li { margin: 0; width: auto; }
  .privacyP .pan p { display: none; }
  .faqP .qArea { width: auto; }
  .faqP .aBox1, .faqP .aBox2 { float: none; margin: 0; padding: 20px 6vw 40px; width: auto; }
  .faqP .qArea .qBox .middle p:nth-of-type(2), .faqP .aArea .aBox1 .middle p:first-child, .faqP .aArea .aBox2 .middle p:first-child{
	  font-size: 16px; padding: 1px 5px 0 0;
	}
  .faqP .qArea .qBox:nth-of-type(7) .middle p:last-child,
.faqP .qArea .qBox:nth-of-type(8) .middle p:last-child,
.faqP .qArea .qBox:nth-of-type(10) .middle p:last-child,
.faqP .qArea .qBox:nth-of-type(11) .middle p:last-child,
.faqP .qArea .qBox:nth-of-type(13) .middle p:last-child{
    line-height: 15px;
}
  .shoplistP .ttl03 { float: none; margin: 0 0 10px; }
  .shoplistP [src*="shoplist_03"] { width: 54.2%; }
  .shoplistP .area01 { padding: 30px 6vw; }
  .shoplistP .area02 { float: none; width: auto; }
  .shoplistP .area02 p b { font-size: 2.7vw ;}
  .shoplistP .shopBox { border: none; padding: 0 6vw 0; width: auto; }
  .shoplistP .shopLeft { float: none; width: auto; }
  .shoplistP .map { width: 100%; }
  .shoplistP .map iframe { width: 100%; }
  .shoplistP .mc-main.calendar { width: 100% !important; }
  #inquiry { width: auto; }
  #inquiry table, #inquiry th, #inquiry td { border: none; box-sizing: border-box; width: 100%; }
  #inquiry tr { display: flex; flex-direction: column; width: 100%; }
  #inquiry td { background: #fff; padding: 10px; }
  #inquiry td input, #inquiry td textarea { box-sizing: border-box; font-size: 16px; padding: 5px; }
  #inquiry td textarea { width: 100%; }
  #inquiry td [type="text"] { width: 100%; }
  #inquiry td [name="zip"] { width: 50%; }
  #inquiry td.submit { background: transparent; }
  #inquiry td.submit input { display: block; margin: 0 auto; width: 60%; }
  #blog #main { float: none; padding: 0; width: auto; }
  #blog .post-title { width: auto; }
  #blog .post-title h2 { align-items: center; display: flex; height: 60px; line-height: 1.3; padding: 0; }
  #blog .text, #blog .entry-summary { padding: 30px 6vw; }
  #blog #side { box-sizing: border-box; float: none; padding: 0 6vw; width: 100%; }
  #blog #side #s { width: calc(100% - 50px); }
  #blog #side #calendar { background-repeat: repeat; box-sizing: border-box; padding: 15px; width: 100%; }
  #blog #side #calendar table { box-sizing: border-box; width: 100%; }
  #blog #side h3 { align-items: center; background: #554d44; box-sizing: border-box; display: flex; padding: 0 10px; width: 100%; }
  #blog #side ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  #blog #side li { box-sizing: border-box; line-height: 1.3; padding: 10px 0 10px 15px; width: 47%; }
	#blog #pan{ margin: 50px 0 0 0;}
  .wp-pagenavi { padding: 0 6vw 30px; }
  .wp-pagenavi a, .wp-pagenavi span { display: inline-block; }
  #news ul { margin: 30px 6vw; }
  #news li { padding: 0 0 5px 23px; }
  #news_detail { padding: 30px 0; }
  #news_detail h2 { width: auto; }
  #news_detail .text { padding: 0 6vw; } 
  .shoplist{ font-size: 18px; font-weight: bold; padding: 0 !important; height: auto;}
  .shoplist .ttl { width: 100% !important; margin: 30px 0 0 !important; }
  .shoplist p{ float: none; margin: 0;}
  .shoplist p a{ display: block; margin: 60px 0;}
  .shoplist p a img{ display: block; margin: 30px auto;}
  .shoplist p:last-child { float: none; margin: 0;}
  .pageTop{ text-align:right; padding:0 0 25px 0;}
	
/* 20210917追記（オーダーシャツページ修正）
----------------------------------------------------------- */
  .shirts #os_shoplist{ margin: 10vw 0 5vw 0; padding: 10px 0 0 22px; }
  .shirts .square-box .square {display: inline-block; width: 44vw; margin: 0 1.5vw 0; padding: 0 0 0.5vw;}
  .shirts .square-box:nth-of-type(2) .square {display: inline-block; width: 43vw; margin: 0 1.5vw 0; font-size: 14px;}
  .shirts .square-box .square span img{ width: 2.5vw; height: 3.5vw !important; padding: 0 0 1.7vw 0.5vw;}
  .shirts .square-box:nth-of-type(2) .square  span img{ width: 3vw; height: 2vw !important; padding: 0 1vw 2vw 1vw; }
  .shirts .gCont{ text-align: center; margin: 50px 0 0; }
  .shirts .gCont:nth-child(2) .square-box { margin: 0 0 80px; }
  .shirts .gCont:nth-child(3) .square-box { margin: 0 0 10vw; }
  .shirts .style_box{width: 78vw;}
  .shirts .ttl10{ font-size: 5vw; }
  .shirts .ttl10:nth-child(n+2) { width: 90vw;}
  .shirts .txt04{ margin: 0 5vw 7vw 0; }
  .shirts .txt05{ width: 85vw; margin: 0 auto 8vw auto; }
  .shirts .first{ width: 100%; padding: 40px 0 10px; }
  .shirts .line{ width: 100%; padding: 40px 0 10px; }
  .shirts .swiper-button-next{ top: 32vw; right: 2vw !important; outline: none; }
  .shirts .swiper-button-prev{ top: 32vw; left: 2vw !important; outline: none; }
  .swiper-pagination-clickable,.swiper-pagination-bullet{ outline: none; }

}

/*# sourceMappingURL=sp.css.map */