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

  共通パーツ

--------------------------------------*/
/*	下層オーダースーツ一覧
---------------------------*/
.ordersuitArea {
  background: #f5f5f5
}
.ordersuitArea .ordersuitBox li {
}
.ordersuitArea .ordersuitBox li {
  width: 49%;
  float: left;
}
.ordersuitArea .ordersuitBox li a {
  color: #122533;
}
.ordersuitArea .ordersuitBox ul {
}
.ordersuitArea .ordersuitBox li .imgBox {
  margin-bottom: 2%;
  text-align: center;
}
.ordersuitArea .ordersuitBox li .txtBox {
  font-size: 3.0vw;
  text-align: center;
  line-height: 1;
}
.ordersuitArea .ordersuitBox li span {
  font-size: 125%;
  display: block;
  margin-bottom: 1vw
}
.badge.post-column {
  background: #ee8400 !important;
}
.badge.post-blog {
  background: #009944 !important;
}
.badge.post-news {
  background: #0068b7!important;
}

@media screen and (max-width:767px) {
.ordersuitArea .ordersuitBox li:not(:nth-child(2n)) {
 margin-right:2%;
}
.ordersuitArea .ordersuitBox li:nth-child(n+3) {
  margin-top: 4%
}
}
/*	パンくずリスト
---------------------------*/
#breadcrumb {
  line-height: 1;
  background: #27364b;
}
#breadcrumb ul {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
  padding: 5px 10px 6px;
  box-sizing: border-box;
}
#breadcrumb li {
  font-size: 3vw;
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
#breadcrumb li a {
  color: #fff;
  font-weight: normal;
}
#breadcrumb li:after {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 10px;
}
#breadcrumb li:last-child {
}
#breadcrumb li:last-child:after {
  content: none;
}
/*-------------------------------------

  トップページ　top

--------------------------------------*/

/*	メインスライド
---------------------------*/
#top .main-slider {
  width: 100%;
  padding-top: 88%;
}
.skippr>div {
  top: 0;
  left: 0;
  background-position: center center;
}
.skippr-nav-container {
  bottom: 2vw;
  z-index: 50;
}
/*	SECTION 01
---------------------------*/
#top #sec_01 {
  padding: 5% 0 10%;
  background: url(../Image/common/bg_01.jpg) repeat top left / 10px;
}
#top #sec_01 #newInfo {
  margin-bottom: 5vw;
}
#top #sec_01 .newsBox {
  background: #fff;
}
#top #sec_01 .newsBox ul{
  width: 100%
}
#top #sec_01 .newsBox th, #top #sec_01 .newsBox td {
  border: solid 1px #432f12;
  padding: 2vw;
}
#top #sec_01 .newsBox th {
  font-size: 4.0vw;
  width: 20%;
}
#top #sec_01 .newsBox td {
  font-size: 3.2vw;
}
#top #sec_01 .newsBox td a {
  color: #000;
  display: block;
}
#top #sec_01 .newsBox td a .date, #top #sec_01 .newsBox td a .txt {
  display: block;
}
#top #sec_01 .newsBox td a .date {
  font-size: 105%;
  font-weight: bold;
  color: #656565;
}
#top #sec_01 .newsBox td a .txt {
  line-height: 1.5;
  height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap
}
#top #sec_01 .banner {
  width: 90%;
  margin: 0 auto 5vw;
}
/*	SECTION 02
---------------------------*/
#top #sec_02 {
  background: #f5f5f5;
}
#top #sec_02 .ttl_01 .ja {
  font-size: 4.8vw
}
#top #sec_02 li {
}
#top #sec_02 li {
  width: 49%;
  float: left;
}
#top #sec_02 .ordersuitBox ul {
  margin-bottom: 5%;
}

@media screen and (max-width:767px) {
#top #sec_02 li:not(:nth-child(2n)) {
 margin-right:2%;
}
#top #sec_02 li:nth-child(n+3) {
  margin-top: 4%
}
}
#top #sec_02 li a {
  color: #122533;
}
#top #sec_02 li .imgBox {
  margin-bottom: 2%;
  text-align: center;
}
#top #sec_02 li .txtBox {
  font-size: 3.0vw;
  text-align: center;
  line-height: 1;
}
#top #sec_02 li span {
  font-size: 125%;
  display: block;
  margin-bottom: 1vw
}
/*	SECTION 03
---------------------------*/
#top #sec_03 {
  background: url(../Image/top/order_main.jpg) no-repeat left top /cover;
  padding: 5%;
}
#top #sec_03 .sec_inner {
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  border: solid 1px rgba(0,0,0,0.15);
  background: rgba(255,255,255,0.15);
}
#top #sec_03 p {
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 3.2vw;
}
/*	SECTION 04
---------------------------*/
#top #sec_04 {
  background: url(../Image/common/bg_01.jpg) repeat top left / 10px;
}
#top #sec_04 th, #top #sec_04 td {
  display: block;
  text-align: left;
}
#top #sec_04 th {
}
#top #sec_04 td {
}
#top #sec_04 tr {
  display: block;
}
#top #sec_04 tr:nth-last-child(n+2) {
  margin-bottom: 6px;
}
#top #sec_04 .imgBox {
  position: relative;
  margin-bottom: 4%;
}
#top #sec_04 .imgBox .btn_01 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40%;
}
#top #sec_04 .imgBox .btn_01 a {
  padding: 6px 0;
  text-align: center;
  width: 100%;
}
#top #sec_04 .secBox {
  box-sizing: border-box;
  border: solid 1px #000;
  padding: 3%;
}

#top #sec_04 .shop_list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  line-height: 1;
  font-size: .875em;
  margin-top: 6%;
}

#top #sec_04 .shop_list li {
  width: 32%;
  margin-right: 2%;
}
#top #sec_04 .shop_list li a {
  border: solid 1px #27364b;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 1em 0;
  background: #fff;
}

@media screen and (max-width:767px) {
  #top #sec_04 .shop_list li:nth-child(3n) {
    margin-right: 0;
  }

  #top #sec_04 .shop_list li:nth-child(n+4) {
    margin-top: 1em;
  }
}

/*	SECTION 05
---------------------------*/
#top #sec_05 {
  background: #f5f5f5
}
#top #sec_05 {
  background: #f5f5f5
}
#top #sec_05 .imgBox {
  margin-bottom: 10px;
}
#top #sec_05 .caption {
  margin-bottom: 10px;
}
#top #sec_05 .caption span {
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 1.4;
}
#top #sec_05 .caption .en {
  font-size: 5.0vw;
}
#top #sec_05 .caption .ja {
  font-size: 3.2vw;
  color: #43413f;
}
/*	SECTION 06
---------------------------*/
#top #sec_06 .sec_inner {
  width: 100%;
}
#top #sec_06 li {
  padding-top: 44%;
  position: relative;
  height: 0;
}
#top #sec_06 li:nth-child(n+2) {
  float: left;
  width: 50%;
  padding-top: 30%
}
#top #sec_06 li .imgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  bottom: 0;
  right: 0;
  margin: auto;
}
#top #sec_06 li a {
  display: block;
  width: 100%;
}
#top #sec_06 li .imgBox img {
  width: 100%;
}
#top #sec_06 li .txtBox {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.63+100 */
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000', GradientType=0 ); /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 5px 5px 10px;
}
#top #sec_06 li .txtBox .info {
  font-size: 3.2vw;
  line-height: 1;
  margin-bottom: 5px;
}
#top #sec_06 li .txtBox .date {
  margin-right: 10px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  margin-bottom: 3px;
  display: inline-block;
  vertical-align: middle;
}
#top #sec_06 li .txtBox .badge {
  background: #f39700;
  font-size: 3vw;
  line-height: 1;
  padding: 2px 5px 4px;
  display: inline-block;
  vertical-align: baseline;
}
#top #sec_06 li .txtBox .ttl {
  font-size: 3.6vw;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  line-height: 1;
}
#top #sec_06 .columnBox ul {
  margin-bottom: 5%
}
/*	SECTION 07
---------------------------*/
#top #sec_07 {
  padding-top: 0;
}
#top #sec_07 .pickupBox {
  background: #f5f5f8;
  padding: 5%;
}
#top #sec_07 .pickupBox li {
  background: url(../Image/top/rank_01.png) no-repeat right bottom / auto 65%;
  min-height: 78px;
}
#top #sec_07 .pickupBox li:nth-child(2) {
  background-image: url(../Image/top/rank_02.png);
}
#top #sec_07 .pickupBox li:nth-child(3) {
  background-image: url(../Image/top/rank_03.png);
}
#top #sec_07 .pickupBox li:nth-child(4) {
  background-image: url(../Image/top/rank_04.png);
}
#top #sec_07 .pickupBox li a {
  display: block;
}

@media screen and (max-width:767px) {
#top #sec_07 .pickupBox li:nth-last-child(n+2) {
  padding-bottom: 5%;
  border-bottom: solid 1px #ddd;
  margin-bottom: 5%;
}
#top #sec_07 .pickupBox li:nth-child(4) {
  display: none;
}
#top #sec_07 .pickupBox li:nth-child(3) {
  border-bottom: none;
  margin-bottom: 0%;
}
}
#top #sec_07 .pickupBox .imgBox {
  position: relative;
  width: 30%;
  overflow: hidden;
  float: left;
  height: 20vw;
}
#top #sec_07 .pickupBox .txtBox {
  width: 65%;
  float: right;
  color: #4f4f4f;
}
#top #sec_07 .pickupBox .txtBox .info {
  font-size: 3.2vw;
  line-height: 1;
}
#top #sec_07 .pickupBox .txtBox .info .badge {
  font-size: 3vw;
  line-height: 1;
  padding: 4px 10px 5px;
  display: inline-block;
  vertical-align: baseline;
  background: #f39700;
  color: #fff;
  margin-right: 10px;
}
#top #sec_07 .pickupBox .txtBox .ttl {
  font-weight: bold;
  font-size: 3.2vw;
}

@media screen and (max-width:767px) {
/*#top #sec_07 .pickupBox .imgBox img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	margin: auto 0;
	width: auto;
	max-height: 100%;
}*/
}
/*	SECTION 08
---------------------------*/
#top #sec_08 {
  background: #fff;
}
#top #sec_08 .sec_inner {
  width: 100%;
}

@media screen and (max-width:767px) {
#top #sec_08 .topicsBox li:nth-last-child(n+2) {
  border-bottom: solid 1px #666;
}
#top #sec_08 .topicsBox li:nth-child(3) {
  border-bottom: none;
}
  #top #sec_08 .topicsBox li:nth-child(4){
  display:none;
}
}
#top #sec_08 .topicsBox li a {
  padding: 3% 5%;
  display: block;
}
#top #sec_08 .topicsBox .imgBox {
  float: left;
  width: 40%;
  height: 20vw;
  position: relative;
  overflow: hidden;
}
#top #sec_08 .topicsBox .txtBox {
  float: right;
  width: 55%;
  color: #4f4f4f;
}
#top #sec_08 .topicsBox .badge {
  font-size: 3vw;
  line-height: 1;
  padding: 4px 8px 5px;
  display: inline-block;
  vertical-align: baseline;
  background: #f39700;
  color: #fff;
}
#top #sec_08 .topicsBox .date {
  margin-right: 8px;
}
#top #sec_08 .topicsBox .info {
  margin-bottom: 5px;
  font-size: 3.2vw;
  line-height: 1;
}
#top #sec_08 .topicsBox .ttl {
  font-weight: bold;
  font-size: 3.2vw;
}
#top #sec_08 .topicsBox ul {
  margin-bottom: 5%;
}

/*  SECTION 09
---------------------------*/
#top #sec_09{
  background: url(../Image/common/bg_01.jpg) repeat top left / 10px;
}


/*201905ビデオコンテンツ追加*/

#top #sec_video .videoWrap ul li {
    padding-top: 55%;
    width: 100%;
    position: relative;
    margin-top: 4%;
}
#top #sec_video .videoWrap ul li:first-child {
    margin-top: 0;
}
#top #sec_video .videoWrap ul li iframe {
    position: absolute;
    top: 0;
    left: 0;
}
/*-------------------------------------

  セール情報

--------------------------------------*/
/*	一覧・詳細共通
---------------------------*/
#sale .detailBox {
  background: #122634;
  padding: 10% 5%;
  color: #fff;
}
#sale .detailBox .imgBox {
  margin: 0 5% 10%
}
#sale .detailBox .dtlTtl {
  font-weight: bold;
  background: none;
  padding-bottom: 5px;
  border-bottom: solid 1px #fff;
}
#sale .detailBox .txtBox {
  margin: 0 5%;
}
#sale .detailBox .saleTtl {
  border-bottom: solid 1px #fff;
  margin-bottom: 5%
}
#sale .detailBox .saleTtl .time {
  font-size: 3.0vw;
  line-height: 1;
  margin-bottom: 3px;
}
#sale .detailBox .saleTtl .ttl {
  font-size: 4.6vw;
  border: none;
}
#sale .detailBox .detail:not(:last-child) {
  margin-bottom: 15px;
}
#sale .detailBox .btn_01 a {
  border-color: #757575
}
#sale .detailBox:nth-of-type(even) {
  background: #fff;
  color: #122634
}
#sale .detailBox:nth-of-type(even) .dtlTtl, #sale .detailBox:nth-of-type(even) .saleTtl {
  border-color: #122634
}
#sale .detailBox.finish .imgBox {
  position: relative;
}
#sale .detailBox.finish .imgBox:before, #sale .detailBox.finish .imgBox:after {
  content: "";
  display: block;
  position: absolute;
}
#sale .detailBox.finish .imgBox:before {
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 2;
  opacity: 0.4;
}
#sale .detailBox.finish .imgBox:after {
  content: "終了しました";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #b00b0b;
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  font-family: '游ゴシック', sans-serif;
  z-index: 3;
  font-size: 20px;
  margin: auto;
}
#sale .detailBox.finish .comment {
  color: #e10505;
  font-weight: bold;
}
/*	一覧
---------------------------*/
#sale-archive #sec_01 .sec_inner {
  width: 100%;
}
#sale-archive #saleList {
  margin-bottom: 7%;
}
/*	詳細

---------------------------*/
#sale-single #sec_01{
	padding-bottom:0;
}
#sale-single #sec_01 .sec_inner {
  width: 100%;
}
#sale-single .freeArea {
  padding: 10% 5% 0;
  background: #fff;
  text-align: center;
}
#sale-single+.commonArea .shoplistBox{
  margin-bottom:10%;
}
#sale-single .freeArea .shopBox .shopTtl{
  font-size: 3.8vw;
}
#sale-single .freeArea .shopBox .shopDtl{
  margin-bottom:4%;
}
#sale-single .freeArea .shopBox .shopDtl .address{
  font-size:3.2vw;
  margin-bottom:0.5em;
}
#sale-single .freeArea .shopBox .shopDtl .tel{
  font-size:2.8vw;
}
#sale-single .freeArea .shopBox .shopDtl .notes{
  color:#cc1111;
}
#sale-single .freeArea .shopBox .mapBox{
  position:relative;
  width:100%;
  padding-top:66%;
}
#sale-single .freeArea .shopBox .mapBox iframe{
  position:absolute;
  left:0;
  top:0;
}
.shopBox .shopBadge {
    margin: 10px 0;
}
#sale-single .freeArea .shopBox .shopBadge span {
    border: solid 1px #021649;
    color: #021649;
    padding: 0 5px;
    margin: 0 2px;
    display: inline-block;
    font-size: 3vw;
}
#sale-single .freeArea .shopBox_02 {
    margin-top: 10px;
}
/*-------------------------------------

  オーダースーツ

--------------------------------------*/
/*	一覧・詳細共通
---------------------------*/
#order_suit .suit_main .imgBox {
  margin-bottom: 8px;
}
#order_suit .suit_main .txtBox {
  width: 95%;
  margin: 0 auto;
}
/*	一覧
---------------------------*/
#order_suit-archive #ttlArea {
}
#order_suit-archive .ttl_03 .ja {
  font-size: 4.8vw
}
#order_suit-archive .suit_main:nth-child(n+2) {
  margin-top: 15%;
}
#order_suit-archive #ttlArea .ancLink {
  padding: 0 5%;
}
#order_suit-archive #ttlArea .ancLink li {
  float: left;
  width: 48%;
  text-align: center
}
#order_suit-archive #ttlArea .ancLink li:first-child {
  margin-right: 4%;
}
#order_suit-archive #ttlArea .ancLink li a {
  display: block;
  margin: 0 auto;
  padding: 8px 0 6px;
}
#order_suit-archive .suit_main .txtBox p {
  font-size: 3vw;
  margin-bottom: 15px;
}
/*	詳細
---------------------------*/
#order_suit-single #ttlArea .ttl_01 {
  margin-bottom: 0;
}
#order_suit-single #sec_01 .ttl_03 {
}
#order_suit-single #sec_01 .ttl_03 .ja {
  font-size: 4.4vw;
}
#order_suit-single #sec_02 .slider01, #order_suit-single #sec_03 .slider02 {
  padding: 12%;
}
#order_suit-single #sec_03 .slider02 {
}
#order_suit-single #sec_02 .slick-arrow, #order_suit-single #sec_03 .slick-arrow {
  top: 25%;
  margin: auto 0;
  position: absolute;
  width: 0;
  height: 0;
  padding: 3%;
  border-bottom: solid 8px #4f4f4f;
  z-index: 30
}
#order_suit-single #sec_03 .slick-arrow {
  top: 13%;
  border-color: #514525 !important;
}
#order_suit-single #sec_02 .slider-prev, #order_suit-single #sec_03 .slider-prev {
  left: -10%;
  border-left: solid 7px #4f4f4f;
  transform: rotate(45deg);
}
#order_suit-single #sec_02 .slider-next, #order_suit-single #sec_03 .slider-next {
  right: -10%;
  border-right: solid 7px #4f4f4f;
  transform: rotate(-45deg);
}
#order_suit-single #sec_02 .slick-arrow:before, #order_suit-single #sec_03 .slick-arrow:before {
  content: none;
}
#order_suit-single #sec_02 .slick-dots, #order_suit-single #sec_03 .slick-dots {
  border-top: solid 1px #a0a0a0;
  padding-top: 5px;
}
#order_suit-single #sec_02 .txtBox {
  padding: 0.75em 5px;
}
#order_suit-single #sec_03 .txtBox {
  padding: 0.75em .5em;
}
#order_suit-single #sec_03 .infoSheet th, #order_suit-single #sec_03 .infoSheet td {
  vertical-align: top;
  font-weight: normal;
  border-bottom: solid 1px #a0a0a0;
  padding: 10px 0;
}
#order_suit-single #sec_03 .infoSheet tr:last-child th, #order_suit-single #sec_03 .infoSheet tr:last-child td {
  vertical-align: middle;
  border: none;
  padding: 2.5vw 0;
}
#order_suit-single #sec_03 .infoSheet .price {
  font-size: 3.6vw;
  font-family: 'メイリオ', Meiryo, sans-serif;
  line-height: 1;
}
#order_suit-single #sec_03 .infoSheet .price td {
  font-size: 5.6vw;
}
#order_suit-single #sec_03 .slick-dots li button:before {
  opacity: .5;
  color: #a08a4d;
}
#order_suit-single #sec_03 .slick-dots li.slick-active button:before {
  opacity: .9;
  color: #a08a4d;
}
#order_suit-single #sec_03 .inqBox li {
  text-align: center;
  font-weight: bold;
  font-size: 4.5vw;
}
#order_suit-single #sec_03 .inqBox li .btn_01 a {
  font-size: 3.2vw;
}
#order_suit-single #sec_03 .inqBox li:nth-child(n+2) {
  margin-top: 5vw;
}
#order_suit-single #sec_04 .galleryBox ul {
  width: 95%;
  margin: 0 auto 5%;
}
#order_suit-single #sec_04 li {
  box-sizing: border-box;
  float: left;
  width: 33%;
  border: solid 1px #eee;
}
#order_suit-single #sec_04 li a {
  display: block;
  height: 22vh;
  overflow: hidden;
}

@media screen and (max-width:767px) {
#order_suit-single #sec_04 li:nth-child(2), #order_suit-single #sec_04 li:nth-child(5) {
  width: 34%;
}
}
#order_suit-single #sec_05 {
  background: #f5f5f5;
}
/*-------------------------------------

  TOPICS  NEWS  DANKAN MAG  BLOG

--------------------------------------*/
/*	一覧・詳細共通
---------------------------*/
.post-page #ttlArea {
  padding-bottom: 0;
}
.post-page .ancLink {
  padding: 0 5%;
}
.post-page .ancLink li {
  float: left;
  width: 48%;
}

@media screen and (max-width:767px) {
.post-page .ancLink li:nth-child(even) {
  margin-left: 4%;
}
.post-page .ancLink li:nth-child(n+3) {
  margin-top: 4%;
}
}
.post-page .ancLink li a {
  padding: 6px 0 8px;
  display: block;
  font-size: 2.8vw;
}
.post-page .pickupBox {
  background: #f5f5f8;
  padding: 5%;
  margin-bottom: 10%;
}
.post-page .pickupBox li {
  background: url(../Image/top/rank_01.png) no-repeat right bottom / 50px 78px;
  min-height: 78px;
}
.post-page .pickupBox li:nth-child(2) {
  background-image: url(../Image/top/rank_02.png);
}
.post-page .pickupBox li:nth-child(3) {
  background-image: url(../Image/top/rank_03.png);
}
.post-page .pickupBox li:nth-child(4) {
  background-image: url(../Image/top/rank_04.png);
}
.post-page .pickupBox li a {
  display: block;
}
.post-page .pickupBox .imgBox {
  position: relative;
  width: 30%;
  height: 20vw;
  overflow: hidden;
  float: left;
}
.post-page .pickupBox .txtBox {
  width: 65%;
  float: right;
  color: #4f4f4f;
}
.post-page .pickupBox .txtBox .info {
  font-size: 3.2vw;
  line-height: 1;
}
.post-page .pickupBox .txtBox .info .badge {
  font-size: 3vw;
  line-height: 1;
  padding: 4px 10px 5px;
  display: inline-block;
  vertical-align: baseline;
  background: #f39700;
  color: #fff;
  margin-right: 10px;
}
.post-page .pickupBox .txtBox .ttl {
  font-weight: bold;
  font-size: 3.2vw;
}
.post-page .pickupBox .imgBox img {
}
.post-page #catArea {
  background: #f5f5f5;
  padding: 5%;
}
.post-page #catArea .ttl {
  font-size: 4.2vw;
  text-align: center;
  font-weight: bold;
}
.post-page #catArea li {
  display: inline-block;
  margin-right: 20px;
}
.post-page #catArea li:before {
  content: "・";
  display: inline-block;
  margin-right: 5px;
}
.post-page #catArea li a {
  color: #4f4f4f;
  font-size: 3.2vw;
}

/*=============== SP  LAYOUT ===============*/
@media screen and (max-width:767px) {
.post-page .pickupBox li:nth-last-child(n+2) {
  padding-bottom: 5%;
  border-bottom: solid 1px #ddd;
  margin-bottom: 5%;
}
.post-page .pickupBox li:nth-child(2) {
  background-image: url(../Image/top/rank_02.png);
}
.post-page .pickupBox li:nth-child(3) {
  background-image: url(../Image/top/rank_03.png);
}
.post-page .pickupBox li a {
  display: block;
}
.post-page .pickupBox li:nth-last-child(n+2) {
  padding-bottom: 5%;
  border-bottom: solid 1px #ddd;
  margin-bottom: 5%;
}
}
/*	一覧
---------------------------*/
#post-archive #sec_01 .sec_inner {
}
#post-archive .postBox ul {
  margin-bottom: 7%;
}
#post-archive .postBox li a {
  position: relative;
  display: block;
  width: 100%;
  color: #27364b;
  padding: 2.5vw;
}
#post-archive .postBox li:nth-child(1) {
  border-top: solid 1px #a08a4d;
}
#post-archive .postBox li:nth-child(odd) {
  background: #f5f5f5;
}
#post-archive .postBox li {
  border-bottom: solid 1px #a08a4d;
}
#post-archive .postBox li a:after {
  clear: both;
  display: block;
  content: "";
}
#post-archive .postBox li a .imgBox {
  position: relative;
  height: 20vw;
  overflow: hidden;
  width: 35%;
  float: left;
  border: solid 1px #bbc6d3;
}
#post-archive .postBox li a .txtBox {
  float: right;
  width: 60%;
}
#post-archive .postBox li a .txtBox .info {
  font-size: 3.2vw;
  line-height: 1;
  margin-bottom: 5px;
}
#post-archive .postBox li a .txtBox .date {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
#post-archive .postBox li a .txtBox .badge {
  background: #f39700;
  font-size: 3vw;
  line-height: 1;
  padding: 4px 5px 3px;
  display: inline-block;
  vertical-align: baseline;
  color: #Fff;
}
#post-archive .postBox li a .txtBox .ttl {
  font-size: 3.6vw;
  line-height: 1.4;
}
/*#post-archive .ancLink {
	padding: 0 5%;
}
#post-archive .ancLink li {
	float: left;
	width: 32%;
}
#post-archive .ancLink li:nth-last-child(n+2) {
	margin-right: 2%;
}
#post-archive .ancLink li a {
	padding: 6px 0 8px;
	display: block;
	font-size: 2.8vw;
}
#post-archive #sec_01 .sec_inner {
	width: 100%;
}
#post-archive .postBox ul {
	margin-bottom: 7%;
}
#post-archive .postBox li a {
	position: relative;
	display: block;
	width: 100%;
}
#post-archive .postBox li a .imgBox {
	position: relative;
	height: 50vw;
	overflow: hidden;
}
#post-archive .postBox li a .txtBox {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000', GradientType=0 );
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 20px;
	color: #fff;
	width: 100%;
	padding: 5px 5px 10px;
}
#post-archive .postBox li a .txtBox .info {
	font-size: 3.2vw;
	line-height: 1;
	margin-bottom: 5px;
}
#post-archive .postBox li a .txtBox .date {
	margin-right: 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	margin-bottom: 3px;
	display: inline-block;
	vertical-align: middle;
}
#post-archive .postBox li a .txtBox .badge {
	background: #f39700;
	font-size: 3vw;
	line-height: 1;
	padding: 2px 5px 4px;
	display: inline-block;
	vertical-align: baseline;
}
#post-archive .postBox li a .txtBox .ttl {
	font-size: 3.6vw;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	line-height: 1;
}*/
/*	詳細
---------------------------*/
#post-single #sec_01 {
  background: #fff;
  padding: 0;
}
#post-single #sec_01 .ttlWrap {
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: dashed 1px #122634;
}
#post-single #sec_01 .postTtl {
  font-size: 4.2vw;
}
#post-single #sec_01 .postInfo {
  font-size: 3vw;
  margin-bottom: 0.5em;
}
#post-single #sec_01 .postInfo time {
  color: #a28d54;
  margin-right: 20px;
  display: inline-block;
  line-height: 14px;
}
#post-single #sec_01 .terms {
  display: inline-block;
}
#post-single #sec_01 .terms li {
  display: inline-block;
  font-size: 2.8vw;
  line-height: 1;
  background: #27364b;
  color: #fff;
  padding: 0.5em 1em;
}
#post-single #sec_01 .terms li:not(:last-child):after {
  content: ",";
}
#post-single #sec_01 .terms li:nth-last-child(n+2) {
  margin-right: 5px;
}
#post-single #sec_01 .snsList {
  margin-top: 3px;
  font-size: 0;
}
#post-single #sec_01 .snsList li {
  display: inline-block;
}
#post-single #sec_01 .snsList li:nth-last-child(n+2) {
  margin-right: 5px;
}
#post-single #sec_01 .imgBox {
  margin-bottom: 15px;
}
#post-single #sec_01 .sns_btm {
  text-align: right;
}
#post-single #relation-post, #post-single #pickup-post {
  border-bottom: solid 1px #122634;
}
#post-single #relation-post .pickupBox {
  margin-bottom: 0;
}
#post-single #relation-post .pickupBox li {
  background: none;
}
#post-single #shop-archive .shopList {
    width: 100%;
}
#post-single #shop-archive .shopList>li:not(:first-child) {
    margin-top: 8px;
}
/*-------------------------------------

 店舗検索

--------------------------------------*/

/*	一覧
---------------------------*/
#shop-archive #ttlArea .ancLink {
  padding: 0 5%;
}
#shop-archive #ttlArea .ancLink li {
  width: 32%;
  float: left;
  margin-right: 2%;
}
#shop-archive #ttlArea .ancLink li:nth-child(3n){
  margin-right:0;
}
#shop-archive #ttlArea .ancLink li:nth-child(n+3){
  margin-top:0
}
#shop-archive #ttlArea .ancLink li:nth-child(n+4){
  margin-top:4%;
}
#shop-archive #ttlArea .ancLink li:nth-child(even){
  margin-left:0;
}
#shop-archive #ttlArea .ancLink li a {
  display: block;
  padding: 6px 0 8px;
}
#shop-archive .areaList>li {
  padding: 10% 0;
}
#shop-archive .areaList>li:nth-child(odd) {
  background: #f5f5f5;
}
#shop-archive .areaList>li:nth-child(even) {
  background: #fff;
}
#shop-archive .shopList:after {
  content: "";
  display: block;
  clear: both;
}
#shop-archive .shopList {
  width: 90%;
  margin: 0 auto;
}
#shop-archive .shopList>li {
  width: 48%;
  float: left;
}
#shop-archive .shopList>li:before {
  content: ">";
  font-size: 90%;
  display: inline-block;
  margin-right: 5px;
}
#shop-archive .shopList>li a {
  color: #000;
}
#shop-archive #sec_01 {
  padding-bottom: 0;
}

/*=============== SP  LAYOUT ===============*/
@media screen and (max-width:767px) {
#shop-archive #ttlArea .ancLink li:nth-child(3n) {
  margin-right: 0;
}
#shop-archive #ttlArea .ancLink li:nth-child(n+4) {
  margin-top: 2%;
}
#shop-archive .shopList>li:nth-child(odd) {
  margin-right: 4%;
}
#shop-archive .shopList>li:nth-child(n+3) {
  margin-top: 8px;
}
}
/*	詳細
---------------------------*/
#shop-single #sec_01 .slider01 {
  padding: 0 12%;
  margin-bottom: 10%;
}
#shop-single #sec_01 .slick-arrow {
  top: 25%;
  margin: auto 0;
  position: absolute;
  width: 0;
  height: 0;
  padding: 3%;
  border-bottom: solid 8px #4f4f4f;
  z-index: 30
}
#shop-single #sec_01 .slick-arrow {
  top: 48%;
  border-color: #514525 !important;
}
#shop-single #sec_01 .slider-prev {
  left: -10%;
  border-left: solid 7px #4f4f4f;
  transform: rotate(45deg);
}
#shop-single #sec_01 .slider-next {
  right: -10%;
  border-right: solid 7px #4f4f4f;
  transform: rotate(-45deg);
}
#shop-single #sec_01 .slick-arrow:before {
  content: none;
}
#shop-single #sec_01 .slick-arrow {
  border-color: #fff !important;
}
#shop-single #sec_01 .badgeList, #shop-single #sec_01 .infoBox {
  width: 90%;
  margin: 0 auto 10px;
}
#shop-single #sec_01 .badgeList {
  font-size: 0;
  margin-bottom: 10px;
}
#shop-single #sec_01 .badgeList li {
  display: inline-block;
  background: #1f488a;
  padding: 4px 15px;
  line-height: 1;
  font-size: 2.8vw;
  text-shadow: 1px 1px 1px rgba(50,50,50,0.5);
}
#shop-single #sec_01 .badgeList li.ladies {
  background: #C0143C
}
#shop-single #sec_01 .badgeList li.parking {
  background: #31872C
}
#shop-single #sec_01 .badgeList li.kids {
  background: #EAAD37
}
#shop-single #sec_01 .badgeList li.large_store {
  background: #9c5513
}
#shop-single #sec_01 p {
  margin-bottom: 5px;
}
#shop-single #sec_01 .tel a{
color:#fff;
}
#shop-single #sec_01 .premium_gift{
	line-height:1;
	margin-top:.5em;
}
#shop-single #sec_01 .premium_gift span{
	display:inline-block;
	padding:0.6em 1em;
	color:#fff;
	background:#9f894d;;
}
#shop-single #mapWrap #mapBox {
  position: relative;
  padding-top: 120%;
  margin-bottom: 5%
}
#shop-single #mapWrap #mapBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  ;
  height: 100%;
}
#shop-single #sec_02 .staffBox .imgBox {
  width: 30%;
  float: left;
}
#shop-single #sec_02 .staffBox .txtBox {
  width: 65%;
  float: right;
}
#shop-single #sec_02 .staffBox .name_ja {
  font-size: 4vw;
}
#shop-single #sec_02 .staffBox .name_en {
  font-size: 2.6vw;
  margin-bottom: 10px;
  line-height: 1;
  font-family: 'メイリオ', Meiryo, sans-serif;
}
#shop-single #sec_02 .staffBox .name_ja, #shop-single #sec_02 .staffBox .name_en {
  font-weight: bold;
}
#shop-single #sec_02 .staffBox .name_ja span, #shop-single #sec_02 .staffBox .name_en span {
  display: inline-block;
}
#shop-single #sec_02 .staffBox .name_ja .position, #shop-single #sec_02 .staffBox .name_en .position {
  margin-right: 1em;
}
#shop-single #sec_02 .staffBox .comment {
  font-size: 3.2vw;
}
#shop-single #sec_03 {
  background: #f5f5f5
}
#shop-single #sec_03 ul {
  padding: 0 2%;
}
#shop-single #sec_03 ul li {
  float: left;
  width: 32%;
}
#shop-single #sec_03 ul li .name {
  font-size: 2.8vw;
  text-align: center;
}

/*=============== SP LAYOUT ===============*/
@media screen and (max-width:767px) {
#shop-single #sec_01 .badgeList li:nth-last-child(n+2) {
  margin-right: 10px;
}
#shop-single #sec_02 .secBox:nth-last-child(n+2) {
  margin-bottom: 10%
}
#shop-single #sec_02 .staffBox:nth-of-type(n+2) {
  margin-top: 5%
}
#shop-single #sec_03 ul li:nth-child(n+2) {
  margin-left: 2%
}
}
/*-------------------------------------

 ギャラリー

--------------------------------------*/
#gallery #ttlArea {
  padding-bottom: 0;
}
/*	一覧
---------------------------*/
#gallery-archive #sec_01 {
}
#gallery-archive #sec_01 .sec_inner {
  width: 100%;
}
#gallery-archive .postBox ul {
  margin-bottom: 7%;
}
#gallery-archive .postBox li a {
  position: relative;
  display: block;
  width: 100%;
}
#gallery-archive .postBox li a .imgBox {
  position: relative;
  height: 50vw;
  overflow: hidden;
}
/*#gallery-archive .postBox li a .imgBox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
}*/
#gallery-archive .postBox li a .txtBox {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.63+100 */
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a1000000', GradientType=0 ); /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  color: #fff;
  padding: 5px 5px 10px;
}
#gallery-archive .postBox li a .txtBox .info {
  font-size: 3.2vw;
  line-height: 1;
  margin-bottom: 5px;
}
#gallery-archive .postBox li a .txtBox .date {
  margin-right: 10px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  margin-bottom: 3px;
  display: inline-block;
  vertical-align: middle;
}
#gallery-archive .postBox li a .txtBox .ttl {
  font-size: 3.6vw;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 2px rgba(0,0,0,.8);
  line-height: 1;
}
/*	詳細
---------------------------*/
#gallery-single #sec_01 .imgBox {
  margin-bottom: 25px;
}
#gallery-single #sec_01 time {
  line-height: 1;
}
#gallery-single #sec_01 .postTtl {
  font-size: 4vw;
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: solid 1px #575555;
}
#gallery-single #sec_02 .ttl_03 {
  color: #a08a4d;
}
#gallery-single #sec_02 .imgBox {
  vertical-align: middle;
  display: table-cell;
}
#gallery-single #sec_02 .slider01 {
  padding: 0 12%;
}
#gallery-single #sec_02 .slick-arrow {
  top: 30%;
  margin: auto 0;
  position: absolute;
  width: 0;
  height: 0;
  padding: 3%;
  border-bottom: solid 7px #4f4f4f;
  z-index: 30
}
#gallery-single #sec_02 .slider-prev {
  left: -10%;
  border-left: solid 7px #4f4f4f;
  transform: rotate(45deg);
}
#gallery-single #sec_02 .slider-next {
  right: -10%;
  border-right: solid 7px #4f4f4f;
  transform: rotate(-45deg);
}
#gallery-single #sec_02 .slick-arrow:before {
  content: none;
}
#gallery-single #sec_02 .slick-list {
  margin-bottom: 20px;
}
#gallery-single #sec_02 .slick-dots {
  text-align: left;
  position: static;
}
#gallery-single #sec_02 .slick-dots li {
  width: 23.5%;
  padding-top: 18%;
  margin: 0;
  margin-right: 2%;
  overflow: hidden;
}
#gallery-single #sec_02 .slick-dots li:nth-child(4n) {
  margin-right: 0;
}
#gallery-single #sec_02 .slick-dots li:nth-child(n+5) {
  margin-top: 2;
}
#gallery-single #sec_02 .slick-dots li img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
#gallery-single #sec_03 {
  background: #f5f5f5;
}
#gallery-single #sec_03 .slider02 .imgBox {
  position: relative;
  height: 20vw;
  overflow: hidden;
  margin-bottom: 5px;
}
#gallery-single #sec_03 .slider02 {
  padding: 0 5%;
}
#gallery-single #sec_03 .slick-arrow {
  top: 30%;
  margin: auto 0;
  position: absolute;
  width: 0;
  height: 0;
  padding: 2%;
  border-bottom: solid 5px #4f4f4f;
  z-index: 30
}
#gallery-single #sec_03 .slider-prev {
  left: -7%;
  border-left: solid 5px #4f4f4f;
  transform: rotate(45deg);
}
#gallery-single #sec_03 .slider-next {
  right: -7%;
  border-right: solid 5px #4f4f4f;
  transform: rotate(-45deg);
}
#gallery-single #sec_03 .slick-arrow:before {
  content: none;
}
#gallery-single #sec_03 .slick-list {
  margin-bottom: 20px;
}
#gallery-single #sec_03 .slider02 li a {
  padding: 5px;
  display: block;
  color: #4f4f4f
}
#gallery-single #sec_03 .slider02 li p span {
  display: block;
}
#gallery-single #sec_03 .slider02 li p .date {
  font-size: 3.2vw;
  line-height: 1;
}
#gallery-single #sec_03 .slider02 li p .ttl {
  font-size: 3.4vw;
  line-height: 1.2;
}
/*-------------------------------------

 ＤＡＮＫＡＮのスーツについて

--------------------------------------*/
#about-suit .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#about-suit #sec_01 .imgBox {
  margin-bottom: 3vw
}
#about-suit #sec_01 .headline {
  font-size: 4.2vw;
  margin-bottom: 1em;
}
#about-suit #sec_01 .txtBox p {
  font-size: 3.2vw;
}
#about-suit #sec_02 li:nth-child(n+2) {
  margin-top: 10%;
}
#about-suit #sec_02 .pointTtl {
  font-size: 4vw;
  background: url(../Image/about-suit/point01.png) no-repeat center left/contain;
  line-height: 2.2;
  padding-left: 9.2vw;
  margin-bottom: 2.5vw;
}
#about-suit #sec_02 li:nth-child(2) .pointTtl {
  background-image: url(../Image/about-suit/point02.png);
}
#about-suit #sec_02 li:nth-child(3) .pointTtl {
  background-image: url(../Image/about-suit/point03.png);
}
#about-suit #sec_02 .imgBox {
  float: left;
  width: 40%;
}
#about-suit #sec_02 .txtBox {
  float: right;
  width: 55%;
}
#about-suit #sec_02 .txtBox p {
  font-size: 3.2vw;
  margin-bottom: 3.5vw;
}
#about-suit #sec_02 .btn_02 a {
  display: block;
}
#about-suit #sec_03 .imgBox {
  margin-bottom: 6%;
}
#about-suit #sec_03 p {
  margin-bottom: 6%;
  line-height: 2;
  font-size: 3.2vw;
}
#about-suit #sec_03 .imgList li {
  float: left;
  width: 47%;
}
#about-suit #sec_03 .imgList {
  margin-bottom: 6%;
}
#about-suit #sec_03 .imgList li:last-child {
  margin-left: 6%;
}
#about-suit #sec_03 .btn_02 a {
  width: 40%;
}
#about-suit .mvBox {
  position: relative;
  width: 100%;
  padding-top: 66%;
  ;
}
#about-suit .mvBox iframe {
  position: absolute;
  left: 0;
  top: 0;
}
/*-------------------------------------

 DANKANとは

--------------------------------------*/
#about-us .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#about-us #sec_01 {
  background: url(../Image/about-us/main_img.jpg) no-repeat top center/ cover;
}
#about-us #sec_01 .sec_inner {
  background: rgba(255,255,255,0.4);
  padding: 5%;
}
#about-us #sec_01 .lead {
  font-size: 3.2vw;
  line-height: 2.2;
}
#about-us #sec_02 .headline {
  font-size: 4.5vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 5vw;
  color: #3e392d;
}
#about-us #sec_02 .pointTtl {
  font-size: 3.8vw;
  background: url(../Image/about-suit/point01.png) no-repeat top left/auto 9.2vw;
  line-height: 1.8;
  padding: 0.8vw 0 1.8vw 10.2vw;
  margin-bottom: 2vw;
}
#about-us #sec_02 .imgBox {
  margin-bottom: 3vw;
}
#about-us #sec_02 li:nth-child(n+2) {
  margin-top: 6vw;
}
#about-us #sec_02 li:nth-child(2) .pointTtl {
  background-image: url(../Image/about-suit/point02.png);
}
#about-us #sec_03 {
  background: #f9f9f9
}
#about-us #sec_03 .ttl_03 {
  margin-bottom: 5vw;
}
#about-us #sec_03 .caption {
  text-align: center;
  margin-bottom: 3vw;
  font-size: 3.5vw
}
#about-us #sec_03 .caption span {
  padding: 1vw 5vw;
  display: inline-block;
  border-left: solid 2px #a08a4d;
  border-right: solid 2px #a08a4d;
  font-weight: bold;
}
#about-us #sec_03 .imgBox {
  margin-bottom: 4vw;
}
#about-us #sec_03 .text {
  margin-bottom: 4vw
}
#about-us #sec_03 .tArea .headline {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5vw;
  font-size: 3.8vw;
}
/*-------------------------------------

 よくある質問

--------------------------------------*/
#qa .ttlArea {
  padding-bottom: 0;
}
#qa .ancLink {
  border-top: solid 1px #575555;
  border-bottom: solid 1px #575555;
}
#qa .ancLink li {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 3.8vw;
  border: solid 1px #575555;
}
#qa .ancLink li a {
  padding: 1.5vw 0 1.2vw;
  background: #27364b;
  display: block;
  color: #fff;
}
#qa .section01 .top_sec:nth-child(odd) {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#qa .section01 .top_sec:nth-child(even) {
  background: #fafafa
}
#qa .section01 .mainTtl {
  font-size: 5vw;
  padding: 1.3vw 0 2.5vw 9vw;
  line-height: 1;
  background: url(../Image/qa/qa_icon01.png) no-repeat top left /7vw;
  border-bottom: solid 1px #000;
  margin-bottom: 5vw
}
#qa .section01 .mainTtl .ja {
  font-size: 100%;
  margin-right: 1em;
}
#qa .section01 .mainTtl .en {
  font-size: 60%;
  color: #9f894d;
}
#qa .section01 .categoryBox li {
  float: left;
  width: 48%;
  background: #fff;
  display: block;
  padding: 1vw 1vw;
  text-align: center;
  border: solid 1px #27364b;
  font-size: 3vw;
  position: relative;
}
#qa .section01 .categoryBox li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 3vw 3vw 0 0;
  border-color: #27364b transparent;
}

@media screen and (max-width:767px) {
#qa .section01 .categoryBox li:nth-child(even) {
  margin-left: 4%;
}
#qa .section01 .categoryBox li:nth-child(n+3) {
  margin-top: 2vw
}
}
#qa .section01 .categoryBox {
  margin-bottom: 8vw;
}
#qa .section01 .subTtl {
  font-size: 4.8vw;
  text-align: center;
  padding-bottom: 1vw;
  margin-bottom: 3.5vw;
  position: relative;
}
#qa .section01 .subTtl:after {
  position: absolute;
  content: "";
  width: 3em;
  height: 2px;
  background: #a08a4d;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
#qa .section01 dt {
  position: relative;
  font-size: 4.2vw;
  font-weight: bold;
  color: #333;
  padding-left: 8vw;
  padding-top: 1.5vw;
  margin-bottom: 3.5vw
}
#qa .section01 .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.8vw;
  height: 6.8vw;
  line-height: 6.8vw;
  text-align: center;
  background: url(../Image/qa/q_icon.png) no-repeat center center/contain;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
}
#qa .section01 dd {
  position: relative;
  padding-left: 12vw;
  padding-top: 1.2vw;
  padding-bottom: 5vw;
  font-size: 3.8vw;
  margin-bottom: 5vw;
  border-bottom: solid 1px #ddd;
}
#qa .section01 dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#qa .section01 dd .icon {
  left: 3.5vw;
  background-image: url(../Image/qa/a_icon.png);
}
#qa .section01 dd .icon span {
  padding-left: 0.2em;
  ;
}
#qa #sec_02 .mainTtl {
  background-image: url(../Image/qa/qa_icon02.png);
}
#qa #sec_03 .mainTtl {
  background-image: url(../Image/qa/qa_icon03.png);
}
#qa #sec_04 .mainTtl {
  background-image: url(../Image/qa/qa_icon04.png);
}
#qa #sec_05 .mainTtl {
  background-image: url(../Image/qa/qa_icon05.png);
}
#qa #sec_06 .mainTtl {
  background-image: url(../Image/qa/qa_icon06.png);
}
/*-------------------------------------

 アフターサービス

--------------------------------------*/
#after-service .ttlArea .headline {
  font-size: 3.8vw;
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  color: #27364b;
  line-height: 2.2;
}
#after-service #sec_01 .ttl_03 {
  margin-bottom: 8vw;
}
#after-service #sec_01 .serBox {
  text-align: center;
  margin-bottom: 8vw
}
#after-service #sec_01 .serBox:last-child {
  margin-bottom: 0;
}
#after-service #sec_01 .subTtl {
  font-size: 4.2vw;
  text-align: center;
  position: relative;
  border: solid 1px #8d8b4d;
  background: #a08a4d;
  display: inline-block;
  padding: 1.5vw 4vw 1.3vw;
  line-height: 1;
  margin-bottom: 4vw
}
#after-service #sec_01 .lead {
  text-align: left;
  font-size: 3.5vw
}
#after-service .bnrArea {
  background: #f9f9f9
}
#after-service .bnrArea .txtBox {
  padding: 8% 0;
  font-weight: bold;
  color: #4f4f4f;
}
#after-service .bnrArea .txtBox .list_item {
  display: block;
  margin: 2vw 1vw;
  font-weight: bold;
  color: #27364b
}
#after-service .bnrArea .txtBox .list_item:before {
  content: "・";
}
/*-------------------------------------

 ご注文の流れ・納期

--------------------------------------*/
#order-flow .ttlArea {
}
#order-flow .ancLink01 {
  width: 90%;
  margin: 0 auto;
}
#order-flow .ancLink01 li {
  float: left;
  width: 48%;
}
#order-flow .ancLink01 li a {
  display: block;
  padding-left: 0;
  padding-right: 0;
  font-size: 3.8vw;
}
#order-flow .ancLink01 li:first-child {
  margin-right: 4%;
}
#order-flow .ancLink02 {
  padding: 5%;
  counter-reset: number 0;
  position: relative;
}
#order-flow .ancLink02:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #122533 transparent;
  border-width: 5vw 8vw 0;
  margin: 0 auto;
  z-index: 2;
}
#order-flow .ancLink02 li {
  padding-left: 8vw;
  counter-increment: number 1;
  line-height: 1;
  font-size: 3.5vw;
  font-weight: bold;
  position: relative;
}
#order-flow .ancLink02 li:nth-child(n+2) {
  margin-top: 4vw
}
#order-flow .ancLink02 li:before {
  content: counter(number);
  display: inline-block;
  background: url(../Image/order-flow/icon_tag.png) no-repeat left top /3vw auto;
  padding-left: 3.5vw;
  position: absolute;
  left: 0;
}
#order-flow .ancLink02 a {
  color: #fff;
}
#order-flow .flowBox {
  counter-reset: number02 0;
}
#order-flow .flowBox li {
  padding: 10% 5%;
  counter-increment: number02 1;
  position: relative;
}
#order-flow .flowBox li:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 100%;
  border-style: solid;
  border-color: #ffffff transparent;
  border-width: 5vw 8vw 0;
  z-index: 2;
}
#order-flow .flowBox li .ttl_03:before {
  content: counter(number02);
  font-size: 15vw;
  margin-bottom: 3vw;
  display: inline-block;
  line-height: 1;
  font-style: italic;
  color: rgba(160, 138, 77,0.3);
}
#order-flow .flowBox li .imgBox {
  margin-bottom: 5vw;
  text-align: center;
}
#order-flow .flowBox li .imgBox img:nth-child(n+2) {
  margin-top: 3vw
}
#order-flow .flowBox li .txtBox .headline {
  font-size: 4.5vw;
  color: #27364b;
  text-align: center;
  margin-bottom: 2vw;
  font-weight: bold;
}
#order-flow .flowBox li .txtBox p {
  line-height: 2.2;
}
#order-flow .flowBox li .txtBox p:not(:last-child) {
  margin-bottom: 5vw;
}
#order-flow .flowBox li .linkArea {
  font-size: 0;
  text-align: center;
}
#order-flow .flowBox li .txtBox .btn_01 {
  display: inline-block;
  text-align: center;
  width: 48%;
}
#order-flow .flowBox li .txtBox .btn_01:nth-child(even) {
  margin-left: 4%
}
#order-flow .flowBox li .txtBox .btn_01:nth-child(n+3) {
  margin-top: 4%
}
#order-flow .flowBox li .txtBox .btn_01 a {
  display: block;
  padding-left: 0;
  padding-right: 0;
  font-size: 3.2vw;
}
#order-flow .flowBox li:nth-child(odd) {
  background: #fff;
}
#order-flow .flowBox li:nth-child(even) {
  background: #f5f5f5;
}
#order-flow .flowBox li:nth-child(odd):after {
  border-top-color: #fff;
}
#order-flow .flowBox li:nth-child(even):after {
  border-top-color: #f5f5f5;
}
#order-flow .flowBox li:last-child:after {
  display: none;
}
#order-flow #sec_02 .secBox:first-of-type {
  margin-bottom: 8vw;
}
#order-flow #sec_02 .subTtl {
  text-align: center;
  margin-bottom: 5vw;
}
#order-flow #sec_02 .subTtl span {
  display: inline-block;
  font-size: 4.5vw;
  background: #a08a4d;
  padding: 2vw 6vw 1.2vw;
  line-height: 1;
  text-align: center;
}
#order-flow #sec_02 .headline {
  text-align: center;
  font-size: 4vw;
  margin-bottom: 3vw;
}
#order-flow #sec_02 .lead {
  width: 90%;
  margin: 0 auto;
}
#order-flow #sec_02 .qaBox {
  margin-top: 6vw;
  padding: 5%;
  border: solid 1px #fff;
}
#order-flow #sec_02 .qaTtl {
  text-align: center;
  position: relative;
  font-size: 3.8vw;
  font-weight: bold;
  padding-bottom: 1.5vw;
  margin-bottom: 5vw
}
#order-flow #sec_02 .qaTtl:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 10vw;
  height: 2px;
  background: #a08a4d;
  margin: 0 auto;
}
#order-flow #sec_02 dl {
  margin-bottom: 5vw;
}
#order-flow #sec_02 dt {
  position: relative;
  font-size: 3.8vw;
  font-weight: bold;
  padding-left: 8vw;
  padding-top: 1vw;
  margin-bottom: 3.5vw
}
#order-flow #sec_02 .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.8vw;
  height: 6.8vw;
  line-height: 6.8vw;
  text-align: center;
  background: url(../Image/qa/q_icon.png) no-repeat center center/contain;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
}
#order-flow #sec_02 dd {
  position: relative;
  padding-left: 12vw;
  padding-top: 1.2vw;
  padding-bottom: 5vw;
  font-size: 3.5vw;
  margin-bottom: 5vw;
  border-bottom: solid 1px #ddd;
}
#order-flow #sec_02 dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
#order-flow #sec_02 dd .icon {
  left: 3.5vw;
  background-image: url(../Image/qa/a_icon.png);
}
#order-flow #sec_02 dd .icon span {
  padding-left: 0.2em;
  ;
}
#order-flow .mvArea {
  padding: 10% 5%;
  /*background: url(../Image/common/bg_01.jpg) repeat left top;*/
}
#order-flow .mvArea .lead {
  font-size: 3.5vw;
  text-align: center;
  line-height: 2.2;
  margin-bottom: 4vw;
}
#order-flow .mvBox {
  width: 100%;
  padding-top: 66%;
  position: relative;
  margin-bottom: 5vw
}
#order-flow .mvBox iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#order-flow .mvBnr {
  text-align: center;
}
/*-------------------------------------

 生地について

--------------------------------------*/
#about-cloth .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#about-cloth #sec_01 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#about-cloth #sec_01 .clothBox {
  border: solid 1px #122533;
  border-top-width: 5px;
  padding: 5%;
  background: rgba(255,255,255,0.4)
}
#about-cloth #sec_01 .imgBox {
  text-align: center;
  margin-bottom: 3vw;
}
#about-cloth #sec_01 .name {
  font-size: 5vw;
  text-align: center;
  padding-bottom: 1vw;
  margin-bottom: 2.5vw;
  position: relative;
}
#about-cloth #sec_01 .name:after {
  position: absolute;
  content: "";
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 10vw;
  background: #a08a4d;
}
#about-cloth #sec_01 li:nth-child(n+2) {
  border-top: dashed 1px #122533;
  padding-top: 6vw;
  margin-top: 6vw;
}
#about-cloth #sec_02 .subTtl {
  font-size: 4.5vw;
  line-height: 2.2;
  padding-left: 10vw;
  margin-bottom: 3vw;
  background: url(../Image/about-suit/point01.png) no-repeat left top / 8.3vw auto;
}
#about-cloth #sec_02 li:nth-child(2) .subTtl {
  background-image: url(../Image/about-suit/point02.png);
}
#about-cloth #sec_02 li:nth-child(3) .subTtl {
  background-image: url(../Image/about-suit/point03.png);
}
#about-cloth #sec_02 li:nth-child(n+2) {
  margin-top: 8vw;
}
#about-cloth #sec_02 ul {
  margin-bottom: 8vw;
}
#about-cloth #sec_02 .imgBox {
  margin-bottom: 2.5vw
}
#about-cloth #sec_02 .txtBox {
  line-height: 2;
}
#about-cloth #sec_02 .attention {
  padding: 5%;
  border: solid 2px #122533;
  background: #f9f9f9
}
#about-cloth #sec_02 .attention .lead {
  line-height: 2;
}
#about-cloth #sec_02 .attention:before {
  content: "\f071";
  font-family: FontAwesome;
  color: #a08a4d;
  font-size: 6vw;
  display: block;
  text-align: center;
}
#about-cloth #sec_02 .attention .headline {
  font-size: 4vw;
  text-align: center;
  margin-bottom: 3vw;
}
/*-------------------------------------

 生地ブランド一覧

--------------------------------------*/
#cloth-bland .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#cloth-bland #sec_01 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#cloth-bland #sec_01 .blandLogo {
  text-align: center;
  margin-bottom: 3vw;
  width: 40%;
  float: left;
}
#cloth-bland #sec_01 h3 {
  font-size: 3.5vw;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 3vw;
  padding-top: 8vw;
  background: url(../Image/cloth-bland/country_england.jpg) no-repeat center top 2vw/ auto 3vw;
  float: right;
  width: 58%;
}
#cloth-bland #sec_01 ul li {
  border-bottom: 1px solid #ccc;
  padding: 8vw 0;
  text-align: center;
}
#cloth-bland #sec_01 ul:last-child li:last-child {
  border-bottom: none;
}
#cloth-bland #sec_01 ul:first-child li:first-child {
  padding-top: 0;
}
#cloth-bland #sec_01 ul:last-child li:last-child {
  padding-bottom: 0;
}
#cloth-bland #sec_01 ul li h3.italy {
  background-image: url(../Image/cloth-bland/country_italy.jpg);
}
#cloth-bland #sec_01 ul li h3.japan {
  background-image: url(../Image/cloth-bland/country_japan.jpg);
}
#cloth-bland #sec_01 ul li h3 span {
  font-size: 80%;
  font-weight: normal;
  display: block;
}
#cloth-bland #sec_01 ul li p {
  line-height: 2;
  text-align: left;
  clear: both;
}
/*-------------------------------------

 アリエス

--------------------------------------*/
#aries-clothing .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#aries-clothing #sec_01 {
  background: #f5f5f5;
}
#aries-clothing #sec_03 {
  background: #f5f5f5;
}
#aries-clothing #sec_04 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#aries-clothing .main_sec .headline {
  font-size: 6vw;
  text-align: center;
  position: relative;
  padding-bottom: 2vw;
  margin-bottom: 5vw
}
#aries-clothing .main_sec .headline:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15vw;
  height: 2px;
  background: #a08a4d;
  margin: 0 auto;
}
#aries-clothing .main_sec .imgBox {
  margin-bottom: 5vw;
}
#aries-clothing .main_sec .txtBox {
  font-size: 3.8vw;
  line-height: 2.2;
}
#aries-clothing .main_sec .txtBox:not(:last-child) {
  margin-bottom: 4vw;
}
#aries-clothing #sec_04 .mvBox{
  margin:0 auto 4%;
}
#aries-clothing #sec_04 .mvBox li{
  position:relative;
  width:100%;
  padding-top:55%;
}
#aries-clothing #sec_04 .mvBox li iframe{
  position:absolute;
  top:0;
  left:0;
}
#aries-clothing #sec_04 .mvBox li:last-child{
  margin-top:4%;
}

/*-------------------------------------

 価格について

--------------------------------------*/
#about-price .ttlArea {
  padding-bottom: 0;
}
#about-price .ttlArea>.imgBox {
  width: 90%;
  margin: 0 auto;
  border: solid 1.5vw #a08a4d;
  border-radius: 4vw;
  padding: 2vw;
  margin-bottom: 10vw;
}
#about-price .ttlArea .ancLink {
  background: #27364b;
  padding: 5%;
  counter-reset: number 0;
  position: relative;
}
#about-price .ttlArea .ancLink:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #27364b transparent;
  border-width: 5vw 8vw 0;
  margin: 0 auto;
  z-index: 2;
}
#about-price .ttlArea .ancLink li {
  padding-left: 8vw;
  counter-increment: number 1;
  line-height: 1;
  font-size: 4.2vw;
  position: relative;
  color: #fff;
}
#about-price .ttlArea .ancLink li:nth-child(n+2) {
  margin-top: 5vw;
}
#about-price .ttlArea .ancLink li:before {
  content: counter(number);
  display: inline-block;
  background: url(../Image/order-flow/icon_tag.png) no-repeat left top /3vw auto;
  padding-left: 3.5vw;
  position: absolute;
  left: 0;
}
#about-price .ttlArea .ancLink a {
  color: #fff;
}
#about-price .main_sec {
  padding: 5vw 0;
  background: #fff;
}
#about-price .main_sec:nth-of-type(odd) {
  background: #f5f5f5;
}
#about-price #sec_01 {
  padding-top: 10vw;
}
#about-price .main_sec .secBox {
  font-size: 0;
}
#about-price .main_sec .secBox:nth-child(n+2) {
  margin-top: 8vw;
  padding-top: 8vw;
  border-top: dashed 1px #27364b;
}
#about-price .main_sec .imgBox {
  border: solid 1px #eee;
  width: 60%;
  margin: 0 auto 2vw;
}
#about-price .main_sec .txtBox {
  font-size: 3.2vw;
}
#about-price .main_sec .headline {
  font-size: 4.2vw;
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
  letter-spacing: -0.05em;
  margin-bottom: 2.5vw;
  line-height: 1.4;
}
#about-price .main_sec .headline span {
  font-size: 90%;
}
#about-price .main_sec .detail {
  font-size: 4vw;
  text-align: center;
  margin-bottom: 3vw;
  color: #27364b;
  line-height: 1.4;
}
#about-price .main_sec .lead p:not(:last-child) {
  margin-bottom: 3vw
}
#about-price .main_sec .lead:not(:last-child) {
  margin-bottom: 4vw;
}
#about-price .main_sec .bnrBox {
  width: 60%;
  text-align: center;
  margin: 0 auto
}
#about-price .main_sec .annotation {
  font-size: 3vw;
  color: #4e4e4e;
}
/*-------------------------------------

 会社概要

--------------------------------------*/
#company .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#company #sec_01 {
  background: #f5f5f5;
}
#company #sec_01 .ttl_03 {
  margin-bottom: 5vw;
}
#company #sec_01 .headline {
  text-align: center;
  margin-bottom: 2vw;
  font-size: 4.5vw;
  font-weight: bold;
  color: #122533;
}
#company #sec_01 .lead {
  line-height: 2;
}
#company #sec_02 {
  padding-bottom: 0;
}
#company #sec_02 table {
  width: 94%;
  margin: 0 auto 10vw;
}
#company #sec_02 th, #company #sec_02 td {
  border-bottom: solid 1px #555;
  padding: 3vw;
}
#company #sec_02 th {
  width: 25vw;
}
#company #sec_02 .mapBox {
  position: relative;
  width: 100%;
  padding-top: 66%;
}
#company #sec_02 .mapBox iframe {
  position: absolute;
  left: 0;
  top: 0;
}
#company #sec_03 {
  background: url(../Image/company/hist_bg.jpg) no-repeat center center /cover;
}
#company #sec_03 .ttl_03 .en {
  color: #27364b;
}
#company #sec_03 .histBox {
  background: rgba(255,255,255,0.6);
  padding: 5%;
  border: solid 1px #866262;
}
#company #sec_03 .histBox ul {
  position: relative;
}
#company #sec_03 .histBox ul:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #866262;
  top: 0;
  left: 4vw;
}
#company #sec_03 .histBox li {
  padding: 3vw 0;
}
#company #sec_03 .histBox span {
  display: block;
}
#company #sec_03 .histBox .ymd {
  padding-left: 8vw;
  font-size: 3.4vw;
  margin-bottom: 2vw;
  position: relative;
  line-height: 1;
}
#company #sec_03 .histBox .ymd:before {
  position: absolute;
  content: "";
  width: 3vw;
  height: 3vw;
  background: #a08b4c;
  border-radius: 50%;
  left: 2.5vw;
  top: 0.2vw;
  margin-left: 1px;
  ;
}
#company #sec_03 .histBox .text {
  padding-left: 12vw;
}
/*-------------------------------------

 採用情報

--------------------------------------*/
#recruit .ttlArea {
  padding-bottom: 0;
}
#recruit .ancLink li {
  width: 50%;
  float: left;
  text-align: center;
}
#recruit .ancLink li a {
  background: #122533;
  display: block;
  color: #fff;
  border: solid 1px #575555;
  border-top-width: 2px;
  border-bottom-width: 2px;
  padding: 2.5vw;
  font-size: 3.6vw;
  line-height: 1;
}
#recruit #sec_01 .voiceBox {
  font-size: 0;
}
#recruit #sec_01 .voiceBox:nth-child(n+2) {
  margin-top: 5%;
  padding-top: 5%;
  border-top: dashed 1px #27364b;
}
#recruit #sec_01 .imgBox {
  display: inline-block;
  width: 30%;
  margin-right: 3%;
  vertical-align: middle;
}
#recruit #sec_01 .nameBox {
  display: inline-block;
  width: 67%;
  vertical-align: middle;
  text-align: right;
}
#recruit #sec_01 .headline {
  font-size: 4vw;
  text-align: left;
  margin-bottom: 2vw;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
}
#recruit #sec_01 .name {
  font-size: 3.4vw;
  font-weight: normal;
  color: #27364b;
}
#recruit #sec_01 .txtBox {
  margin-top: 3%;
  font-size: 3.2vw;
  line-height: 2.2;
}
#recruit #sec_02 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#recruit #sec_02 .ancLink02 {
  margin-bottom: 5vw;
}
#recruit #sec_02 .ancLink02 li {
  float: left;
  width: 32%;
  text-align: center;
}
#recruit #sec_02 .ancLink02 li:nth-child(n+2) {
  margin-left: 2%;
}
#recruit #sec_02 .ancLink02 li a {
  background: #a08a4d;
  display: block;
  padding: 2vw;
  line-height: 1;
  color: #fff;
}
#recruit #sec_02 .tblBox .caption {
  text-align: center;
  font-size: 4.4vw;
  padding-bottom: 2vw;
  margin-bottom: 5vw;
  position: relative;
}
#recruit #sec_02 .tblBox .caption:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 10vw;
  height: 2px;
  background: #a08a4d;
  margin: 0 auto;
}
#recruit #sec_02 .tblBox table {
  width: 90%;
  margin: 0 auto 5vw;
}
#recruit #sec_02 .tblBox th, #recruit #sec_02 .tblBox td {
  border-bottom: solid 1px #575555;
  font-size: 3.6vw;
  padding: 2vw 0;
}
#recruit #sec_02 .tblBox th {
  width: 25vw;
}
#recruit #sec_02 .tblBox {
  margin-bottom: 15vw
}
#recruit #sec_02 .tblBox:last-child {
  margin-bottom: 0
}
/*-------------------------------------

 プライバシーポリシ－

--------------------------------------*/
#privacy .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#privacy #sec_01 {
  background: #f5f5f5;
}
#privacy #sec_01 .lead {
  font-size: 3.4vw;
}
#privacy #sec_01 .lead:not(:last-child) {
  margin-bottom: 5vw;
}
#privacy #sec_01 dt {
  border-left: solid 0.8vw #27364b;
  padding-left: 3vw;
  font-size: 3.8vw;
  margin-bottom: 4vw;
  font-weight: bold;
  color: #122533;
}
#privacy #sec_01 dd {
  font-size: 3.4vw;
  padding-left: 3.8vw;
  margin-bottom: 5vw;
}
#privacy #sec_01 dd:last-child {
  margin-bottom: 0;
}
#privacy #sec_01 dl {
  margin-bottom: 5vw;
}
/*201910追加*/
#privacy #sec_01 .p_bottom {
  margin-top: 7vw;
}
#privacy #sec_01 .p_bottom .p_box {
   border: solid 1px #122533;
   padding: 20px;
}
#privacy #sec_01 .p_bottom .p_box .ttl {
  font-size: 3.5vw;
  margin-bottom: 1vw;
}
#privacy #sec_01 .p_bottom .p_box .address {
  margin-top: 2vw;
}
#privacy #sec_01 .p_bottom .txt {
  margin-top: 2.5vw;
}
#privacy #sec_01 dd .list_01 li {
  padding-left: 2em;
  text-indent: -2.5em;
}
#privacy #sec_01 dl.dl_inner {
  width: auto;
  margin-top: 20px;
}
#privacy #sec_01 dl.dl_inner dt {
  font-size: 3.5vw;
  padding-left: 0;
  border: none;
  margin-bottom: 5px;
}
#privacy #sec_01 dl.dl_inner dd {
  margin-bottom: 20px;
}
#privacy #sec_01 .txt_link {
  margin-top: 5px;
}
#privacy #sec_01 .txt_link a {
  text-decoration: underline;
}
#privacy #sec_01 dl .list_02 {
  margin-top: 10px;
}
#privacy #sec_01 dl .list_02 .list_wrap:not(:first-child) {
  margin-top: 10px;
}
#privacy #sec_01 dl .list_disc {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 15px;
}
#privacy #sec_01 .p_box {
  border: solid 1px #122533;
  padding: 20px;
  margin-top: 20px;
}
#privacy #sec_01 .p_box .ttl {
  font-size: 3.5vw;
  margin-bottom: 1vw;
}
#privacy #sec_01 .p_box .address {
  margin-top: 2vw;
}

/*-------------------------------------

 インフォマティブデータについて

--------------------------------------*/
#informative .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#informative #sec_01 {
  background: #f5f5f5;
}
#informative #sec_01 .lead {
  font-size: 3.4vw;
}
#informative #sec_01 .lead:not(:last-child) {
  margin-bottom: 0.5em;
}
#informative #sec_01 .list_01{
  counter-reset:no 0;
  margin-bottom:5vw
}
#informative #sec_01 .list_01 li{
  counter-increment:no 1;
  position:relative;
  left:0;
  top:0;
  padding-left:1.5em;
}
#informative #sec_01 .list_01 li:before{
  content:"("counter(no)")";
  position:absolute;
  left:0;
  top:0;
}
#informative #sec_01 dt {
  border-left: solid 0.8vw #27364b;
  padding-left: 2vw;
  font-size: 3.8vw;
  margin-bottom: 2vw;
  font-weight: bold;
  color: #122533;
}
#informative #sec_01 dd p{
  margin-bottom:0.5em;
}
#informative #sec_01 dd {
  font-size: 3.4vw;
  margin-bottom: 5vw;
}
#informative #sec_01 dd p{
  margin-bottom:0.5em;
}
#informative #sec_01 dd th,
#informative #sec_01 dd td{
  background:#fff;
  border:solid 1px #d4d4d4;
  margin-top:-1px;
  font-size:85%;
  line-height:1.4;
  padding:0.5em;
}
#informative #sec_01 dd th{
  width:50%;
  background: #37475e;
  color: #ddd;
}
#informative #sec_01 dd td a{
 word-break:break-word;
}
#informative #sec_01 dd:last-child {
  margin-bottom: 0;
}

/*-------------------------------------

 サイトマップ

--------------------------------------*/
#sitemap #sec_01 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#sitemap .ttlArea .ttl_01 {
  margin-bottom: auto;
}
#sitemap #sec_01 .smList01 {
  margin-bottom: 5vw;
}
#sitemap #sec_01 .smList>li {
  margin-bottom: 5vw
}
#sitemap #sec_01 .smList>li:last-child {
  margin-bottom: 0;
}
#sitemap #sec_01 .smList>li>span {
  display: block;
  border-bottom: solid 1px #a08a4d;
}
#sitemap #sec_01 .smList>li>span a {
  font-size: 4.5vw;
  line-height: 1;
  padding: 3.5vw 0;
  font-weight: bold;
  color: #27364b;
}
#sitemap #sec_01 .smList>li>span a i{
  margin-left: 1em;
}
#sitemap #sec_01 .smList>li>span:not(:last-child) {
  margin-bottom: 3vw;
}
#sitemap #sec_01 .children {
}
#sitemap #sec_01 .children li {
  width: 48%;
  float: left;
}

@media screen and (max-width:767px) {
#sitemap #sec_01 .children li:nth-child(even) {
  margin-left: 4%;
}
#sitemap #sec_01 .children li:nth-child(n+3) {
  margin-top: 4%;
}
}
#sitemap #sec_01 .shopList dt {
  text-align: center;
  padding: 1.5vw;
  line-height: 1;
  font-size: 3.8vw;
  background: #e8edf5;
  margin-bottom: 2vw
}
#sitemap #sec_01 .shopList dd {
  margin-bottom: 6vw;
}
#sitemap #sec_01 .shopList dd:last-child {
  margin-bottom: 0;
}
#sitemap #sec_01 .children a {
  background: #fff;
  color: #27364b;
  border: solid 1px #27364b;
  display: block;
  text-align: center;
  padding: 2vw 0;
  line-height: 1;
}
/*-------------------------------------

 お問い合わせ

--------------------------------------*/
#contact #sec_01 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#contact .ttlArea .lead {
  font-size: 3.4vw;
  line-height: 2;
  width: 90%;
  margin: 0 auto;
}
#contact .ttlArea .lead .strong {
  font-weight: bold;
  color: #122533
}
/*-------------------------------------

 応募フォーム

--------------------------------------*/
#apply #sec_01 {
  background: url(../Image/common/bg_01.jpg) repeat left top;
}
#apply .ttlArea .lead {
  font-size: 3.4vw;
  line-height: 2;
  width: 90%;
  margin: 0 auto;
}
#apply .ttlArea .lead .strong {
  font-weight: bold;
  color: #122533
}
/*-------------------------------------

 サンクスページ

--------------------------------------*/
#thanks .ttlArea {
  border-bottom: solid 1px #ddd;
}
#thanks .ttlArea .message {
  text-align: center;
  font-size: 3.6vw;
  margin-bottom: 5vw
}
/*-----------------------------------------------------

 各フォーム共通CSS

------------------------------------------------------*/
.formWrap {
  width: 1000px;
  margin: 0 auto;
}
.formWrap #mailformpro th, .formWrap #mailformpro td {
  font-size: 16px;
  vertical-align: middle;
  padding: 20px;
}
.formWrap #mailformpro tr {
  border-bottom: solid 1px #eee;
}
.formWrap #mailformpro th {
  width: 200px;
  text-align: left;
}
.formWrap #mailformpro td {
  width: 800px;
}
.formWrap #mailformpro label {
  display: block;
}
.formWrap #mailformpro #areaform li {
  margin-bottom: 5px;
}
.formWrap #mailformpro #areaform li span {
  display: inline-block;
  width: 150px;
}
.formWrap #mailformpro .checkbox {
  background: none;
  border: none;
  padding-left: 20px;
  position: relative;
  line-height: 1;
  padding: 0 0 0 20px;
  display: inline-block;
  margin-bottom: 5px;
}
.formWrap #mailformpro .checkbox:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: solid 1px #aaa;
  background: #fff;
  left: 0;
  top: 0px;
  border-radius: 2px;
  bottom: 3px;
  margin: auto 0;
}
.formWrap #mailformpro .checkbox:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  left: 2px;
  border-bottom: solid 2px #2f6dae;
  border-left: solid 2px #2f6dae;
  transform: rotate(-40deg);
  top: 0;
  bottom: 10px;
  margin: auto;
  opacity: 0;
}
.formWrap #mailformpro .checkbox.mfp_checked:after {
  opacity: 1;
}
.formWrap #mailformpro .checkbox input[type="checkbox"] {
  display: none;
}
.formWrap #mailformpro .radioform {
  background: none;
  border: none;
  padding-left: 20px;
  position: relative;
  line-height: 1;
  padding: 0 0 0 20px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 20px;
}
.formWrap #mailformpro .radioform:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border: solid 1px #aaa;
  background: #fff;
  left: 0;
  top: 0px;
  border-radius: 50%;
  bottom: 0px;
  margin: auto 0;
}
.formWrap #mailformpro .radioform:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 6px;
  border-radius: 50%;
  background: #a08a4d;
  bottom: 6px;
  margin: auto;
  opacity: 0;
}
.formWrap #mailformpro .radioform.mfp_checked:after {
  opacity: 1;
}
.formWrap #mailformpro .radioform input[type="radio"] {
  display: none;
}
.formWrap #mailformpro .short {
  width: 25%;
}
.formWrap #mailformpro .middle {
  width: 50%;
}
.formWrap #mailformpro .middle option[value="8938"]{
  display: none;
}

.formWrap #mailformpro .long {
  width: 60%;
}
.formWrap #mailformpro table {
  margin-bottom: 30px;
}
/*  Mailform pro Reset CSS
-------------------------------*/
.formWrap #mailformpro .mfp_element_textarea {
  width: 80%;
  height: 200px;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
  padding: 5px;
  font-size: 16px;
  box-shadow: none;
  box-sizing: border-box;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  width: 200px;
  border-radius: 0;
  text-align: center;
  text-shadow: none;
  transition: .4s ease;
  background: #223a4b;
  padding: 18px 40px 19px;
  position: relative;
  overflow: hidden;
  border: solid 1px #223a4b;
}
div.mfp_buttons button#mfp_button_cancel {
  background: #fff;
  color: #595959;
  border-color: #595959
}

@media print, screen and (min-width:768px) {
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
  color: #223a4b;
  background: #fff;
}
}
div.mfp_buttons button#mfp_button_cancel:hover {
  background: #595959;
  color: #fff;
}
/*mailformproを使用する場合、エラーメッセージなどのエフェクトがうざい場合は以下を使ってください。must-fillはサイト毎に変更必要です。*/
/* 入力エラーのチカチカなし、文字色 */
div.mfp_err {
  background: none;
  padding-left: 0;
  color: #f26;
  font-weight: bold;
}
/* エラー箇所のフォーム部品を色つきで強調 */
.problem {
  background-color: #fdd;
}
/* 入力OKのエフェクト */
div.mfp_ok {
  background-color: #ff7500;
  border-color: #ff7500;
  font-size: 12px;
}
/* 内容確認画面のテーブルを全幅 */

#mfp_confirm_table {
  width: 100%;
  margin: 0 auto 40px;
}
/* 内容確認画面のテーブルのデザイン */
#mfp_confirm_table tr {
  border-bottom: 1px solid #C4C4BD;
}
#mfp_confirm_table tr:first-child {
  border-top: 1px solid #C4C4BD;
}
table#mfp_confirm_table tr th {
  width: 30%;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-align: left;
  padding: 30px 20px;
}
table#mfp_confirm_table tr td {
  font-size: 14px;
  padding: 30px 20px;
  font-weight: bold;
}
table#mfp_confirm_table tr.mfp_colored, table#mfp_confirm_table tr.mfp_achroma {
  background-color: transparent;
}
div#mfp_phase_confirm .mfp_buttons button:nth-child(1) {
  margin-right: 15px;
}
div#mfp_phase_confirm .mfp_buttons {
  font-size: 0;
}
div#mfp_phase_confirm h4 {
  width: 90%;
  color: #223a4b;
  font-size: 20px;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 20px;
}
form#mailformpro {
  padding: 0px;
}
/* 入力画面の「必須」のデザイン */
.must-fill {
  background: #e04;
  padding: 1px 3px;
  color: #fff;
  font-size: 0.6em;
  display: inline-block;
  margin-left: 10px;
  border-radius: 4px;
  float: right;
  margin-top: 3px;
}
.not-must-fill {
  background: #2f6dae;
  padding: 1px 3px;
  color: #fff;
  font-size: 0.6em;
  display: inline-block;
  margin-left: 10px;
  border-radius: 4px;
  float: right;
  margin-top: 3px;
}

/*-------------------------------------

 各フォーム共通CSS

--------------------------------------*/
/*=============== SP LAYOUT ===============*/
@media screen and (max-width:767px) {
.formWrap {
  width: 96%;
  margin: 0 auto;
}
.formWrap #mailformpro th, .formWrap #mailformpro td {
  font-size: 3.6vw;
  vertical-align: middle;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.formWrap #mailformpro th {
  width: 100%;
  border-bottom: none;
  padding: 15px 10px 0;
}
.formWrap #mailformpro td {
  width: 100%;
  padding: 10px 10px 15px;
}
.formWrap #mailformpro #areaform li {
  margin-bottom: 5px;
}
.formWrap #mailformpro #areaform li span {
  width: 9em;
}
.formWrap #mailformpro .short {
  width: 50%;
}
.formWrap #mailformpro .middle {
  width: 100%;
}
.formWrap #mailformpro .long {
  width: 100%;
}
.formWrap #mailformpro .inputform {
}
.formWrap #mailformpro table {
  margin-bottom: 30px;
}
/*  Mailform pro Reset CSS
-------------------------------*/
.formWrap #mailformpro .mfp_element_textarea {
  width: 100%;
  height: 200px;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
  font-size: 14px;
  padding: 16px 0;
  width: 200px;
}
table#mfp_confirm_table tr th {
  width: 30%;
  font-size: 12px;
  padding: 15px 10px;
}
table#mfp_confirm_table tr td {
  font-size: 12px;
  padding: 15px 10px;
  font-weight: bold;
}
div#mfp_phase_confirm .mfp_buttons button {
  display: block;
  float: none;
  margin: 0 auto;
}
div#mfp_phase_confirm .mfp_buttons button:nth-child(1) {
  margin-right: auto;
  margin-bottom: 15px;
}
div#mfp_phase_confirm .mfp_buttons {
  font-size: 0;
}
div#mfp_phase_confirm h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
}
/*-------------------------------------

  ページャー

--------------------------------------*/
/* ナビゲーション全体のデザイン */
.wp-pagenavi {
  text-align: center;
  border-top: solid 2px #122634;
  border-bottom: solid 2px #122634;
  padding: 15px 0;
  font-family: Arial;
  font-weight: bold;
}
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .first, .wp-pagenavi .last {
  text-align: center;
  color: #3b5f76;
  display: inline-block;
  font-size: 3.6vw;
  padding: 0 5px;
  line-height: 20px;
  border-bottom: solid 2px transparent;
}
/* ボタン<a>タグのデザイン */
.wp-pagenavi a {
  margin-right: 5px;
}
.wp-pagenavi .extend {
  margin-right: 4px;
}
/* 表示中のページ番号のデザイン */
.wp-pagenavi .current {
  margin-right: 4px;
  font-size: 4.5vw;
  border-color: #122634;
  color: #122634;
}
/* 前後ページ　デザイン */
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
  font-weight: bold;
}
/* 1ページ目・最終ページのデザイン */
.wp-pagenavi .first, .wp-pagenavi .last {
  font-size: 3.6vw;
  color: #3b5f76;
}

/*-------------------------------------

  WEBSHOP OPEN

--------------------------------------*/
#webshop-open #sec_01 {
    padding-top: 0;
}
#webshop-open #sec_01 h1{
    text-align:center;
    margin-bottom:10%;
}
#webshop-open #sec_01 h1 img{
    max-width:100%;
    height:auto;
}
#webshop-open #sec_01 .linkBox{
    text-align:center;
}
#webshop-open #sec_01 .linkBox:not(:last-child){
    margin-bottom:10%;
}
#webshop-open #sec_01  .tArea{
    background: #f6f6f6;
    text-align: center;
    padding: 6%;
    line-height: 2;
    font-size: 3.6vw;
}
#webshop-open #sec_01  .tArea:not(:last-child){
    margin-bottom:10%;
}
#webshop-open #sec_01 .headline{
    font-size: 5.8vw;
    font-weight:bold;
    color: #d50808;
    line-height: 1.4;
    margin-bottom: 8%;
    text-align:center;
}
#webshop-open #sec_01 .secBox {
    margin-bottom:10%;
}
#webshop-open #sec_01 .secBox .imgBox{
    margin-bottom: 5%;
}
#webshop-open #sec_01 .secBox .imgBox img{
    width:100%;
}
#webshop-open #sec_01 .secBox .pBox{
    text-align:left;
}
#webshop-open #sec_01 .secBox .pTtl{
    font-size:6.8vw;
    color:#1d2c41;
    font-weight:bold;
    margin-bottom:0.5em;
}
#webshop-open #sec_01 .secBox .ttl{
    font-size:4.8vw;
    font-weight:bold;
    color:#314062;
    margin-bottom:0.5em;
}
#webshop-open #sec_01 .secBox .text{
    font-size:3.8vw;
}
#webshop-open #sec_01 .secBox ul{
    padding-left:0px;
}
#webshop-open #sec_01 .secBox li:nth-child(n+2){
    margin-top:10%;
}
#webshop-open #sec_01 .subttl {
    text-align:center;
    font-size: 5.8vw;
    margin-bottom:5%;
}
#webshop-open #sec_01 .subttl span{
    font-weight: bold;
    line-height:1.4;
    letter-spacing:  0.05em;
    position:  relative;
    display: block;
}
#webshop-open #sec_01 dl{
    margin-bottom:10%;
}
#webshop-open #sec_01 dt{
    background:#b19a78;
    color:#fff;
    padding: 0.5em 1em;
    font-size:5.6vw;
}
#webshop-open #sec_01 dd{
    border:solid 2px #b19a78;
    box-sizing: border-box;
    text-align: left;
}
#webshop-open #sec_01 dd:not(:last-child){
    margin-bottom:8%;
}
#partner .ttlArea {
  padding-bottom: 5%;
}
#partner .ttlArea .ttl_01 {
  margin-bottom: 0;
}
#partner #sec_01 {
  background: url(../Image/partner/sec01_bg.jpg) no-repeat center center / cover;
}
#partner #sec_01 .sec_box {
  background: rgba(39, 54, 75, 0.65);
  padding: 10%;
  text-align: center;
}
#partner #sec_01 .sec_box .sec_ttl {
  font-size: 5vw;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 0.8em;
}
#partner #sec_01 .sec_box p {
  font-size: 3.6vw;
  color: #fff;
  line-height: 1.8;
}
#partner #sec_02 {
  padding-bottom: 0;
}
#partner #sec_02 .sec_box {
  margin-bottom: 10%;
}
#partner #sec_02 .sec_box .sec_ttl {
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.6;
  color: #cc1111;
  padding-bottom: 0.8em;
  margin-bottom: 1.2em;
  border-bottom: solid 1px #ddd;
}
#partner #sec_02 .sec_box p {
  text-align: center;
}
#partner #sec_02 .sec_box ul {
  padding: 3%;
  background: #f2f3f4;
}
#partner #sec_02 .sec_box ul li {
  position: relative;
  line-height: 1;
  background: #fff;
  padding: 1.2em 1em 1.2em 2em;
  font-size: 3.4vw;
}
#partner #sec_02 .sec_box ul li:nth-child(n+2) {
  margin-top: 3%;
}
#partner #sec_02 .sec_box ul li:before {
  position: absolute;
  content: "・";
  left: 0.7em;
  top: 1.2em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #112433;
  transform: scale(0.3);
}
#partner #sec_02 .sec_box ul li.partner_tel{
 background: #f1ebda; 
}
#partner #sec_02 .sec_box ul li.partner_tel a{
  color: #101010;
  display: block;
}
@media (min-width:992px){
  #partner #sec_02 .sec_box ul li.partner_tel{
    pointer-events: none; 
   }
}
#partner #sec_02 .inq_box {
  border: solid 1px #9f894d;
  padding: 10%;
}
#partner #sec_02 .inq_box .sub_ttl {
  color: #9f894d;
  text-align: center;
  font-size: 4.6vw;
  line-height: 1;
  margin-bottom: 1em;
}
#partner #sec_02 .inq_box p {
  text-align: center;
  margin-bottom: 1.5em;
  font-size: 3.6vw;
}
#partner #sec_02 .inq_box .btn_01 a {
  padding: 8px 4em;
}


/*-------------------------------------

  RESERVATION FORM

--------------------------------------*/
.ttlArea .lead.box_note {
  padding: 20px;
  background-color: #f4f4f4;
  line-height: 2;
}
.ttlArea .lead.box_note .strong {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #122533;
  line-height: 1.3;
}
.ttlArea .lead.box_note .strong > span {
  display: inline-block;
  padding: 0 10px 10px;
  border-bottom: 1px solid #122533;
}
.ttlArea .lead.box_note .item_checkbox {
  margin-top: 20px;
}

.tbl_form .fx_sb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.tbl_form .fx_sb .must-fill,
.tbl_form .fx_sb .not-must-fill {
  margin-top: 0;
  float: none;
}

.input_under {
  margin-top: 5px;
  font-weight: bold;
  font-size: 12px;
}

.item_checkbox {
  text-align: center;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.item_checkbox label > input {
  position: absolute;
  visibility: hidden;
}
.item_checkbox label > input + span {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
  font-weight: bold;
  color: #122533;
}
.item_checkbox label > input + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #c9c9c9;
  background-color: #fff;
}
.item_checkbox label > input:checked + span::after {
  display: block;
  content: '';
  position: absolute;
  top: .1875em;
  left: .1875em;
  width: 1.125em;
  height: .6em;
  border-left: .3rem solid #122533;
  border-bottom: .3rem solid #122533;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ul_radio {
  line-height: 2;
}
.ul_radio > li {
  display: inline-block;
  line-height: 1.3;
}
.ul_radio > li:not(:last-child) label {
  display: inline-block;
  margin-right: 1.6em;
}
.ul_radio > li label > input {
  position: absolute;
  visibility: hidden;
}
.ul_radio > li label > input + span {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.ul_radio > li label > input + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #c9c9c9;
  background-color: #f4f4f4;
}
.ul_radio > li label > input:checked + span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #a08a4d;
}

.ul_checkbox {
  line-height: 2;
}
.ul_checkbox > li {
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
}
.ul_checkbox > li:last-child {
  margin-bottom: 0;
}
.ul_checkbox > li label {
  cursor: pointer;
}
.ul_checkbox > li label > input {
  position: absolute;
  visibility: hidden;
}
.ul_checkbox > li label > input + span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}
.ul_checkbox > li label > input + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border: 1px solid #c9c9c9;
  background-color: #f4f4f4;
}
.ul_checkbox > li label > input:checked + span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: .2em;
  bottom: 5px;
  margin: auto;
  width: 15px;
  height: 6px;
  border-left: 2px solid #122533;
  border-bottom: 2px solid #122533;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.box_useselect,
.box_schedule {
  display: none;
  margin-top: 6px;
}
.mw_wp_form_confirm .box_useselect,
.mw_wp_form_confirm .box_schedule {
  display: block;
}

.date_box + .date_box {
  margin-top: 15px;
}
.date_box .sup {
  font-weight: bold;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .fx_date {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
  }
  .fx_date > .item + .item {
    margin-top: 1em;
    margin-left: 0;
  }
  .fx_date > .item {
    width: 100%;
  }
  .fx_date > .item > input,
  .fx_date > .item > select {
    width: 100%;
  }
}

.mfp_element_button {
  cursor: pointer;
}
.mfp_element_button.btn_cancel {
  background: #fff;
  color: #595959;
  border-color: #595959;
}
.mfp_element_button.btn_cancel:hover {
  background: #595959;
  color: #fff;
}

.ta_center {
  text-align: center;
}

.btn_column {
  margin-top: 30px;
}
.btn_column > * + * {
  margin-top: 15px;
}