@charset "utf-8";

@media print, screen and (min-width:768px) {
/*--------------------------------------------
   サイト基本設定　ここの設定はサイト依存
--------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body, html, input, textarea {
}
body {
	min-width: 1250px;
	color: #101010;
	font-size: 16px;
	background: #fff;
	line-height: 1.8;
	letter-spacing: 0.03em;
	font-family: '游ゴシック';
	padding-bottom: 0;
	padding-top:0;
    overflow: auto;
}
a {
	color: #002a7b;
	text-decoration: none;
	transition: .4s;
}
a:hover {
	text-decoration: none;
}
.over img {
	transition: .4s;
}
.over:hover img {
	opacity: 0.5;
}
table {
	width: 100%;
}
.for_sp {
  display: none !important;
}
a.pe_none_pc{
  pointer-events: none;
  color: #101010;
}
#layout{
	width:100%;
	overflow: hidden;
}
/*--------------------------------------------
  header
--------------------------------------------*/
#header {
	position: static;
	padding: 0;
}
#hdr_pc {
	position: relative;
	border-top: solid 3px #27364b;
}
#hdr_pc #hdrInner .hLogo {
  padding-left:20px;
}

#hdr_pc #hdrInner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#hdr_pc #hdrInner .hd_right .language {
  line-height:1;
  font-size:12px;
  padding-left:3em;
  color:#fff;
  text-align: right;
}

#hdr_pc #hdrInner .hd_right .language ul {
  position:relative;
  display: inline-flex;
  justify-content:flex-start;
  align-items:center;
  background:#27364b;
  padding:.5em 1em;
}
#hdr_pc #hdrInner .hd_right .language ul:before{
  position:absolute;
  content:"";
  right:100%;
  top:0;
  border-style:solid;
  border-width:2em 0 0 3em;
  border-color:#27364b transparent;
}
#hdr_pc #hdrInner .hd_right .language ul li:not(:last-child):after{
  content:"/";
}
#hdr_pc #hdrInner .hd_right .language ul li a {
  padding:0 1em;
  color:#fff;
  text-decoration:none;
}
#hdr_pc #hdrInner .hd_right .language ul li a:hover{
	text-decoration:underline;
}
/*--------------------------------------------
  gNavi
--------------------------------------------*/
#gNavi {
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

#gNavi #mainMenu {
  display:flex;
  justify-content:flex-start;
  align-items:center;}

#gNavi #mainMenu>li {
  position: relative;
  text-align: center;
  padding: 21px 0;
}

#gNavi #mainMenu>li>a {
  position: relative;
  display: block;
  line-height: 1;
  color: #122533;
  padding: 10px 26px;
}

#gNavi #mainMenu>li>a:before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #122533;
  transform: rotate(20deg);
}
#gNavi #mainMenu>li>a:after{
  position:absolute;
  content:"";
  height:1px;
  background:#a08b4d;
  width:70%;
  bottom:0px;
  left:0;
  right:0;
  margin:0 auto;
  transform:scaleX(0);
  transition:.4s;
}
#gNavi #mainMenu>li>a:hover:after{
  transform:scaleX(1);
}
#gNavi #mainMenu>li>a span{
  display: block;
}
#gNavi #mainMenu>li>a span.ja {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

#gNavi #mainMenu>li>a span.en {
  font-size: 10px;
  font-weight: bold;
}
#gNavi #mainMenu li.parent ul.menuBox {
  display: flex;
  justify-content: space-between;
  width: 400px;
  align-items: stretch;
  flex-wrap: wrap;
}

#gNavi #mainMenu li.parent ul.menuBox li {}

#gNavi #mainMenu li.parent ul.menuBox li a {}

/*メガメニュー*/
#gNavi #mainMenu li.parent:after{
  position:absolute;
  left:0;
  right:0;
  content:"";
  bottom:0;
  border-style:solid;
  border-width:0 15px 15px;
  border-color:#655b5b transparent;
  width:0;
  height:0;
  margin:0 auto;
  transition:.4s;
  opacity:0;
  visibility:hidden;
}
#gNavi #mainMenu li.parent .menuBox {
  position:absolute;
  visibility:hidden;
  width:399px;
  background: #f5f5f5;
  left:50%;
  top:100%;
  right:0;
  transform:translateX(-50%);
  transition:.4s;
  opacity:0;
  z-index: 150;
}
#gNavi #mainMenu li.parent:hover:after,
#gNavi #mainMenu li.parent:hover .menuBox{
  visibility:visible;
  opacity:1;
}
#gNavi #mainMenu li.parent .menuBox li{
  width:200px;
  border:solid 1px #655b5b;
}
#gNavi #mainMenu li.parent .menuBox li:nth-child(n+3){
  margin-top:-1px;
}
#gNavi #mainMenu li.parent .menuBox li:nth-child(even){
	border-left:none;
}
#gNavi #mainMenu li.parent .menuBox li a{
  font-size:12px;
  line-height:1;
  color: #122533;
  padding:10px;
  display:block;
  font-weight: bold;
}
#gNavi #mainMenu li.parent .menuBox li a:hover{
  background: #122533;
  color: #fff;
}
/*--------------------------------------------
  framework
--------------------------------------------*/
/*  共通パーツ
-------------------------*/
.gInner {
	width: 1200px;
	margin: 0 auto;
}
.sec_inner {
	width: 100%;
}
.ttl_01 {
	line-height: 1;
	text-align: left;
}
.ttl_01 span {
	display: inline-block;
	vertical-align: middle;
}
.ttl_01 .ja {
	font-size: 32px;
	margin-bottom: 0;
	margin-right: 25px;
}
.ttl_01 .en {
	font-size: 19px;
	color: #a08b4d;
}
.under .ttl_01 {
	text-align: center;
}
.under .ttl_01 span {
	display: block;
}
.under .ttl_01 .ja {
	margin-right: 0;
	margin-bottom: 10px;
}
.under .ttl_01 .en {
	font-size: 19px;
}
.ttl_02 {
	font-size: 36px;
}
.ttl_03 {
	line-height: 1;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.ttl_03 span {
}
.ttl_03 .ja {
	font-size: 28px;
	margin-bottom: 10px;
}
.ttl_03 .en {
	font-size: 16px;
}
.subttl_01 {
	font-size: 16px;
}
.subttl_02 {
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.subttl_02 span {
}
.subttl_02 .txt_L {
	font-size: 24px;
}
.subttl_02 .txt_S {
	font-size: 18px;
}
.bg_navy {
}
.bg_navy .ttl_03 {
}
.bg_navy .subttl_02 {
}
.top_sec {
	padding: 80px 0;
}
.ul_deco > li {
  position: relative;
  padding-left: 1.4em;
  line-height: 1.5;
}
.ul_deco > li:not(:first-child) {
  margin-top: .4em;
}
.ul_deco > li .li_head {
  position: absolute;
  left: 0;
}
.mgt_sm {
  margin-top: 1em;
}
.mgt_md {
  margin-top: 2em;
}
.mgb_sm {
  margin-bottom: 1em;
}
.fz_sm {
  font-size: 14px;
}
.bold {
  font-weight: bold;
}
/*	セール情報スライダー
---------------------------*/
.commonArea {
}
.commonArea .saleBox {
	margin-bottom: 80px;
}
.commonArea .saleBox .btn_01 {
	text-align: right;
	margin-right: 45px
}
.saleBox .sec_inner {
	padding: 0;
}
.sale-slider .slick-arrow {
}
.sale-slider .slide-inner {
	padding: 0 10px;
}
.sale-slider {
	padding: 0 45px;
	overflow: hidden;
	font-size: 16px;
	margin-bottom: 40px;
}
.sale-slider .slick-dots {
	display: none;
}
.sale-slider .slider {
	overflow: hidden;
}
.sale-slider .slider-prev {
	left: -40px;
}
.sale-slider .slider-next {
	right: -40px;
}
.sale-slider .slick-arrow {
	padding: 0;
	width: 20px;
	height: 20px;
	border-width: 7px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.sale-slider .slick-arrow:before {
}
.sale-slider .sale_info .date {
}
.sale-slider .imgBox {
	margin-bottom: 10px;
}
.sale-slider .imgBox a {
	vertical-align: bottom;
	width: 100%;
	overflow: hidden;
}
.sale-slider .imgBox a img {
	transform: scale(1);
	transition: .4s;
}
.sale-slider .imgBox a:hover img {
	transform: scale(1.1);
	opacity: 0.5;
}
.sale_info {
	font-family: 'メイリオ';
	line-height: 1.6;
	padding-bottom: 8px;
}
/*	店舗検索
---------------------------*/
.shoplistBox .imgBox {
	text-align: center;
}
.shoplistBox .imgBox a:hover {
	opacity: 0.5;
}
/*	バナーリンク
---------------------------*/
.bnrArea {
	padding: 40px 0;
}
.bnrArea ul {
	font-size: 0;
	text-align: center;
}
.bnrArea li {
	display: inline-block;
	margin-right: 50px;
}
.bnrArea li:last-child {
	margin-right: 0;
}
.bnrArea li a {
	font-size: 20px;
	background-size: auto 100%;
	display: block;
	padding: 25px;
	width: 350px;
}
.bnrArea li a:after {
}
.bnrArea li a:hover {
	opacity: 0.5;
	background-size: auto 110%;
}
.bnrArea li a#contact_bnr {
}
.bnrArea li a#suit_bnr {
}
.bnrArea li a#price_bnr {
}
.bnrArea li a#cloth_bnr {
}
.bnrArea li a#flow_bnr {
}
/*	ボタン
---------------------------*/
.btn_01 {
}
.btn_01 a:hover {
	background: #27364b;
	color: #fff;
}
.btn_arw a:after {
}
.btn_02 {
	text-align: right;
}
.btn_02 a {
	font-size: 16px;
	padding: 15px 45px 15px 30px;
}
.btn_02 a:after {
	font-family: '游ゴシック';
	right: 15px;
	top: 0;
	transition: .4s;
}
.btn_02 a:hover {
	color: #a08a4d;
	border-color: #a08a4d;
}
.btn_02 a:hover:after {
	right: 10px;
}
/*--------------------------------------------
  footer
--------------------------------------------*/
#footer {
	padding: 50px 0 0;
}
#footer #fLogo {
	text-align: center;
	margin-bottom: 25px;
}
#footer #fLogo a:hover {
	opacity: 0.7;
}
#footer .ftr_inner {
	width: 1200px;
	margin: 0 auto;
}
#footer .ftrNav a {
	color: #fff;
	font-size: 14px;
	position: relative;
}
#footer .ftrNav .navList {
	float: left;
	width: 22%;
	margin-right: 4%;
}
#footer .ftrNav .navTtl {
	color: #fff;

	font-size: 16px;
	padding-left: 10px;
	line-height: 1;
	border-bottom: solid 1px #4a4b4e;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
#footer .ftrNav .ftrNav_top {
	margin-bottom: 20px;
	padding: 40px 50px;
	border-bottom: solid 1px #655b5b;
	border-top: solid 1px #655b5b;
}
#footer .ftrNav .ftrNav_top li:not(.navTtl) {
	padding: 0 15px;
	line-height: 1;
}
#footer .ftrNav .ftrNav_top li:not(:last-child) {
	margin-bottom: 15px;
}
#footer .ftrNav a:hover {
	color: #a08a4d;
}
#footer .ftrNav .navList:last-child {
	margin-right: 0;
}
#footer .ftrNav .ftrNav_btm {
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
}
#footer .ftrNav .ftrNav_btm li {
	display: inline-block;
	margin-right: 40px;
}
#footer .ftrNav .ftrNav_btm li:last-child {
	margin-right: 0;
}
#footer .ftrNav .ftrNav_btm li:nth-last-child(2) {
    margin: 10px 20px 0;
}
#footer .snsArea {
	padding-top: 0;
}
#footer .snsArea ul {
	display: inline-block;
}
#footer .snsArea ul li {
	display: inline-block;
}
#footer .snsArea ul li:first-child {
	margin-right: 20px;
}
#footer .snsArea a img {
	transition: .4s;
}
#footer .snsArea a:hover img {
	transform: translateY(-5px);
	opacity: 0.5;
}
#copyright {
	font-size: 14px;
}
.page_top {
	background: #fff;
	left:auto;
	left: initial;
	padding: 0;
	border-top: none;
	right: 50px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	transition: .4s;
}
.page_top a {
	display: block;
	font-size: 26px;
	width: 50px;
	height: 50px;
	line-height: 45px;
	color: #122533;
	border: solid 1px #a08b4d;
}
.page_top:hover {
	opacity: 0.5;
}

.web_reservation {
  z-index: 10;
  position: fixed;
  right: 0;
  bottom: 2em;
  padding: 1.5em;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 10px 24px rgba(0,0,0,.2);
}
.web_reservation > a {
  display: block;
  padding: .8em 1.2em;
  background-color: #122533;
  color: #fff;
  line-height: 1.3;
}
.web_reservation > a:hover,
.web_reservation > a:focus {
  opacity: .7;
}

}

#_smartnews_ads_conversion_img_ayno0 {
  position: absolute;
}