/* ====首页====== */
body{ background-color:#fff; overflow-x: hidden; }
.header_ban{ position: relative;}
/** header **/
.header{ position:absolute; width: 100%; left: 0; top: 0; z-index:100;}
.headerHeight{ height: 0;}
.loarea{ height:54px; position:relative; z-index:3;}
.loarea .wrap{ padding: 0 20px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.logo{ width:200px;height:54px; display:flex; align-items: center;}
.logo .tp{ height:38px; width:auto;}
.logo .tp1{}
.logo .tp2{ display: none;}
.topOpa{ display: flex; justify-content: flex-end; align-items: center;}
.topOpa .loginArea{ margin-left: 10px;}
.topOpa .sbtn{ cursor: pointer; font-size: 14px; padding: 0.2em 1em; min-width: 40px; border-right: 1px solid #fff; color: #fff; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}
.topOpa .sbtn::before{ font-size: 20px; line-height: 1; margin-right: 10px;}
.topOpa .searchArea{ position: relative; z-index: 2;}

.searchLay{opacity: 0; width: 0; overflow: hidden; transition: .3s; position: absolute; background-color: #fff; right: 0; top: 40px;   display: flex; align-items: center; justify-content: flex-end; z-index: 20; padding: 10px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.actsearchLay{ width: 550px !important; opacity: 1 !important; }
.search{ display: flex; align-items: center; flex: 1; border: 1px solid #01224D;}
.search .text{ flex: 1; font-size: 14px; height: 40px; line-height: 40px;  padding: 0 15px; box-sizing: border-box;} 
.search .tj{ border: none; color: inherit; margin-left: 10px;}
.search .tj::before{ margin-right: 0;}
.search .tj:hover{ }

.cartBtn .sbtn::before{ margin-right: 0;}

.language{ position: relative; margin-left: 10px;}
.language .sbtn{ border: none;}
.language .curLanguage{padding: 0.1em 1em; cursor: pointer;}
.language .curLanguage .iconLanguage{ font-size: 20px;}
.language .curLanguage .arr{ margin-left: 2px;}

.lanLay{ padding-top: 10px; position: absolute; width: 192px; right: 0; top: 98%; display: none;} 
.lanLay .nr{ padding: 10px 0;  background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.lanLay a{ display: block; padding: 0.5em 1em; font-size: 14px;}
.lanLay a:hover{ background-color: #eee; color: #01224D;}

.pc{
    display: block;
}
.phone{
    display: none;
}
/*PC导航 begin*/
.nav{  z-index:1;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:14px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 20px; font-size: 14px; text-transform: uppercase; color: #fff; text-align:center; display:inline-block; line-height:54px; height:54px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 3px; background-color:#01224D ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#01224D !important; font-weight: bold;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}

/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:52px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #01224D; }

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; left:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#01224D; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px;   max-width: 88%; height: 100vh; overflow-y: auto; background-color:#EFEEEE; position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.inav .inavWrap{padding: 40px 30px;}
.inavCloseBtn{ position: absolute; font-size: 20px; right: 10px; top: 10px; cursor: pointer; }
.navlogo{ padding: 30px 0;}
.navlogo .tp{ max-width: 66%;}

.inavBtnsArea{ display: flex; flex-wrap: wrap;}
.inavBtnsArea .btnItem{ width: 48%; box-sizing: border-box; margin-bottom: 15px; text-align: center; padding: 10px 0; border: 1px solid #000;}
.inavBtnsArea .btnItem::before{ font-size: 18px; margin-right: 6px;}
.inavBtnsArea .btnItem:nth-child(1){ margin-right: 4%;}
.inavBtnsArea .btnItem:nth-child(3){ width: 100%;}
.ilanguage{ position: relative;}
.ilanguage .curLanguage{ font-size: 14px; display: inline-flex; align-items: center;}
.ilanguage .curLanguage .iconLanguage{font-size: 18px; margin-right: 8px; }
.ilanguage .curLanguage .arr{ }
.ilanguage .lanLay{ width: 100%; z-index: 10; }

.inav ul{ margin: 0 0px;}
.inavul li{border-bottom:1px solid #C6C6C6;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#000; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 14px; font-size: 18px; }
.act_inav{ border-color: #01224D !important; color:#01224D !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#666}
.inavLink{ margin-top: 30px;}
.inavLink .btn{ display: inline-block; margin-right: 15px; font-size: 24px; color: #434343; }
.inavLink .btn:hover{ color: #01224D;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:100vh; display:block; object-fit: cover;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:10px;height:10px;padding: 0;background-color:#fff;  font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{background-color:#01224D;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/
.h_enter{}
.h_enter .wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.heItem{ width: 48%; box-shadow:0 4px 4px 0 #00000040; position: relative; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.heItem .tp{ display: block; width: 100%; aspect-ratio: 600/250;}
.heItem .shade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .1); }
.heItem .shade .inner{ padding: 20px 5%; text-align: center; color: #fff;}
.heItem .shade .inner .tit{ font-size: 20px;font-family: 'nsBold'; }
.heItem .shade .inner .mandiv{ margin-top: 20px;}
.heItem .shade .inner .mandiv .morea{}
.heItem:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.morea{ background-color: #fff; display: inline-block; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; padding: 0.5em 2em;color: #01224D; font-size: 18px; font-family: 'nsBold';}
.morea .arr{ margin-left:8px;  }
.morea:hover{ background-color: #01224D; color: #fff;}
.morea:hover .arr{ margin-left:4px;}


.h_tit{ padding: 30px 0; }
.h_tit .tit{  font-size: 36px; line-height: 1.2;font-family: 'nsBold';}

.h_notice{ margin-top: 30px; padding-bottom: 80px; overflow-x: hidden;}
.h_notice .wrap{}
.homeConfirm{font-family: 'nsBold';  }
.homeConfirmBtn{ display: inline-flex; justify-content:center; align-items: center; padding: 1em 0em; width:260px;border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: #01224D; color: #fff; }
.homeConfirmBtn .val{ font-size: 20px; margin-right: 10px;}
.homeConfirmBtn .arr{ position: relative; left: 0; display: inline-block; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 20px; background-color: #fff; color: #01224D;}
.homeConfirmBtn .icon{ height: 24px;}
.homeConfirmBtn:hover{ background-color: #026aaa;  }
.homeConfirmBtn:hover .arr{ left: 5px;}
.hnItem{}
.hnItem a{ display: block; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .1); }
.hnItem .tparea{ font-size: 0; overflow: hidden; position: relative; }
.hnItem .tparea .tp{aspect-ratio: 300/178; width: 100%;}
.hnItem .tparea .shade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .3);}
.hnItem .tparea .shade .icon{ width: 66px;}
.hnItem .des{ padding: 12px 18px;}
.hnItem .des .tit{ font-size: 16px; height: 62px; line-height: 1.3; overflow: hidden;}
.hnItem .des .info{ font-size: 16px; margin-top: 10px; display: flex; align-items: center;}
.hnItem .des .info .type{ font-size: 12px; display: inline-block; padding: 3px 0; color: #01224D; text-decoration: underline;}
.hnItem .des .info .time{}
.hnItem .des .info .cutline{ margin: 0 10px; color: #ACACAC; display: inline-block;}
.hnItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hnItem a:hover .des .tit{ color: #01224D;}
.hnoticeSlide{ overflow: visible !important;}

.h_tit2{ line-height: 1.3; position: relative;font-family: 'nsBold';}
.h_tit2 .subtit{ font-size: 36px; color: #01224D; }
.h_tit2 .tit{ font-size: 36px; margin-top: 20px;}
.h_tit2 .icon{ position: absolute; right: 0; bottom: 10px; height: 82px;}
.h_about{ position: relative; }
.h_about .tp{ position: absolute; width: 50%; height: 100%; left: 0; top: 0; object-fit: cover; border-radius: 0 50px 0 0; -webkit-border-radius: 0 50px 0 0; -moz-border-radius: 0 50px 0 0; -ms-border-radius: 0 50px 0 0; -o-border-radius: 0 50px 0 0; }
.h_about .wp{ min-height: 500px; display: flex; align-items: center; justify-content: flex-end;}
.h_about .intro{ width: 44%; padding: 40px 0%; box-sizing: border-box;}
.h_about .intro .h_tit2{  margin-bottom: 45px;}
.h_about .intro .nr{ margin-top: 20px; line-height: 2;}
.h_about .intro .homeConfirm{ margin-top: 40px;}

.h_exb{ position: relative; }
.h_exb .tp{ position: absolute; width: 50%; height: 100%; right: 0; top: 0; object-fit: cover; border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; }
.h_exb .wp{ min-height: 500px; display: flex; align-items: center;}
.h_exb .intro{ width: 44%; padding: 40px 0%; box-sizing: border-box;}
.h_exb .intro .h_tit2{  margin-bottom: 45px;}
.h_exb .intro .nr{ margin-top: 20px; line-height: 2;}
.h_exb .intro .homeConfirm{ margin-top: 40px;}
.hexblink{ margin-top: 40px;}
.hexblink a{ display: inline-block; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 16px; padding: 0.5em 1.4em; margin:0 10px 10px 0; color: #01224D; border: 1px solid #01224D; }
.hexblink a:hover{ background-color: #01224D; color: #fff; }


.h_goods{ padding: 30px 0 80px;}
.h_goods .wrap{ display: flex; flex-wrap: wrap;}
.hgoodsItem{ width: 23.5%; margin: 0 2% 3% 0;}
.hgoodsItem:nth-child(4n){ margin-right: 0;}
.hgoodsItem a{ display: block; position: relative; }
.hgoodsItem .tparea{ font-size: 0; overflow: hidden; position: relative;  overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.hgoodsItem .tparea .tp{aspect-ratio: 1; width: 100%;}
.hgoodsItem .des{ padding: 15px 0; text-align: center; line-height: 1.4;}
.hgoodsItem .des .tit{ font-size: 18px; margin-bottom: 5px;}
.hgoodsItem .des .price{ font-size: 16px;}
.hgoodsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hgoodsItem a:hover .des .tit{ color: #01224D;}

.h_shop{ position: relative;}
.h_shop::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4);}
.h_shop .wp{ position: relative; z-index: 2; min-height: 500px;}
.h_shop .intro{ width: 500px; max-width: 100%; padding: 100px 0; text-align: center; margin: 0 auto; color: #fff;}
.h_shop .intro .h_tit{ padding-top: 0;}
.h_shop .intro .nr{ margin-top: 20px; line-height: 2;}
.h_shop .intro .homeConfirm{ margin-top: 40px;}

.homeConfirmBtn2{ display: inline-flex; align-items: center; padding: 0.6em 2.4em; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: rgba(0, 0, 0, .2); color: #fff; border: 1px solid #fff; }
.homeConfirmBtn2 .val{ font-size: 20px; margin-right: 10px;}
.homeConfirmBtn2 .icon{ height: 24px;}
.homeConfirmBtn2:hover{ background-color: rgba(0, 0, 0, .5); }

.h_social{ padding: 80px 0;}
.h_social .wp{ width: 890px; max-width: 96%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hsocialItem{ width: 48%; margin-bottom: 20px;}
.hsocialItem a{ display: block; position: relative;}
.hsocialItem .type{ height:52px; max-width: 60%; display: block; margin: 0 auto; object-fit: contain; }
.hsocialItem .tparea{ margin-top: 25px; font-size: 0; border-radius: 10px; overflow: hidden; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.hsocialItem .tparea .tp{aspect-ratio: 423/275; width: 100%;}
.hsocialItem .des{ padding: 25px 0; text-align: center; line-height: 1.4;}
.hsocialItem .des .nr{  line-height: 2;}
.hsocialItem .des .homeConfirm{ margin-top: 20px;}
.hsocialItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hsocialItem a:hover .des .tit{ color: #01224D;}

.footer{ background-color: #01224D;}
.footer .wp{ padding: 60px 2%; max-width: 100%; box-sizing: border-box; color: #fff;font-family: 'nsBold'; }
.f_t{ display: flex; flex-wrap: wrap;}
.f_b{}
.flogo_fadd{ width: 500px; margin-right: 6%; }
.flogo{}
.flogo .tp{ max-width: 80%; max-height: 120px; object-fit: contain;}
.fadd{ font-size: 16px; margin-top: 30px;}
.fadd .list{ padding: 8px 0;}
.fnav{ flex: 1; min-width: 0; display: flex; flex-wrap: wrap;}
.fnavItem{ width: 33.33%; }
.fnavItem .tit{ font-size: 20px;}
.fnavItem .nr{ margin-top: 10px;}
.fnavItem a{ margin-left: 0; padding: 8px 0 ; font-size: 18px; display: block; color: #fff;}
.fnavItem a:hover{ margin-left: 5px;}
.flink{ margin-top: 15px;}
.flink .btn{ display: inline-block; margin-right: 24px; font-size: 34px;  color: #fff; }
.flink .btn:hover{ transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); }
.flink2{ margin-top: 20px;}
.flink2 a{ font-size: 16px; margin-right: 24px; color: #fff;}
.flink2 a:hover{ text-decoration: underline;}
.copyright{ margin-top: 20px; font-size: 12px; color: #fff;}
/* 特定商取引法に基づく表示  プライバシーポリシー  利用規則*/
.iheader{ background-color: #fff; position: relative;}
.iheader .logo .tp1{ display: none;}
.iheader .logo .tp2{ display: inline-block;}
.iheader .navul li>a{ color: #333;}
.iheader .topOpa .sbtn{ color: #333; border-right-color: #333;}


.location{  display: flex; align-items: center;z-index: 2; width: 100%; padding: 10px 0; }
.location .cutline{ font-size:12px; }
.location a{ font-size:12px;  margin:0 6px;font-style: normal;}
.location a:hover{ color:#325870;}
.act_loca{ font-weight: bold !important;}

.policy{ padding: 60px 0 100px;}
.policyTitle{ text-align: center; font-size: 36px; font-family: 'nsBold';}
.policyBody{ margin-top: 20px;}
.policyItem{}
.policyItem .title{ font-size: 20px; padding: 0.8em 0; border-bottom: 1px solid #B7B7B7;}
.policyItem1 .wrap{ padding: 20px 0;}
.policyItem1 .wrap .list{ display: flex; padding: 4px 0; }
.policyItem1 .wrap .list .mc{ min-width: 10em; margin-right: 2em;}
.policyItem1 .wrap .list .val{ flex: 1; display: block; min-width: 0;}
.policyItem2 .wrap{ margin-top: 20px;}
.policyItem2 .wrap .item{ margin-bottom: 25px;}
.policyItem2 .wrap .item .tit{ font-size: 18px; padding:0.6em 0 0.6em 8px; border-bottom: 1px solid #D9D9D9; position: relative;}
.policyItem2 .wrap .item .tit::before{ content: ""; display: block; width: 2px; height: 15px; background-color: #01224D; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.policyItem2 .wrap .item .nr{ margin-top: 15px;}
.policyItem2 .wrap .item .nr .wz{}

/* ログイン */
.loginMain{ min-height: 100vh;box-sizing: border-box;}
.loginMain .location{ padding-top: 80px;}
.loginWrap{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;  width: 90%; min-height: calc(100vh - 100px); box-sizing: border-box;}
.loginWrap .tparea{ width: 44%;}
.loginWrap .tparea .tp{ height: 140px; object-fit: contain;}
.loginBox{ width: 50%; padding: 50px 70px; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: rgba(255, 255, 255, .9); }
.loginTitle{ text-align: center; font-size: 30px;}
.loginForm{ margin-top: 10px; padding-bottom: 60px;}
.formItem{ margin-bottom: 10px;}
.formItem .attrmc{ font-size: 16px; padding: 6px 0;}
.formItem .attrval{}
.formItem .text{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px; border: 1px solid #9A9A9A; }
.forgetPwd{ padding: 10px 0;}
.forgetPwd a{}
.forgetPwd a:hover{ color: #01224D; text-decoration: underline;}
.formConfirm{}
.formConfirm .sbtn{ font-size: 16px; padding: 0.6em 0;}
.chooseType{ padding-top: 44px; border-top: 1px solid #9A9A9A;}
.chooseType .title{ font-size: 28px; text-align: center;}
.chooseType .wrap{ margin: 24px auto 0; width: 80%; display: flex; align-items: center;}
.chooseType .wrap .list{ cursor: pointer; margin: 0 5px; flex: 1; text-align: center; box-sizing: border-box;}
.chooseType span a{display:block;}
.actChooseType{ background-color: #01224D !important; color: #fff !important;}

/* マイページ-パスワード再設定  新規登録  企業会員様新規登録*/
.aMain{ background-color: #fff; background-size: 100% auto; background-repeat: no-repeat;  position: relative;}
.aMain::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .6); position: absolute; left: 0; top: 0}
.aContent{ position: relative; z-index: 2;}

.i_tit{ padding: 50px 0; font-size: 28px; text-align: center; font-family: 'nsBold';}
.updataPwd{  padding: 20px 0 80px; width: 960px; max-width: 96%; margin: 0 auto;}
.updataForm{ margin-top: 10px; background-color: #F5F5F5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.formItem2{  padding: 20px 56px; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #DDDDDD;}
.formItem2:nth-last-child(1){ border: none;}
.formItem2 .attrmc{  padding: 6px 0 6px 40px; margin-right: 40px; width: 30%; box-sizing: border-box;}
.formItem2 .attrval{ flex: 1; min-width: 0;}
.formItem2 .text{ display: block; width: 100%; border-radius: 3px; background-color: #fff; height: 48px; line-height: 48px; font-size: 14px; padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.hasEye { position: relative; box-sizing: border-box;}
.hasEye  .text{ padding-right: 40px; }
.hasEye .openEyeBtn{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hasYzm{ position: relative;}
.hasYzm .text{ padding-right: 148px;}
.hasYzm .sendBtn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 12px; padding: 0.4em 2em; cursor: pointer; }

.updataPwd .formConfirm{ text-align: center; }
.updataPwd .formConfirm .sbtn{ font-size: 16px; padding: 0.6em 0; width: 220px;}
.back{ padding: 10px 0;}
.back a{}
.back a:hover{ color: #01224D; text-decoration: underline;}

/* マイページ */
.memMain .wp{ display: flex; flex-wrap: wrap; padding: 50px 0 100px;}
.m_l{ width: 225px; padding-right: 45px; margin-right: 45px; border-right: 1px solid #ACACAC;}
.m_r{ flex: 1; min-width: 0;}
.mnav{ margin-top: -20px;}
.mnav .item{ padding: 20px 0; border-bottom: 1px solid #ACACAC;}
.mnav .item:nth-last-child(1){ border-bottom: none;}
.mnav .item .tit{}
.mnav .item .tit a{ font-size: 18px; display: flex; align-items: center; position: relative;}
.mnav .item .tit a .icon{ height: 20px; margin-right: 10px;}
.mnav .item .tit a:hover{ color: #01224D;}
.mnav .item .nr{ margin:10px 0 0px 0px;}
.mnav .item .nr a{ display: block; position: relative; font-size: 16px; padding:10px 0  10px 28px;}
.mnav .item .nr a::after{ content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #333; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mnav .item .nr a:hover{color: #01224D; }
.actMnav a{color: #01224D !important; }
.actMnavSub{ background-color: rgba(1, 34, 77, .05) !important;}
.exit{}
.exit .sbtn{ font-size: 20px; display:inline-flex; align-items:center;justify-content:center;}
.exit .sbtn .icon{ height: 24px; margin-right: 14px;}
.m_tit{ font-size: 24px; font-family: "nsBold"; line-height: 1.2;}
.mine{ font-size: 20px; margin-top: 35px;}
.mine .name{}
.mine .info{ margin-top: 10px;}

/* 購入履歴 */
.nobuyRecord{ margin-top: 22px;}
.nobuyRecord .info{ font-size: 20px;}
/* マイページ-購入履歴2 */
.buyRecord{}
.buyRecordItem{border: 1px solid #ddd; overflow: hidden; margin-bottom: 20px;}
.buyRecordTable{ width: 100%; margin: -1px;}
.buyRecordTable th,.buyRecordTable td{ padding: 26px 30px; border: 1px solid #E0E0E0; font-size: 16px;}
.buyRecordTable th{ background-color: #F7F7F7; text-align: center;}
.buyRecordTable th:nth-child(1){text-align: left;}
.buyRecordTable td{ box-sizing: border-box;}
.buyRecordTable tr td:nth-child(1){ width: 25%;}
.buyRecordTable tr td:nth-child(2){ width: 40%;}
.buyRecordTable tr td:nth-child(3){ width: 10%;}
.buyRecordTable tr td:nth-child(4){ width: 25%;}
.buyRecordTable .goodsTparea{ display: block; }
.buyRecordTable .goodsTparea .tp{ width: 205px; aspect-ratio: 1;}
.buyRecordTable .goodsTparea:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.buyRecordTable .goodDesc{ }
.buyRecordTable .goodDesc .tit{ font-size: 16px;}
.buyRecordTable .goodDesc .para{ font-size: 12px;margin-top:15px;}
.buyRecordTable .goodDesc .para .num{ }
.buyRecordTable .goodDesc .para .price{margin-top: 15px;}
.buyRecordTable .goodDesc .para .info{margin-top: 15px;}
.revInfo{}
.revInfo .row{ display: flex; justify-content: space-between;}
.revInfo .row .rev{display: flex; align-items: center;}
.revInfo .row .rev .mc{ display: inline-block; width: 96px; margin-right: 15px;}
.revInfo .row .rev .val{flex: 1; min-width: 0; font-size: 14px;}
.revInfo .row .rev .val .list{ padding: 2px 0;}
.revInfo .row .total{ width: 200px; text-align: right;}
.revInfo .row .total .num{}
.revInfo .row .total .discount{ margin-top: 15px;}
.revInfo .row .total .payPrice{ font-size: 16px;margin-top: 15px; font-family: "nsBold";}
.revInfo .time{ display: flex; align-items: center; margin-top: 10px;}
.revInfo .time .mc{ display: inline-block; width: 96px; margin-right: 15px;}
.revInfo .time .val{ flex: 1; min-width: 0; font-size: 14px;}
.revInfo .time .val .list{ margin-right: 24px;}
.buyRecordTable .orderInfoTd{ padding: 16px 30px;}
.orderInfo{ display: flex; justify-content: space-between;}
.orderInfo .box{ width: 30%;}
.orderInfo .box:nth-child(1){ }
.orderInfo .box:nth-child(2){}
.orderInfo .box:nth-child(3){ width: 176px; text-align: center;}
.orderInfo .box:nth-child(3) .sbtn{ }
.orderInfo .box:nth-child(3) .score{ margin-top: 5px; font-size: 18px;}

/* 会員情報 */
.memInfo{}
.memWrap{ border: 1px solid #B8B8B8; width: 520px ;max-width: 100%; overflow: hidden;}
.memWrap .title{ text-align: center; background-color: #01224D; padding: 0.6em 1em; color: #fff; }
.memForm{}
.formItem3{  display: flex; flex-wrap: wrap; align-items: center; padding: 3px 0;  position: relative;  border-bottom: 1px solid #B8B8B8;}
.formItem3::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 30%; height: 100%; background-color: #ECECEC;}
.formItem3:nth-last-child(1){ border: none;}
.formItem3 .attrmc{  padding: 0px 16px;  display: block; width: 30%; position: relative; z-index: 2; text-align: right; box-sizing: border-box; }
.formItem3 .attrval{ flex: 1; min-width: 0; padding: 0px 3px; box-sizing: border-box;}
.formItem3 .text{ display: block; width: 100%; border-radius: 3px; background-color: #fff; height: 34px; line-height: 34px; font-size: 14px; padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #ECECEC; }
.formItem3 .hasYzm{ position: relative; padding-right: 122px;}
.formItem3 .hasYzm .text{}
.formItem3 .hasYzm .sendBtn{position: absolute; right: 3px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 12px; padding: 0.4em 2em; cursor: pointer; } 
.memInfo .formConfirm{  }
.memInfo .formConfirm .sbtn{ font-size: 16px; padding: 0.6em 3.4em;}

/* マイページ-企業会員情報 */
.mainPoints{}
.mainPoints .info{ font-size: 16px;}
.mainPoints .info .p1{ margin-top: 4px;}
.mainPoints .intro{ margin-top: 25px;}
.mainPoints .intro .title{ font-size: 16px; }
.mainPoints .intro .nr{ font-size: 12px;margin-top: 10px; line-height: 2;}
.records{ margin-top: 35px; padding-top: 35px; border-top: 1px solid #000;}
.records .title{ font-size: 20px;}
.recordsTableWrap{margin-top: 25px; width: 310px; max-height: 410px; border: 1px solid #E0E0E0;overflow-y: auto; }
.recordsTable{ margin: -1px; width: 100%; }
.recordsTable th,.recordsTable td{ padding: 12px; text-align: center;}
.recordsTable th{ background-color: #F7F7F7;}
.recordsTable td{ border: 1px solid #E0E0E0;}

/* カート */
.cartMain{ padding: 60px 0 100px;}
.cart{ width: 960px; max-width: 96%; margin: 0 auto;}
.cart .i_tit{ font-size: 36px;}
.cartTableWrap{ margin-top: 50px; border: 1px solid #E0E0E0; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.cartTable{ width: 100%; margin: -1px;}
.cartTable th,.cartTable td{ padding: 10px; border: 1px solid #E0E0E0; font-size: 16px;}
.cartTable th{ background-color: #F7F7F7; text-align: center;}
.cartTable .titleTd{ font-size: 16px; text-align: center; background-color: #EEEEEE;}
.cartTable .nameTd{ color: #7D7D7D; text-align: center; font-weight: normal;}
.cartTable td{ box-sizing: border-box; text-align: center;}
.cartTable tr td:nth-child(1){ width: 52%; text-align: left;}
.cartTable tr td:nth-child(2){ width: 12%;}
.cartTable tr td:nth-child(3){ width: 12%;}
.cartTable tr td:nth-child(4){ width: 12%;}
.cartTable tr td:nth-child(5){ width: 12%;}
.cartTable tr td:nth-child(5) .sbtn{ width: 85px; font-size: 14px; background-color: #F7F7F7; border:1px solid #Cbcbcb; padding: 0.4em 0 ;}
.cartTable .goodsNum{ width: 46px; height: 34px; line-height: 34px; border: 1px solid #e0e0e0; text-align: center;}
.goodsInfo{ display: flex; align-items: center;}
.goodsInfo .tparea{ width: 132px; margin-right: 14px;}
.goodsInfo .tparea .tp{width: 100%; aspect-ratio: 1;}
.goodsInfo .des{ flex: 1; min-width: 0;}
.goodsInfo:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.goodsInfo .des .tit{ font-size: 16px;}
.goodsInfo .des .para{ font-size: 12px;margin-top:6px;}
.goodsInfo .des .para .num{ }
.goodsInfo .des .para .price{margin-top: 6px;}
.goodsInfo .des .para .info{margin-top: 6px;}
.cart .tableOpa{ margin-top: 25px;}
.cart .tableOpa .sbtn{ margin-left: 10px;}
.integral_total{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.integral_total .integral{  width: 40%; display: flex; align-items: flex-end;}
.integral_total .integral .icon{ width: 102px; margin-right: 10px;}
.integral_total .integral .des{ font-size: 15px; color: #01224D;}
.integral_total .totalWrap{ width: 54%; border: 1px solid #E0E0E0; overflow: hidden; border-radius:10px; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.integral_total .totalTable{ width: 100%; margin: -1px; }
.integral_total .totalTable td{padding: 10px; border: 1px solid #E0E0E0; text-align: right; }
.integral_total .totalTable tr td:nth-child(1){ background-color: #F7F7F7;}
.integral_total .totalTable tr td:nth-child(2){}
.cartConfirm{ margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}
.cartConfirm .continueBtn{width: 40%; font-size: 12px; color: #040404; }
.cartConfirm .continueBtn::before{  font-size: 16px; margin-right: 6px;}
.cartConfirm .continueBtn:hover{ color: #01224D;}
.cartConfirm .opa{width: 54%; }
.cartConfirm .opa .sbtn{ font-size: 16px; padding: 0.8em 0;}

/* お支払い */
.point_calc{ margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.point_calc .box{ width: 48%;}
.point_calc .box1{ }
.point_calc .box1 .p1{font-size: 18px;}
.point_calc .box1 .p2{ font-size: 16px; margin-bottom: 5px;}
.point_calc .totalWrap{ width: 100%; border: 1px solid #E0E0E0; overflow: hidden; border-radius:10px; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.point_calc .totalTable{ width: 100%; margin: -1px; }
.point_calc .totalTable td{padding: 10px; border: 1px solid #E0E0E0; text-align: right; }
.point_calc .totalTable tr td:nth-child(1){ background-color: #F7F7F7;}
.point_calc .fill { display: flex; align-items: center;}
.point_calc .fill .text{ flex: 1; min-width: 0; }
.point_calc .fill .sbtn{ margin-left: 20px; background-color: #fafafa;}

.sendInfo{ padding: 60px 0 100px;}
.sendInfo .title{ font-size: 20px; padding: 0.4em 0;}
.siItem{ margin-bottom: 40px;}
.siItem .checkrow{ font-size: 16px; margin-bottom: 10px;}
.siItem .checkrow .radio{ margin-right: 6px;}
.siForm{ border: 1px solid #CBCBCB; overflow: hidden; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.siForm .formItem3{ border-color: #cbcbcb;}
.siForm .formItem3::after{ background-color: #F7F7F7;}
.siForm .formItem3 .require{ font-size: 10px; background-color: #BC261A; padding: 0.1em 0.6em; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; color: #fff; margin-left: 5px;}
.siForm .payway{ padding: 6px 6px;}
.siForm .payway .list{ padding: 5px 0;}
.siForm .payway .list .radio{ margin-right: 6px;}
.siForm .payway .list .tp{ height: 30px; margin-right: 10px;}

.siForm .textarea{display: block; width: 100%; border-radius: 3px; background-color: #fff; height: 150px; line-height: 1.6; font-size: 14px; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #ECECEC; }
.siForm .select{display: block; width: 100%; border-radius: 3px; background-color: #fff; height: 34px; line-height: 34px; font-size: 14px; padding: 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #ECECEC; }
.siForm .text,.siForm .select{ width: 300px;}
.sendInfo .formConfirm{}
.sendInfo .formConfirm .sbtn{ padding: 0.6em 3em;}
.sitip{ margin-bottom: 10px;}

/* 公用弹窗 */
.commonTip{display: none; background-color: #fff; z-index: 999; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); width: 690px; max-width: 94%; overflow: hidden; position: fixed; z-index: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.commonTip .tit{ font-size: 22px; color: #fff; background-color: #01224D; text-align: center; padding:0.8em 0;}
.commonTip .nr{ padding: 30px; font-size: 16px; line-height: 1.8; text-align: center; }

/* アイテム */
.sectionName{  font-size: 36px; padding: 20px 0; margin-top: 20px; font-family: 'nsBold';  }
.lm{  margin-top: 10px;font-family: 'nsBold'; }
.lm .wp{     white-space: nowrap;
    overflow-x: auto;}
.lm a{ display: inline-block; font-size: 20px; padding: 0.5em 1.5em; position: relative; margin-right: 20px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.lm a:hover,.act_lm{ background-color: #01224D !important; color: #fff !important; }
.imainBottomHeight{ height: 100px;}
.p_main{ padding:60px 0 70px;}
.p_main>.wp{ display: flex; flex-wrap: wrap;}
.p_l{ width: 228px; margin-right: 40px;}
.p_r{ flex: 1; min-width: 0;}

.pnav{  border: 10px solid #FBF7F1; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.pnav .tit{ text-align: center; font-size: 16px; padding: 1em 0; font-family: 'nsBold';}
.pnav .nr{padding: 0px 30px;font-family: 'nsBold'; }
.pnav .nr a{ display: block;font-family: 'nsBold' !important; font-size: 16px; padding: 10px 0; border-top: 1px solid #E2E2E2;}
.pnav .nr a::before{ font-size: 18px; margin-right: 5px;font-family: "iconfont" !important;}
.pnav .nr a:hover,.actPnav{ color: #01224D !important;}


.pro{}
.pro .wrap{ display: flex; flex-wrap: wrap;}
.turnpage{ margin:0 auto;font-size:0; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; background-color: #fff; padding:5px 16px; font-size:16px; margin:0 6px; border-radius: 60px; color:#333; border:1px solid #DEE2E7; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.turnpage a:hover,.current{ background-color:#01224D !important; border-color: #01224D !important; color: #fff !important;}

/* お問い合わせ */
.i_main{  min-height:400px;}
.notice{}
.notice .wrap{display: flex; flex-wrap: wrap; padding-bottom: 20px;}
.notice .hnItem{ width: 32%; margin:0 2% 60px 0;}
.notice .hnItem:nth-child(3n){ margin-right: 0;}

/* お知らせ-详情页 */
.noticeDel{ position: relative; padding: 30px 0 100px;}
.noticeDel .artHeader{ text-align: center;}
.noticeDel .artHeader .info{ font-size: 16px;}
.noticeDel .artHeader .info .type{ margin-left: 12px; padding: 0 0.6em;  border: 1px solid #DEE2E6; display: inline-block;}
.noticeDel .artHeader .tit{ font-size:36px; font-family: 'nsBold'; margin-top: 15px; line-height: 1.2;}
.noticeDel .artBody{padding:40px 0px 40px; }
.noticeDel .artBody .tp{ display:block; margin:0px auto;}
.noticeDel .artBody .wz{ font-size: 14px; line-height:2em;color:#333;}
.noticeDel .pnpage{ margin-top: 60px;}
.pnpage{ text-align: center;}
.pnpage a{ display:inline-block; background-color: #fff; padding:5px 16px; font-size:16px; margin:0 6px; border-radius: 60px; color:#333; border:1px solid #DEE2E7; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.pnpage a:hover{ border-color: #01224D; color: #01224D;}
.pnpage a.backNotice:hover{ color: #fff;}

/* よくある質問 */
.i_tit2{ font-size: 36px ;padding: 50px 0; font-family: "nsBold";}
.qus{ padding: 0 0 80px; width: 800px; margin: 0 auto; max-width: 96%; }
.qusPart{}
.qusPart .title{ font-size: 20px; padding:25px 0 25px 10px;  position: relative;}
.qusPart .title::after{ content: ""; display: block; width: 2px; height: 16px; background-color: #01224D; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.qusItem{}
.qusItem .row{ margin-bottom: 30px; display: flex; align-items: flex-start;}
.qusItem .row .tp{ width: 62px; height: 62px;}
.qusItem .row .desc{ position: relative; flex: 1; min-width: 0; border: 2px solid #01224D; border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px;  box-sizing: border-box; padding: 20px 30px;} 
.qusItem .row .desc .nr{ padding: 0 40px 0 40px; position: relative; font-size: 20px;}
.qusItem .row .desc .letter{ position: absolute; left: 0; top: 0;}
.qusItem .row .desc .arr{ position: absolute;right: 0; bottom: 0px;display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 24px; height: 24px; border: 2px solid #01224D; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;}
.qusItem .row .desc .arrIcon{ position: absolute; right: 0; bottom: -18px;  }
.qusItem .rowQus{ padding-right: 92px;}
.qusItem .rowQus .tp{ margin-right: 20px;}
.qusItem .rowQus .arrIcon{ left: 0;}
.qusItem .rowAns{ padding-left: 92px; display: none;}
.qusItem .rowAns .inner{ display: flex; align-items: flex-start;}
.qusItem .rowAns .desc{ background-color:#01224D !important; color:#fff !important;}
.qusItem .rowAns .tp{ margin-left: 20px;}
.qusItem .rowAns .arrIcon{ right: 0;}
.actQusArr{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

/* ご利用ガイド */
.userGuide{ padding-bottom: 80px;}
.guideFlow{ margin-bottom: 40px; display: flex; flex-wrap: wrap;}
.guideFlow .box{ width: 23.5%; margin:  0 2% 2% 0; margin-bottom: 16px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; background-color: #F3F3F3;  }
.guideFlow .box:nth-child(4n){ margin-right: 0;}
.guideFlow .box .tit{ background-color: #EAEAEA; font-size: 18px;text-align: center; display: flex; align-items: center; justify-content: center; padding: 8px 0;}
.guideFlow .box .tit .iconarea{ font-size: 0; margin-right: 8px;}
.guideFlow .box .tit .iconarea .icon{ height: 24px;}
.guideFlow .box .tit .iconarea .icon01{ display: inline-block;}
.guideFlow .box .tit .iconarea .icon02{ display: none;}
.guideFlow .box .nr{ padding: 10px 16px;}
.guideFlow .box .nr .list{ font-size: 14px; padding: 8px 0; color: #474747;}
.guideFlow .box:hover{ background-color: #01224D;}
.guideFlow .box:hover .iconarea .icon01{ display: none;}
.guideFlow .box:hover .iconarea .icon02{ display: inline-block;}
.guideFlow .box:hover .tit{ background-color: #003473; color: #fff;}
.guideFlow .box:hover  .nr .list{ color: #fff;}

.guideIntro{ }
.guideIntroItem{ margin-bottom: 30px;}
.guideIntroItem .tit{ font-size: 18px; color: #fff; padding: 0.6em 0.8em; background-color: #00124D;}
.guideIntroItem .subtit{ font-size: 17px; margin-top: 20px;padding: 0.5em 0.8em; background-color: #EAEAEA;}
.guideIntroItem .nr{ margin-top: 20px; margin-top: 15px; line-height: 2;}

/* お問い合わせ */
.mess{ padding: 0 0 75px; width: 700px; margin: 0 auto; max-width: 96%;}
.mess .info{text-align: center; font-size: 12px; line-height: 2.2;}
.messform{ margin-top: 40px;}
.messFormItem{ margin-bottom: 30px; display: flex; flex-wrap: wrap;}
.messFormItem .attrmc{ font-size: 12px;  width: 150px; padding-right: 10px; margin-right: 15px; position: relative; text-align: right;}
.messFormItem .attrmc .require{ color: #666; position: absolute; font-style: normal; font-size: 16px; right: 0; top: 0;}
.messFormItem .attrval{ flex: 1; min-width: 0;}
.messFormItem .text,.messFormItem .select{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 12px; padding: 0 15px; border: 1px solid #BFBFBF; }
.messFormItem .textarea{display: block; width: 100%; height: 180px; line-height: 1.6; font-size: 12px; padding: 10px 15px; border: 1px solid #BFBFBF;}
.messFormItem .hastip{ display: flex; align-items: center; flex-wrap: wrap;}
.messFormItem .hastip .text{ width: 300px; margin-right: 10px;}
.messFormItem .tip{ font-size: 12px; color: #666;}
.mess .agree{ margin-top: 40px; padding: 10px 0; text-align: center;}
.mess .agree .checkbox{ padding: 10px 0;}
.mess .agree a{ color: #003473; text-decoration: underline;}
.mess .agree a:hover{ color: #026aaa;}
.mess .formConfirm{ text-align: center;}
.mess .formConfirm .sbtn{ font-size: 16px; padding: 0.6em 7em; min-width: 4em; text-align: center;}
/* 高栗について */
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%; }
.i_ban::after{ content: ""; display: block; width: 100%; height: 100%;position: absolute; left: 0; top: 0;  background-color: rgba(0, 0, 0, .4);}
.ibanName{ position: absolute; width: 100%; left: 0; top: 50%; font-family: "nsBold"; text-align: center; font-size: 36px; color: #fff; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ibanIntro{ margin-top: 0px; position: relative; z-index: 10; background-color: #fff; }
.ibanIntro .wave2{ position: absolute; left: 0; top: 0; transform: translateY(-96%); width: 100%; -webkit-transform: translateY(-96%); -moz-transform: translateY(-96%); -ms-transform: translateY(-96%); -o-transform: translateY(-96%); }
/* .ibanIntro .wave{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;  } */
.ibanIntro .wp{ padding: 0px 0 40px;top: -60px; position: relative; z-index: 2;}
.ibanIntro .wp .tit{ width: 44%; font-family: "nsBold"; margin-left:auto; font-size: 32px ; line-height: 1.3; color: #003473;}
.ibanIntro .wp .nr{ text-align: center; width: 760px; font-size: 14px ; line-height: 2; max-width: 96%; margin: 50px auto 0;}

.producingArea{ padding: 20px 0; background-color: #FBF7F1;}
.producingArea .item{  padding: 45px 0;position: relative;height: 470px;}
.producingArea .item .tp{position: absolute; width: 50%; height: 80%; top: 10%; object-fit: cover; }
.producingArea .item .intro{width: 44%; padding: 40px 0%; box-sizing: border-box;}
.producingArea .item .i_tit3{ margin-bottom: 30px; font-size: 32px; color: #325870; font-family: 'nsBold';}
.producingArea .item .nr{ line-height: 2;}
.producingArea .item:nth-child(2n+1){}
.producingArea .item:nth-child(2n+1) .tp{ right: 0; border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; }
.producingArea .item:nth-child(2n){}
.producingArea .item:nth-child(2n) .tp{ left: 0;border-radius: 0 50px 0 0; -webkit-border-radius: 0 50px 0 0; -moz-border-radius: 0 50px 0 0; -ms-border-radius: 0 50px 0 0; -o-border-radius: 0 50px 0 0;}
.producingArea .item:nth-child(2n) .intro{ margin-left: auto;}

.placeList{ padding: 50px 0;}
.placeList .wp{ display: flex; flex-wrap: wrap;}
.placeItem{ padding: 30px 0; width: 48.5%; margin: 0 3% 0 0;}
.placeItem:nth-child(2n){ margin-right: 0;}
.placeItem a{ display: block;}
.placeItem .tparea{ font-size: 0; overflow: hidden; border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; overflow: hidden; }
.placeItem .tparea .tp{ width: 100%; aspect-ratio: 548/400;}
.placeItem .des{ padding: 20px 0;}
.placeItem .des .tit{ font-size: 22px;}
.placeItem .des .nr{ line-height: 2; margin-top: 10px;}
.placeItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.placeItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.safe{ position: relative;}
.safe .tp{ width: 100%;}
.safe .desc{ transform: translateY(-50%); width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  position: relative; z-index: 2;}
.safe .desc .wp{ width: 900px; max-width: 96%;}
.safe .desc .nr{ background-color: #FBF7F1; padding: 30px 60px; font-size: 20px; text-align: center; position: relative;}
.safe .desc .nr::after{ content: ""; display: block; width: 120px; height: 5px; background-color: #023758; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); top: 0; }

.producingArea2{ background-color: #fff;}
.producingArea2 .item:nth-child(2n+1) .intro{ margin-left: auto;}
.producingArea2 .item:nth-child(2n+1) .tp{ left: 0; border-radius:0 50px 0 0; -webkit-border-radius:0 50px 0 0; -moz-border-radius:0 50px 0 0; -ms-border-radius:0 50px 0 0; -o-border-radius:0 50px 0 0; }


/* アイテム-详情页 */
.bgPink{ background-color: #fdf7f1;}
.pdel{ padding: 0 0 60px;}
.pDesc{ margin-top: 55px;}
.pdescTit{ border-bottom:1px solid #01224D ;}
.pdescTit .list{ cursor: pointer; display: inline-block; margin-right: 10px; font-size: 20px; padding: 0.6em 1.6em; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border: 1px solid #01224D; position: relative; top: 1px; }
.actPdesc{ background-color: #003473 !important; color: #fff !important; }
.pdescContent{ padding: 15px 0;}
.pdescBox{ font-size: 16px; line-height: 1.6; display: none;}

.customWant .wrap{ margin: 70px 0;  display: flex; justify-content: space-between; flex-wrap: wrap  ; align-items: center; background-color: #fff;}
.customWant .tparea{ width: 46%; margin: -40px 0; font-size: 0; overflow: hidden;}
.customWant .tparea .tp{ width: 100%; align-self: 568/380;}
.customWant .des{ flex: 1; min-width: 0; box-sizing: border-box; padding: 20px 5%;}
.customWant .des .tit{ font-size: 18px; padding-bottom: 1em; border-bottom: 1px solid #B8B8B8;}
.customWant .des .nr{ margin-top: 20px; font-size: 14px; line-height: 1.8;}
.recommend{}
.recommend .wrap{ display: flex; flex-wrap: wrap; margin-top: 20px;}


.pdt{ display: flex; justify-content: space-between; padding: 40px 0; margin-top: 40px;}
.pdtSlideWrap{ width: 54%;}
.pdtIntro{ width:40%;  min-width: 0;}

.pdtIntro .tit{ font-size: 32px; line-height: 1;  }
.pdtIntro .price{ margin-top: 20px; font-size: 24px;}
.pdtIntro .price .type{ font-size: 16px; margin-left: 5px;}
.pdtIntro .award,.pdtIntro .agentPrice{ font-size: 16px;}
.pdtIntro .award{margin-top: 10px;}
.pdtIntro .agentPrice{margin-top: 10px;}
.pdtIntro .agentPrice .type{}
.pdtIntro .nr{  margin-top: 18px; line-height: 1.6; }
.pdtIntro .paraItem{ padding: 10px 0;}
.pdtIntro .paraItem .subtit{ font-size: 20px; font-family: 'scBold';}
.pdtIntro .paraItem .wrap{ padding: 10px 0 0;}
.pdtIntro .paraItem1 .wrap{ display: flex; flex-wrap: wrap;}
.pdtIntro .paraItem1 .item{ width: 33.33%; text-align: center;}
.pdtIntro .paraItem1 .item .tparea{ box-sizing: border-box; width: 70px; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; }
.pdtIntro .paraItem1 .item.active .tparea{border: 5px #01224D solid;}
.pdtIntro .paraItem1 .item .tparea .tp{ width: 100%; align-self: 1;}
.actPara{ border: 3px solid #003473;}
.pdtIntro .paraItem1 .item .des{margin-top: 10px; font-size: 16px; color: 003473;}
.pdtIntro .paraItem1 .item .des .weight{}
.pdtIntro .paraItem1 .item .des .price2{}
.pdtIntro .paraItem1 .item .des .price2 .type{ font-size: 12px;}
.pdtIntro .paraItem1 .wrap .textNumber{}
.pdtIntro .zhu{}
.pdtIntro .zhu a{ color: #DA0000;}
.pdtIntro .zhu a:hover{ text-decoration: underline;}
.pdtIntro .mandiv{ margin-top: 20px;}
.pdtIntro .mandiv .select{ width: 100%; text-align: center; padding: 12px 15px; background-color: #E8E8E8; border: 1px solid #bbb; }
.pdtIntro .mandiv .opa{ display: flex; justify-content: space-between; margin-top: 25px;}
.pdtIntro .mandiv .opa .sbtn{ padding: 10px 30px; font-size: 16px; width: 48%; box-sizing: border-box; cursor: pointer; }
.textNumber{ width: 100px; border: 1px solid #CCCCCC; border-radius: 30px; display: flex; align-items: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; overflow: hidden; }
.textNumber .text{ width: 50px; border: 1px solid #ccc; border-width: 0 1px; box-sizing: border-box; text-align: center; height: 32px; line-height: 32px;}
.textNumber .btn{ width: 25px; height: 32px; font-size: 12px;  cursor: pointer; text-align: center; line-height: 32px;}
.textNumber .btn:hover{ color: #fff; background-color: #003473 !important;}



.pdtSlideWrap{ width: 56%; position: relative;}
.gallery-top {height: 588px;width: 84%; float:right; border: 1px solid #ededed;}
/* .gallery-top .swiper-slide{ display: flex; align-items: center;} */
/*.gallery-top img{ width: 100%; display: block; cursor: pointer;}*/
.pdeltp{ width: 100%; height: 100%; object-fit: cover; display: block; }
.pdelVideo{ width: 100%; height: 100%; object-fit: cover; display: block;}
.gallery-thumbs-wrap{width: 14.4%; float:left;margin: 44px 0 !important; position: relative;}
.gallery-thumbs {height: 500px;-moz-box-sizing: border-box;box-sizing: border-box; padding-bottom: 2px !important;}
.gallery-thumbs .swiper-wrapper{ -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 4px;}
.gallery-thumbs .swiper-slide {opacity: 0.6; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; }
.gallery-thumbs .swiper-slide .tparea{  display: block; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border: 1px solid #fff;}
.gallery-thumbs .swiper-slide-thumb-active{ border: 2px solid #01224D; }
.gallery-thumbs-wrap .swiper-button-prev{ top:-44px;}
.gallery-thumbs-wrap .swiper-button-next{ bottom:-44px; top: auto;}
.gallery-thumbs-wrap .swiper-button-prev::after,.gallery-thumbs-wrap .swiper-button-next::after{ display: none;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{ width: 35px; border-radius:50% ; left: 50%; transform: translateX(-50%); height:35px; line-height: 35px;  margin-top: 0; color: #fff; background-color: #01224D; cursor: pointer; z-index: 10; text-align: center; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: 18px;  line-height: 1;}
.gallery-thumbs-wrap .swiper-button-prev:hover,.gallery-thumbs-wrap .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color: #fff; }









.morea .arr,.homeConfirmBtn,.homeConfirmBtn .arr,.chooseType .wrap .list,.qusItem .row .desc .arr,.guideFlow .box,.guideFlow .box .nr .list,.guideFlow .box .tit,.pdescTit .list{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
/* 
.banIntro .tit{ font-size: 80px; line-height: 1.3; text-transform:capitalize; color: #fff;}
.banIntro .line{ width: 180px; height: 4px; background-color: #fff; margin: 0 auto;}
.banIntro .subtit{ font-size:22px; color: #fff;} */