@charset "UTF-8";
/* ===============================================
▼ブランド一覧
=============================================== */
.brand_list_main{
padding: 60px 100px 10px 100px;
background: #fff;
}
.Brand_list_title{
width: 100%;
}
#pageTitle h3.H_page_title{
padding: 1px 0;
}
.H_page_title span{
font-size: 24px;
text-align: center;
color: #c3c3c3;
}
.brand_list_img{
width: 180px;
}
.brand_list_text{
width: 290px;
}
.blue_color_text{
color: #224a85;
}
.brand_list{
padding-top: 48px;
}
.BL_national{
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 16px;
border-bottom: 1px solid #aaa;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.BL_national a:hover{
color: #333;
text-decoration: none;
border-bottom: 1px solid #333;
}
.BL_national span a{
padding-bottom: 2px;
}
.BL_national span a:hover{
border-bottom: 1px solid #333;
text-decoration: none;
}
.red_color_text{
color: #a52424;
padding-left: 10px;
font-size: 16px;
}
.BL_text{
color: #717171;
font-size: 14px;
padding-top: 20px;
line-height: 1.5;
}
.brand_list li{
width: 485px;
padding-bottom: 40px;
}
.H_font-s16{
font-size: 16px;
}
section#Brand_list{
padding-bottom: 50px;
}
section#shop_chiba{
padding-bottom: 0;
}
.H-wrap{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}


/* ===============================================
▼店舗一覧
=============================================== */
section#Shop_list{
padding-bottom: 50px;
}
.shop_list_main{
padding: 50px 100px 45px 100px;
background: #fff;
}
.shop_list_main nav{
padding-bottom: 50px;
}
.SL_nav_ul{
border: 1px solid #717171;
padding: 35px 0 28px 0;
display: block;
text-align: center;
}
.SL_nav_ul li{
padding: 0 40px;
text-align: center;
display: inline-block;
}
.SL_nav_ul li:not(:last-child){
border-right: 1px solid #333;
}
.SL_nav_ul li a{
font-size: 16px;
}
.SL_nav_ul li a:hover{
color: #333;
text-decoration: none;
border-bottom: 1px solid #333;
padding-bottom: 3px;
}
.SL_shopto{
padding: 10px 0;
text-align: right;
}
.SL_shopto img{
padding-right: 5px;
}
.SL_shopto_men{
padding-right: 25px;
}
.SL_shopto_men a,
.SL_shopto_women a{
font-size: 12px;
}
.SL_shopto_women a{
color: #a52424;
}
.city_name{
font-size: 18px;
color: #fff;
background: #2c384a;
padding: 5px 15px;
margin-bottom: 20px;
}
.ward_name{
font-size: 16px;
color: #333;
background: #e7e2de;
padding: 6px 15px;
margin-bottom: 10px;
}
.H_PT20{
padding-bottom: 15px;
}
.H_PT30{
padding-top: 30px;
}
.SL_shop_dt{
width: 180px;
}
.SL_shop_dt *{
line-height: 1;
}
.H_shopto_btn{
text-align: center;
margin: 5px 0;
}
.H_shopto_btn a{
display: block;
padding: 7px 0;
color: #fff;
font-size: 16px;
transition: .2s;
border: 3px solid #717171;
position: relative;
background-color: #717171;
}
.H_shopto_btn a::after{
position: absolute;
content: "";
background-image: url("../images/under/shop_list/arrow.png");
top: 11px;
right: 30px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
}
.H_shopto_btn a:hover{
background-color: #fff;
color: #717171;
text-decoration: none;
}
.H_shopto_btn a:hover::after{
background-image: url("../images/under/shop_list/arrow_affter.png");
}
.SL_shop_dd{
width: 854px;
}
.SL_shop_table{
border-collapse: unset;
}
.SL_shop_table th{
background: #f8f6f5;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
color: #999;
padding: 4px 10px;
font-weight: normal;
width: 150px;
}
.SL_shop_table tr:first-child th{
border-right: none;
color: #224a85;
font-size: 16px;
border-right: 1px solid #aaa;
}
.table_img_right img:first-child{
padding-right: 1px;
}
.SL_shop_table td{
background: #fff;
border-bottom: 1px solid #aaa;
padding: 4px 10px;
border-right: 1px solid #aaa;
}
.shop_tokyo li{
padding-bottom: 20px;
}
.SL_menOnly{
padding-right: 19px;
}


/* ===============================================
▼店舗詳細
=============================================== */
section#shop_detail{
padding-bottom: 50px;
}
.shop_detail_main{
padding: 40px 100px 45px 100px;
background: #fff;
}
.shop_detail_slide{
width: 420px;
position: relative;
}
#SD_about{
width: 100%;
}
.SD-zoom{
position: absolute;
top: 15px;
left: 15px;
display: inline-block;
cursor: pointer;
line-height: 1;
vertical-align: top;
z-index: 1;
}
.SD-zoom i{
cursor: pointer;
color: #fff;
font-size: 28px;
line-height: 1;
vertical-align: top;
-webkit-filter: drop-shadow(0px 1.2px 4px rgba(0, 0, 0, .8));
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .8));
}
.SD__rightside{
width: calc(100% - 450px);
}
.SD_table th,
.SD_table td{
display: block;
width: 100%;
}
.SD_table{
border-collapse: unset;
}
.SD_table tbody{
border: none;
}
.SD_table tbody tr:nth-child(2n){
background: none;
}
.SD_table th{
background: #f8f6f5;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
color: #999;
padding: 1px 10px;
font-weight: normal;
text-align: left;
margin-top: 2px;
}
.SD_table td:not(:first-child){
padding: 1px 10px;
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa;
margin-top: 2px;
}
.SL_shop_table td a{
color: #333;
}
.SD_table td:first-child{
text-align: right;
padding: 0;
padding-right: 2px;
}
section#SD_about{
padding-bottom: 68px;
}
.SD_shopto{
width: 410px;
padding-top: 28px;
}
.SD_shopto .H_shopto_btn:not(:last-child){
margin: 0 0 10px 0;
}
.SD_shopto .H_shopto_btn a{
padding: 6px 0;
}
.SD_shopto .H_shopto_btn a::after{
right: 30%;
top: 15px;
}
.SD_map .SD_Store{
padding-bottom: 45px;
}
.SD_Store_h3{
font-size: 20px;
color: #2c384a;
border-bottom: 1px solid #2c384a;
padding-bottom: 5px;
}
.SD_Store_dl{
padding-top: 40px;
}
.SD_Store_dt{
width: 420px;
}
.SD_Store_dd{
width: 600px;
font-size: 16px;
}
.SD_Store_img{
padding-bottom: 5px;
}
.SD_Store_table{
border: none;
border-collapse: unset;
}
.SD_Store_table tbody tr:nth-child(2n){
background: none;
}
.SD_Store_table tbody th{
width: 60px;
font-weight: normal;
color: #999;
padding: 0;
vertical-align: top;
text-align: left;
}
.SD_Store_table tbody td{
padding: 0;
}
.map_iframe{
position: relative;
padding-bottom: 460px;
margin-top: 40px;
height: 0;
overflow: hidden;
}
.map_iframe iframe,
.map_iframe object,
.map_iframe embed{
position: absolute;
top: 0;
left: 0;
}
.SD_map .map_iframe iframe{
border: 0;
margin-top: -150px;
}
.SD_map .H_shopto_btn a::after{
right: 44%;
top: 15px;
}
.shop_detail_slide .H_zom{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.shop_detail_slide .H_zom li{
width: 132px;
border: 1px solid #aaa;
margin-top: 10px;
}
.shop_detail_slide .H_zom li.active{
opacity: 0.7;
}
.shop_detail_slide ul li:not(:last-child){
margin-right: 12px;
}
.SD_map .H_shopto_btn a{
padding: 6px 0;
}
.H_zom li{
width: 132px;
}
.shop_detail_slide .bx-wrapper{
margin: 0 auto;
}


/* ===============================================
▼FAQ
=============================================== */
section#QA{
padding-bottom: 50px;
}
#QA .H-wrap,
#Shop_list .H-wrap{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.Q_main{
padding: 50px 100px 0 100px;
background: #fff;
}
.Q_A-side{
width: 810px;
}
.H_flex_start{
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.Q_form{
display: table;
/*table-layout: fixed;*/
width: 100%;
border-bottom: 1px solid #aaa;
padding-bottom: 6px;
padding-top: 30px;
position: relative;
}
.Q_A_img{
padding: 0 15px 0 10px;
display: table-cell;
width: 55px;
vertical-align: top;
}
.Q_A_text{
display: table-cell;
vertical-align: top;
}
.Q_form .Q_A_text{
padding-right: 30px;
}
.A_form .Q_A_text{
padding-right: 20px;
color: #717171;
line-height: 1.6;
}
.H_font16{
font-size: 16px;
}
.A_form{
background: #f8f6f5;
padding: 8px 0;
margin-top: 12px;
display: none;
font-size: 13px;
}
.A_form_tb{
display: table;
/*table-layout: fixed;*/
width: 100%;
}
.Q_icon{
width: 30px;
height: 30px;
top: 35px;
right: 0px;
position: absolute;
cursor: pointer;
}
.Q_icon span{
height: 1px;
width: 11px;
background: #333;
top: 10px;
right: 10px;
position: absolute;
}
.Q_icon span:nth-child(2){
transform: rotate(90deg);
}
.Q_icon.active{
display: block;
}
.Q_icon.active span:nth-child(2){
transform: rotate(180deg);
}
.Q_about{
font-size: 18px;
color: #fff;
background: #2c384a;
padding: 5px 15px;
}
#Q-art1{
padding-bottom: 50px;
}
.Q_category-side{
width: 210px;
}
.Q_category-F5{
text-align: center;
font-size: 14px;
padding: 5px 10px;
border-bottom: 1px solid #aaa;
}
.Q-category-ul{
/*padding: 12px 20px;*/
padding: 10px 5px;
}
.Q-category-ul li{
border-bottom: 1px dotted #aaa;
padding: 5px 0;
}
.Q-category-ul li a:hover{
color: #333;
text-decoration: none;
border-bottom: 1px solid #333;
}
.Q-Category-text{
display: none;
font-size: 12px;
padding-top: 10px;
}
.Q-Category-li{
position: relative;
}
.QC-icon{
position: absolute;
top: 9px;
right: 0;
width: 15px;
height: 15px;
border: 1px solid #aaa;
cursor: pointer;
}
.QC-icon span{
width: 7px;
height: 1px;
background: #aaa;
position: absolute;
top: 6px;
right: 3px;
}
.QC-icon span:nth-child(2){
transform: rotate(90deg);
}
.QC-icon.active{
display: block;
}
.QC-icon.active span:nth-child(2){
transform: rotate(180deg);
}
#SD_aboutShop article{
padding-top: 75px;
}
.category_PD{
margin-top: -92px;
padding-top: 92px !important;
}
.Q_bt50{
padding-bottom: 50px;
}


/* ===============================================
▼お買い物ガイド
=============================================== */
.H-title_h2{
font-size: 18px;
color: #fff;
background: #2c384a;
padding: 5px 15px;
}
.guide-grid{
padding: 50px 100px 0 100px;
background: #fff;
}
.guide-art{
padding: 30px 0;
}
.G-custtom_older{
padding: 20px 30px;
border: 1px solid #aaa;
}
.H-title_h3{
font-size: 22px;
text-align: center;
background: #f8f6f5;
padding: 3px 10px;
color: #333;
}
.G-case-ul{
padding-top: 30px;
}
.G-table.case-TB3{
padding-top: 5px;
}
.G-title_h4{
font-size: 16px;
background: #f8f6f5;
border-left: 7px solid #717171;
border-bottom: 1px solid #717171;
margin-bottom: 20px;
padding: 6px 10px;
color: #333;
}
.guide-case_h2{
border-radius: 4px;
background-color: #2c384a;
padding: 7px 20px;
font-size: 14px;
color: #fff;
}
.case-li{
padding-bottom: 20px;
position: relative;
}
.guide-case_h2 span{
font-size: 16px;
padding-right: 40px;
}
.guide-box{
border-radius: 4px;
border: solid 2px #2c384a;
width: 140px;
height: 110px;
text-align: center;
}
.G-table{
padding-top: 15px;
margin-left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.G-table li{
text-align: center;
}
.guide-step{
border-radius: 4px;
background-color: #2c384a;
color: #fff;
display: block;
margin: 10px 10px 15px 10px;
font-size: 16px;
text-align: center;
width: 120px;
}
.guide-measu_rese{
padding: 10px;
color: #333;
display: block;
}
.G-table .material-icons{
font-size: 20px;
display: block;
}
.special-box .guide-box{
width: 300px;
}
.guide-p1{
padding: 8px 8px 15px 8px;
line-height: inherit;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.guide-p1 .guide-step{
margin: 0 10px 0 0;
}
.guide-p2{
width: 252px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.guide-p2 .guide-measu_rese{
width: 120px;
border-radius: 4px;
background-color: #f8f6f5;
border: solid 2px #2c384a;
padding: 5px 0;
}
.long-arrow{
width: 90px;
position: relative;
text-align: right;
}
.long-arrow span{
border: 1px solid #0a0a0a;
width: 90%;
display: block;
position: absolute;
top: 45%;
}
.G-pd5{
padding: 0 5px;
line-height: 1.3;
margin-top: 18px;
}
.guide-material{
-ms-flex-item-align: center;
-ms-grid-row-align: center;
-webkit-align-self: center;
align-self: center;
}
.case-bottom .guide-material{
padding-bottom: 44px;
}
.H_shopto_btn.Guide-btn{
margin: 10px 0 0 0;
}
.H_shopto_btn.Guide-btn a{
padding: 0;
line-height: 1.5;
}
.H_shopto_btn.Guide-btn a::after{
right: 5px;
top: 7px;
}
.web-position{
position: absolute;
bottom: 23px;
right: 175px;
line-height: 1.3;
letter-spacing: normal;
}
.G-table.case-TB2{
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.H-letter0{
letter-spacing: normal;
line-height: 1.2;
}
.H-guide{
padding-top: 25px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.guide-dt{
width: 100px;
border-radius: 4px;
background-color: #f8f6f5;
border: solid 2px #2c384a;
font-size: 12px;
text-align: center;
padding: 4px 5px;
}
.guide-dd{
width: 908px;
}
.about-design{
margin: 15px 0;
position: relative;
height: 1px;
background: url("../images/under/guide/img1.jpg");
background-position-x: 50%;
}
.about-design span{
position: absolute;
top: -10px;
left: 0;
background: #fff;
padding-right: 17px;
}
.line-14{
line-height: 1.4;
}
.G-table.case-TB3{
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.guide-pay{
padding: 30px 0 5px 0;
}
.guide-any_quest{
padding: 33px 0 12px 0;
}


/* ===============================================
▼[COMPANY NAME]のポリシー / お値段の秘訣
=============================================== */
#PolicyWrap .PolicyCover,
#SecretWrap .SecretCover,
#GroupWrap .GroupCover,
.AllPageCover{
padding: 45px 100px;
background: #fff;
}
.H__border-h4{
font-size: 18px;
color: #fff;
background: #2c384a;
padding: 5px 15px;
margin: 40px 0 10px 0;
border-radius: 4px;
}
.H__border-h5{
font-size: 16px;
color: #333;
background: #f8f6f5;
border-left: 7px solid #717171;
border-bottom: 1px solid #717171;
padding: 6px 10px;
font-weight: bold;
margin: 20px 0;
}
.Po_model-li .H__border-h5{
margin: 0 0 20px 3px;
}
.Po_model-li:not(:last-child){
padding-bottom: 40px;
}
.policy-img{
text-align: center;
}
.Policy-dl{
padding-top: 20px;
}
.Policy-dl dt{
width: 710px;
}
.Policy-dl dd{
width: 320px;
}
.H-align-center{
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.Po__red{
color: #f00;
}
.Po__blue{
color: #66ccff;
}
.H__center{
text-align: center;
display: block;
}
.Po__yellow{
color: #c90;
}
.Po__tim{
color: #de00ee;
}
.G_blue_usui{
color: #6699ff;
}
.Po__red_koi{
color: #a52a2a;
}
.G_blue6699{
color: #336699;
}
.Po_pink{
color: #ff1493;
}
.Po__red_204{
color: #cc3300;
}
.Po_orange-yellow{
color: #cc9933;
}
.G_blue30{
color: #1e90ff;
}
.fi_orage{
color: #cd853f;
}
.fi_green{
color: #007a46;
}
.fi_red{
color: #cc3300;
}
.G_bak::after,
.G_bak::before{
content: " □ ";
font-size: 20px;
}
.secret_route{
padding-top: 10px;
}
.secret_route p,
.group__bt p{
padding-bottom: 10px;
}
.secret_route p.secret_img{
padding: 10px 0 20px 0;
text-align: center;
}
.Secret_price dt{
width: 720px;
}
.Secret_price dd{
width: 280px;
}
.Secret_price{
padding-bottom: 10px;
}
.group_img{
padding: 20px 0 10px 0;
}
.group-dl dt{
width: 700px;
}
.group-dl dd{
width: 250px;
}
.G_olive{
color: #808000;
}
.G_green{
color: #008000;
}
.G_blue{
color: #6699ff;
}
.G_orange{
color: #ffa500;
}
.Group_ul{
padding-bottom: 10px;
}
.factory_img1{
width: 312px;
height: 201px;
}
.factory_img2{
width: 173px;
height: 201px;
}
.factory_img3,
.factory_img4{
width: 274px;
height: 200px;
}
.G__under{
border-bottom: 1px solid #717171;
}
.Group_box{
border: 1px dotted #717171;
padding: 20px 10px 10px 10px;
margin-bottom: 20px;
}
.Group_box p span{
padding: 0 15px;
}
.Po_model-dl dt{
width: 400px;
text-align: center;
}
.Po_model-dl dt img{
width: 240px;
margin: 0 auto;
}
.Po_model-dl dd{
width: 650px;
}
.Po_model-h3{
font-size: 16px;
background: #2c384a;
color: #fff;
padding: 0 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.Po_model-h3 span{
font-size: 24px;
}
.Po_model-h4{
font-size: 16px;
background: #717171;
color: #fff;
padding-left: 10px;
margin-top: 5px;
}
.Po_model-ol{
padding-top: 10px;
}
.Po_model-ol a:hover{
opacity: 0.8;
}
.Po_model-ol a{
color: #224a85;
text-decoration: underline;
}
.Po_hyoujun{
padding-top: 10px;
}
.Po_hyoujun h5{
background: #7F6D59;
color: #fff;
padding: 5px 10px;
font-size: 16px;
}
.Po_hyoujun_d{
padding-top: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.Po_hyoujun_d div{
width: 32%;
}
.Po_hyoujun_d div p{
line-height: 1.4;
color: #717171;
padding-bottom: 10px;
}
.Po_hyoujun p span{
display: block;
color: #000;
}
.Po_model-ul2{
width: 730px;
margin: 10px auto;
}
.support_dl{
padding-top: 20px;
}
.support_dl dt{
width: 750px;
}
.support_dl dd{
width: 300px;
text-align: center;
}
.sup_PT10{
padding-top: 10px;
}
.support_art1 .H__border-h4{
margin: 0 0 10px 0;
}
.H__PB20{
padding-bottom: 20px;
}
.Po_Green99{
color: #99cc33;
}
.Po_model-li .H__PB20>strong{
font-size: 16px;
padding-bottom: 5px;
display: block;
}
#Policy_style{
margin-top: -52px;
padding-top: 52px;
}
.Recruit_firstP{
padding-bottom: 40px;
}
.recruitInfo__02{
padding: 0 0 15px 0;
}
.recruitInfo{
margin-top: 30px;
}
.recruitInfo__02 p:not(:last-child){
padding-bottom: 15px;
}
#ContactWrap.RecruitWrap .RecruitCover{
padding: 55px 100px;
}
.recruitInfo__02 p span{
padding: 0 15px;
}


/* ===============================================
▼採寸予約フォーム
=============================================== */
.ram_tr .ram__flex{
line-height: inherit;
width: 100%;
}
.ram_tr .ram__flex li{
width: auto;
margin-right: 25px;
}
.ram_tr .ram__flex li:last-child{
margin-right: 0;
}
.ram_tr .ram__flex li label{
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.ram_tr .ram__flex li label input{
margin-top: -1px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.dat_tr .dat__flex{
width: 100%;
}
.dat_tr .dat__flex .dat__left{
width: 450px;
}
.dat_tr .dat__flex .dat__left input,
.dat_tr .dat__flex .dat__left select{
display: inline-block;
vertical-align: middle;
}
.dat_tr .dat__flex .dat__left .dat_input{
margin-right: 10px;
}
.dat_tr .dat__flex .dat__left .dat__comme{
padding-top: 5px;
}
.dat_tr .dat__flex .dat__right{
padding-right: 10px;
}
.past_tr .past__left,
.past_tr .past__right{
display: inline-block;
vertical-align: middle;
}
.past_tr .past__left{
margin-right: 40px;
}
.past_tr .past__left label,
.past_tr .past__right label{
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.past_tr .past__left label{
margin-right: 20px;
}
.past_tr .past__left label input,
.past_tr .past__right label input{
margin-top: -1px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.past_tr .past__left select{
display: inline-block;
vertical-align: middle;
}
.re_attention03{
color: #717171;
font-size: inherit;
}


/* ===============================================
▼生地サンプル請求フォーム
=============================================== */
.SampleWrap .first__strong{
display: block;
font-size: 16px;
color: #898989;
letter-spacing: normal;
}
.SampleWrap .sample__flex{
border: 1px dotted #999;
padding: 10px;
margin: 20px;
}
.SampleWrap .sample__flex .sample__r{
width: 300px;
}
.SampleWrap .sample__caution .red__t{
color: #f00;
}
.SampleWrap .sample__caution .sample__caution__list li{
padding-bottom: 5px;
}
.SampleWrap .sample__caution .sample__caution__list li:last-of-type{
padding-bottom: 0;
}
.SampleWrap .sample__caution .sample__caution__list li .ico__c{
color: #f00;
}
.SampleWrap .sample__caution .sample__caution__list li .line__u{
text-decoration: underline;
}
.SampleWrap .sample__caution .sample__caution__list li .blank__left{
display: inline-block;
margin-left: 1.25rem;
}
.SampleWrap .sample__first__radio label,
.SampleWrap .use_tr label{
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.SampleWrap .sample__first__radio label input,
.SampleWrap .use_tr label input{
margin-top: -1px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.SampleWrap .re_attention04{
display: block;
font-size: inherit;
}
.SampleWrap .sample__include__privacy{
border: 2px solid #9a9a9a;
height: 200px;
overflow-y: scroll;
word-wrap: break-word;
overflow-wrap: break-word;
}
.sample__caution{
padding-bottom: 40px;
}
.sample__first__radio{
padding: 20px 0 40px 0;
}
.sample_questionnaire{
padding: 40px 0;
}
.sample__include__inner{
padding: 20px;
}
.sample_questionnaire .forms__tabler{
padding-top: 20px;
}
.sample__caution__list .blank__left a{
text-decoration: underline;
}
.sample__flex.flex{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sample__include__inner article{
padding-top: 20px;
}
.sample__include__inner .changeStyle08{
margin-bottom: 10px;
}
.secret_route p.H_spc_p{
padding-bottom: 0;
}


/* ===============================================
▼レスポンシブ時処理
=============================================== */
@media screen and (min-width: 641px){
.shop_detail_slide .bx-wrapper .bx-controls,
.H_sp_none,
.guide-sp-used,
.shop_detail_slide .bx-wrapper .bx-controls *{
display: none !important;
opacity: 0 !important;
}
#Shopping-guide .grid-container{
padding-right: 0;
padding-left: 0;
}

}


@media screen and (max-width: 640px){
#Shop_list .H-wrap{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#pageTitle.Under-page-title{
display: block;
}
.H_page_title span{
font-size: 20px;
}
.brand_list_main,
.shop_list_main,
#PolicyWrap .PolicyCover,
#SecretWrap .SecretCover,
#GroupWrap .GroupCover,
.AllPageCover,
#ContactWrap.RecruitWrap .RecruitCover{
padding: 25px .9375rem;
}
.shop_detail_main{
padding: 25px 0;
}
.brand_list{
padding-top: 20px;
}
ul.brand_list .H-wrap,
#SD_about.flex-container,
.SD_Store_dl.flex-container,
.Q_main .flex-container{
display: block;
}
.H_sp_none{
width: 100%;
text-align: center;
}
.brand_list_text{
width: 100%;
}
.brand_list li{
width: 100%;
}
.brand_list li:last-child{
padding-bottom: 0;
}
.H_font-s16{
font-size: 14px;
}
.brand_list,
.BL_text{
padding-top: 20px;
}
section#Brand_list{
padding-bottom: 25px;
}
.BL_national{
margin-bottom: 20px;
}
.SD__rightside,
.shop_detail_slide,
.SD_Store_dt,
.SD_Store_dd{
padding-left: 0;
width: 100%;
}
.SD_shopto{
width: 100%;
padding-top: 15px;
}
.shop_detail_slide ul{
text-align: center;
}
.shop_detail_slide ul li{
width: 31%;
}
.shop_detail_slide ul li img{
width: 100%;
}
.shop_detail_slide ul li:not(:last-child){
margin-right: 1%;
padding-right: 0;
}
.SD_table td:first-child{
padding-right: 20px;
}
section#SD_about{
padding-bottom: 40px;
}
.SD_table tr th,
.SD_table tr td,
.SD_Store_table tr th,
.SD_Store_table tr td,
.SD_table td:not(:first-child){
font-size: 12px;
border-right: none;
border-bottom: none;
background: none;
padding: 0;
}
.SD_Store_table tbody th{
width: 50px;
}
.H_shopto_btn a{
font-size: 14px;
padding: 0;
}
.H_shopto_btn a::after{
top: 17px;
}
.H_shopto_btn:hover a{
color: #717171;
}
.H_shopto_btn:hover a::after{
background-image: url("../images/under/shop_list/arrow_affter.png");
}
.SD_Store_dl{
padding: 20px 0 0 0;
}
.SD_Store_dd{
padding-top: 5px;
font-size: 12px;
}
.SD_Store_dd p{
font-size: 12px;
line-height: inherit;
}
.SD_Store_h3{
font-size: 18px;
padding-bottom: 5px;
}
section#shop_detail{
padding-bottom: 25px;
}
section:not(#main-image){
padding-bottom: 25px;
}
section#pankuzu{
padding-bottom: 0;
}
.SL_nav_ul{
padding: 10px 0 15px 0;
}
.SL_nav_ul li{
width: 30%;
font-size: 14px;
padding: 10px 0 0 0;
}
.SL_nav_ul li a{
font-size: 14px;
}
.SL_nav_ul li:not(:last-child){
border-right: none;
}
.SL_shopto{
text-align: left;
padding: 10px 0;
font-size: 12px;
}
.SL_shopto_men{
padding-right: 15px;
}
.city_name{
font-size: 16px;
margin-bottom: 10px;
padding: 8px 10px;
}
.ward_name{
font-size: 14px;
padding: 5px 10px;
}
.SL_shop_dt{
width: 100%;
padding-bottom: 10px;
}
.SL_shop_dt p{
width: 32%;
margin: 0;
padding: 0;
display: block;
}
.SL_shop_dd{
width: 100%;
}
.SL_shop_table th{
width: 60px;
padding: 0 5px;
font-size: 12px;
}
.SL_shop_table td,
.SL_shop_table tr:first-child th{
font-size: 12px;
padding: 5px;
}
.SL_shop_table tr:first-child th,
.H_font16{
font-size: 14px;
}
.SD_Store_img{
text-align: center;
}
#SD_aboutShop .H_shopto_btn{
margin: 0;
}
.Q_A-side,
.Q_category-side{
width: 100%;
padding-right: 0;
}
.Q_category-side{
padding-bottom: 30px;
}
.Q_about{
font-size: 16px;
}
.Q_A_img{
width: 40px;
padding: 0 10px 0 5px;
}
.Q-category-ul{
padding: 10px 10px 0 10px;
}
.A_form .Q_A_text{
padding-right: 10px;
}
.Q_icon{
top: 23px;
width: 20px;
height: 20px;
}
.Q_icon span{
height: 2px;
top: 9px;
right: 5px;
}
.Q_form{
padding-top: 20px;
}
.Q_category-F5{
font-size: 16px;
}
.SD_Store_table tbody th,
.SD_Store_table tbody td{
display: block;
width: 100%;
text-align: left;
}
.H_flexs{
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_width_s{
width: 32%;
position: relative;
margin: 0;
}
.H_shopto_btn{
transition: .3s;
cursor: pointer;
}
.H_shopto_btn:hover{
background-color: #fff;
}
.IP_btn a{
width: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
border: none !important;
}
.IP_btn a:hover{
background-color: transparent;
color: #717171;
}
.SL_shop_dt .H_flexs .H_shopto_btn a::after{
top: 50%;
margin-top: -5px;
right: -3px;
}
.SD_Store_table{
padding: 10px 0;
}
.shop_detail_slide .bx-wrapper .bx-pager{
bottom: 2%;
color: #eee;
}
.shop_detail_slide .bx-wrapper .bx-pager.bx-default-pager a{
background: #eee;
}
.shop_detail_slide .bx-wrapper .bx-next{
right: 5%;
background: url("../images/products-detail/arr_detail_right.png") no-repeat right;
background-size: 22px 38px;
width: 22px !important;
height: 38px !important;
}
.shop_detail_slide .bx-wrapper .bx-prev{
left: 5%;
background: url("../images/products-detail/arr_detail_left.png") no-repeat left;
background-size: 22px 38px;
width: 22px !important;
height: 38px !important;
}
.H_zom{
display: none !important;
}
#SD_aboutShop article{
padding-top: 40px;
}
.SD__rightside{
padding-top: 20px;
}
.SD_map .SD_Store{
padding-bottom: 25px;
}
.SD_map .H_shopto_btn a::after{
right: 20%;
}
#shop_detail .grid-container{
padding-right: 0;
padding-left: 0;
}
.grid-inner02{
padding-right: .9375rem;
padding-left: .9375rem;
}
.shop_detail_slide .bx-wrapper .bx-pager.bx-default-pager a.active{
background: #00b7ee;
}
.map_iframe{
padding-bottom: 230px;
margin-top: 20px;
}
.SL_shop_table td a{
color: #333;
}
.shop_list_main nav{
padding-bottom: 25px;
}
.H_PT30{
padding-top: 15px;
}
.brand_list_img{
display: none;
}
.brand_list_text strong{
padding-top: 10px;
display: block;
}
.category_PD{
margin-top: -80px;
padding-top: 80px !important;
}
#Policy_style{
margin-top: -60px;
padding-top: 60px;
}
.Q_bt50,
#Q-art1{
padding-bottom: 25px;
}
.Q_main{
padding: 25px .9375rem 0 .9375rem;
}

/* お買い物ガイド */
.H-title_h2{
font-size: 16px;
}
.guide-art{
padding: 15px 0 0 0;
}
.H-title_h3{
font-size: 18px;
text-align: left;
}
.G-case-ul{
padding-top: 15px;
}
.G-title_h4{
font-size: 14px;
margin-bottom: 10px;
}
.G-custtom_older{
padding: 15px 10px;
}
.G-table li{
width: 46%;
}
.G-table li.guide-material{
width: 6%;
padding-bottom: 0;
}
.guide-box,
.G-table li.special-box,
.special-box .guide-box{
width: 100%;
height: auto;
}
.guide-step{
width: 90%;
margin: 10px 5% 5px 5%;
font-size: 14px;
}
.G-table li.guide-sp_arrow{
width: 100%;
padding-bottom: 0;
position: relative;
height: 20px;
}
.G-table li.guide-sp_arrow i{
transform: rotate(90deg);
position: absolute;
top: 0px;
left: 48%;
}
.guide-p1 .guide-step,
.guide-p2 .guide-measu_rese{
width: 45%;
}
.guide-p2{
width: 90%;
padding-bottom: 10px;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.G-table li.guide-sp_box,
.guide-dt{
width: 40%;
}
.G-table li.guide-material.G-pd5{
width: 20%;
font-size: 12px;
}
.long-arrow,
.guide-dd{
width: 100%;
}
.web-position{
display: none;
}
.H-guide{
display: block;
}
.about-design span{
padding-right: 10px;
}
.guide-dd{
padding-top: 10px;
}
.guide-measu_rese{
padding: 5px 0;
font-size: 12px;
}
.guide-case_h2 span{
padding-right: 10px;
}
.guide-case_h2{
font-size: 12px;
padding: 7px 10px;
}
.guide-case_h2 span{
font-size: 14px;
}
.guide-p1 .guide-step{
height: 22px;
}
.G-table .material-icons{
font-size: 100%;
}
.guide-pay{
padding: 15px 0 0 0;
}
.guide-sp-used{
font-size: 12px;
line-height: 1.4;
padding-top: 10px;
}
.G-table li.guide-material.sp-used_arrow{
padding-bottom: 44px;
}
.G-pd5{
margin-top: 12px;
}
.guide-p1 .guide-step{
margin-right: 5px;
}
.H-letter0{
letter-spacing: inherit;
line-height: inherit;
}
.guide-p1{
padding: 10px 8px 15px 8px;
font-size: 12px;
letter-spacing: normal;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.guide-grid{
padding: 25px .9375rem;
}
.G-table {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

/* [COMPANY NAME]のポリシー */
.Policy-dl dt{
width: 100%;
padding-bottom: 10px;
}
.Policy-dl dd{
width: 100%;
text-align: center;
}
.Secret_price dt{
width: 100%;
}
.Secret_price dd{
text-align: center;
width: 100%;
}
.secret_double span{
width: 100%;
display: block;
padding-bottom: 10px;
}
.secret_double span img{
width: auto;
height: auto;
}
strong.H__center{
text-align: left;
}
.group__bt h4{
margin-top: 20px;
}
.H__border-h4{
font-size: 16px;
margin: 20px 0 10px 0;
}
.group-dl dt,
.group-dl dd,
.support_dl dt,
.support_dl dd{
width: 100%;
}
.group-dl dd,
.support_dl dd{
padding: 10px 0;
text-align: center;
}
.Group_ul{
margin-left: 0;
}
.Group_box br{
display: none;
}
.G_bak::after,
.G_bak::before{
display: none;
}
.Po_model-dl dt{
padding-bottom: 20px;
}
.Po_model-ol{
margin-left: 0;
}
.Po_hyoujun_d{
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.Po_hyoujun_d div:not(:last-child){
width: 48%;
}
.Po_hyoujun_d div:last-child{
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.Po_hyoujun_d div:last-child p{
width: 50%;
}
.Po_model-dl dt,
.Po_model-dl dd{
width: 100%;
}
.PO_pc_center{
text-align: center;
}
.RecruitCover .recruitInfo{
padding: 10px;
}
.Recruit_firstP{
padding-bottom: 20px;
}
.recruitInfo__02{
padding: 0 0 15px 0;
}
.recruitInfo__02 p:not(:last-child){
padding-bottom: 15px;
}
.RecruitWrap .recruitInfo dl{
padding-bottom: 25px;
display: block;
text-align: center;
}
.RecruitWrap .recruitInfo dl dt{
width: 100%;
display: inline-block;
font-weight: bold;
text-align: center;
padding: 5px 10px;
border: 1px solid #aaa;
width: auto;
}
.RecruitWrap .recruitInfo dl dd{
width: 100%;
display: block;
padding-top: 10px;
}
.Group_box p span{
padding: 0 10px;
}

/* 採寸予約フォーム */
.ram_tr .ram__flex li{
width: 100%;
margin-right: 0;
}
.dat_tr .dat__flex{
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.dat_tr .dat__flex .dat__left{
width: 100%;
}
.dat_tr .dat__flex .dat__left input.dat_input,
.dat_tr .dat__flex .dat__left select.dat_selecter{
display: block;
}
.dat_tr .dat__flex .dat__left input.dat_input{
margin-bottom: 10px;
}
.dat_tr .dat__flex .dat__left .dat_input{
margin-right: 0;
}
.dat_tr .dat__flex .dat__right{
padding-right: 0;
text-align: center;
margin: 20px auto 0 auto;
}
.past_tr .past__left,
.past_tr .past__right{
display: block;
width: 100%;
}
.past_tr .past__left{
margin-right: 0;
}
.past_tr .past__right{
margin-top: 20px;
}
.past_tr .past__left label,
.past_tr .past__right label{
display: block;
width: 100%;
}
.past_tr .past__left label{
margin-right: 0;
margin-bottom: 10px;
}
.past_tr .past__left select.mest_selecter{
display: block;
width: 100%;
}

/* 生地サンプル請求フォーム */
.SampleWrap .sample__flex{
margin: 20px 0;
}
.SampleWrap .sample__flex .sample__r{
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.sample__caution{
padding-bottom: 20px;
}
.sample__include__inner{
padding: 20px 10px;
}
.H_break-word{
word-wrap: break-word;
overflow-wrap: break-word;
padding: 6px 5px;
}

}


@media screen and (max-width: 639px){
.brand_list_main,
.shop_list_main,
.Q_main,
.grid-inner02,
.guide-grid,
#PolicyWrap .PolicyCover,
#SecretWrap .SecretCover,
#GroupWrap .GroupCover,
.AllPageCover,
#ContactWrap.RecruitWrap .RecruitCover{
padding-right: .625rem;
padding-left: .625rem;
}

}


@media screen and (max-width: 359px){
.Q_form .Q_A_text{
padding-right: 25px;
}
.SL_shopto span{
display: block;
padding-right: 0;
}
.H_shopto_btn a{
font-size: 12px;
}
.Q_A_img{
width: 30px;
padding: 0 5px;
}
.guide-p1 .guide-step,
.guide-p2 .guide-measu_rese{
width: 48%;
}
.G-table li.guide-material.G-pd5{
font-size: 10px;
}

}