@charset "Shift_JIS";
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);

:root {
	--gadget-accent-color: #8f7e39;
	--gadget-noactive-color: #eae4da;
	--gadget-botton-color: #7e1a44;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}

/* 基本レイアウト・フォント装飾関連 */
.tx_C { text-align: center !important ; }
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
body a:link, body a:visited, body a:active {
    text-decoration: none;
    color: #3366cc;
}
body a:hover {
    text-decoration: underline;
    color: #36c;
}

/*gadget調整　ブラウザデフォルトデザインをoff*/
input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*-----------------------------------------------
header
-------------------------------------------------*/
body img{
	max-width:100%;
	height:auto;
}
header:not(.fw-modal-header){
overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,0.1)
}
header:not(.fw-modal-header) > div{
margin: 0 auto;
padding: 5px;
letter-spacing: -0.4em;
vertical-align:middle;
}
header:not(.fw-modal-header) > div strong{
width: 32%;
height: auto;
margin:0 1% 0 0;
padding:10px 0;
display: inline-block;
vertical-align: top
}
header:not(.fw-modal-header) > div ul{
display: inline-block;
padding: 0 0 0 0px;
position: relative;
top: 3px;
vertical-align:top;
}
header:not(.fw-modal-header) > div ul li{
letter-spacing: normal;
display: block;
font-size: 10px;
padding: 0 5px;
}
header:not(.fw-modal-header) > div ul li:first-of-type{
border-left: none
}
header:not(.fw-modal-header) > div ul li a{
	text-decoration:none;
	display:block;
	margin-top:3px;
}
header:not(.fw-modal-header) > div p{
display: inline-block;
vertical-align: middle;
width:28%;
padding-top:4%;
}

/*-----------------------------------------------
pathListBox
-------------------------------------------------*/
.pathListBox{
font-size: 12px;
padding: 10px 10px;
margin: 0 auto
}
h1{
	font-size:12px;
	padding:0 10px 10px;
}

/*-----------------------------------------------
serchBox
-------------------------------------------------*/
#sechAllBox{padding:5px 0;}
#serchBox{
	margin: 0 auto;
	padding: 0 0;
	overflow: hidden;
}
#serchBox .serchBox{
	padding: 18px 20px 12px 20px;
	background:#FFF;
}
#serchBox .serchBox dl{
	overflow: hidden;
	padding: 3px 0;
	font-size: 12px;
}
#serchBox .serchBox dl dt{
	width: 28%;
	color: #948443;
	float: left;
	padding-top: 12px;
}
#serchBox .serchBox dl dd{
	overflow: hidden;
	letter-spacing: -0.4em;
}
#serchBox .serchBox dl dd select{
	color: #222;
	border: 1px solid #8f7e39;
	background:url(../images/bg_select.png) #f8f3eb no-repeat 100% 50%;
	background-size:24px auto;
	padding: 3px 50px 3px 5px;
	letter-spacing: normal;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	/*-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;*/
	width: 100%;
}
#serchBox .serchBox dl.per50S select{margin-bottom:5px;}
#serchBox .serchBox dl.per50S select:nth-of-type(1){margin-right: 4%;}
#serchBox .serchBox input.btnSerch{
	background: #7e1a44;
	border: 0;
	color: rgba(255,255,255,1.00);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding: 5px;
	width: 220px;
	font-size: 14px;
	cursor: pointer;
	margin: 0 auto 15px;
    display: block;
}
#serchBox .serchBox input.btnSerch {transition: 0.2s;}
#serchBox .serchBox input.btnSerch:hover {opacity: 0.5;}
#serchBox .serchBox .serchBox p{
	text-align: center;
	padding-top: 13px;
}

/*-----------------------------------------------
serchLeft
-------------------------------------------------*/
#serchLeft{margin: 10px;}
#serchLeft h2{
	text-align: center;
	margin: 15px auto 0;
	font-weight: bold;
	color: #7e1a44;
}
.line{
	height:auto;
	border: 2px solid #efe4d3;
	background:#FFF;
}
#serchLeft ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
#serchLeft ul li{
	display: table-cell;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color: #948443;
	background: #efe4d3;
	cursor: pointer
}
#serchLeft ul li:nth-of-type(2){
	border-left: 2px solid rgba(255,255,255,1.00);
	border-right: 2px solid rgba(255,255,255,1.00);
}
#serchLeft ul li.selectNavi{
	color: rgba(0,0,0,1.00);
	background:#FFFFFF
}
#serchLeft .other_btn {
	text-align: center;
	padding: 15px 0;
}
#serchLeft .other_btn a {
	background: #7e1a44;
	border: 0;
	color: rgba(255, 255, 255, 1.00);
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: auto;
	padding: 15px;
	width: 80%;
	font-size: 14px;
	cursor: pointer;
	display: block;
}

/*-----------------------------------------------
serchRight
-------------------------------------------------*/
#serchRight{
overflow: hidden;
/*background:rgba(255,255,255,1);*/
}
.slide_selector li span{
	display: block;
	font-size: 14px;
	padding:10px 10px;
}
.slide_selector li span b{
	display:block;
	margin-bottom:5px;
	font-size:15px;
}

/*-----------------------------------------------
other_gadget
-------------------------------------------------*/
#other_gadget {border-bottom: 1px solid #aaa;}
#other_gadget > div h2 {
	margin-bottom: 30px;
	clear: both;
	padding: 13px;
	background: 0 0;
	background-color: rgba(0, 0, 0, 0);
	background-color: #7e1a44;
	border-bottom: #8f7e39 2px solid;
	position: relative;
	z-index: 2;
	text-align: center;
}
#other_gadget > div h2 strong {
	color: #FFF;
	font-size: 22px;
	display: block;
}
#other_gadget > div h2 span {
	display: block;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
}
#other_gadget .search_kokunaiBar .serchBox > ul li {width: calc(100% / 2);}
#other_gadget .tab_airset,
#other_gadget .content_wrap.box_airset.serchBox {display:none!important;}

/* Slider ------------------------------------------------*/
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
	-ms-user-select: none;
	    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
	touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	z-index:100;
}

.slide_selector{
	padding:0 5px;
}

.slide_selector li{
	margin:0 5px;
	background:rgba(255,255,255,0.8);
border:rgba(255,255,255,0.1) 2px solid;
}

.slick-slider img{
	margin:0 0;
}


.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;
    margin: 0 0;
    padding: 0;
	z-index:2;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	 -o-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
			
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
z-index:1!important;
    display: block;
}px;
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	z-index:100;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*-----------------------------------------------
bnrBox
-------------------------------------------------*/
#bnrBox{
width: 100%;
margin: 20px auto 20px
}

.pr_box #bnrBox img{
	width:100%!important;
	height:auto;
}

.modaal-content-container{
	padding:30px 30px 15px 30px;
}

.modaal-content-container{
line-height: 28px;
}

.modaal-content-container strong{
display: block;
text-align: center;
font-size: 20px;
margin-bottom: 15px;
}

.smpnone{
display: none!important;
}
/*-----------------------------------------------
newsBox
-------------------------------------------------*/
#newsBox{
display: block;
padding: 10px 15px;
margin: 0px auto 0;
position:relative;
}

#newsBox > div{
overflow: hidden;
margin: 0 0 0 0;
padding: 5px 0 0 0;
word-spacing:normal
}


#newsBox >  div h2{
font-size: 16px;
text-align:center;
}

#newsBox > div div{
overflow: hidden;
padding-left: 0;
margin-bottom:10px;
}


#newsBox div dl{
padding: 2px 0;
overflow: hidden;
}

#newsBox div dl dt{
display:block;
font-size:12px;
}

#newsBox div dl dd{
overflow: hidden;
padding-top:2px;
font-size:12px;
padding-bottom:5px;
line-height: 1.4;
}
.attention{
font-size: 10px;
display: block;
margin: 0 auto 0;
text-align: right;
}

#newsBox p{
	
}

/*-----------------------------------------------
pageNavi
-------------------------------------------------*/
#pageNavi{
margin-bottom: 20px;
}

#pageNavi ul{
margin: 10px auto 0;
letter-spacing: -0.4em;
}

.borderT{
border-bottom:solid #4f0928 5px;
}

#pageNavi ul li{
display: inline-block;
font-size: 14px;
width: 49%;
text-align: center;
letter-spacing: normal;
-webkit-border-radius: 5px;
border-radius: 5px;

}

#pageNavi ul li{
margin: 0 0.5%;

}
#pageNavi ul li{
background: #ffffff; /* Old browsers */
border: 1px solid #7e1a44;
padding: 10px 5px;
}
#pageNavi ul li.selectPageNavi{
background: #7c1943;
position:relative;
}

#pageNavi ul li.selectPageNavi:after {
    content: "";
    position: absolute;
    bottom: -50%;
    left: 47%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #7e1a44;
}

#pageNavi ul li font{
	font-size:10px;
}

#pageNavi ul li a{
color: #7e1a44;
display: block;
}
#pageNavi ul li.selectPageNavi a{
color: #FFFFFF;
}

#pageNavi ul li a {
	transition: 0.2s ;
}

#pageNavi ul li a:hover {
	opacity: 0.5 ;
	text-decoration: none
}
/*-----------------------------------------------
ankerNavi
-------------------------------------------------*/

#ankerNavi{
margin: 10px auto 15px;
text-align: center;
letter-spacing: -0.4em;
width:100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;

}
#ankerNavi ul{
display: inline-table;
max-width: 100%;
}
#ankerNavi li{
letter-spacing: normal;
display: table-cell;
white-space: nowrap;
letter-spacing: normal;
padding:5px 0;
border-right: 1px dotted rgba(70,57,57,0.4); 
}

#ankerNavi li img{
	width:22px;
	height:auto;
	display:block;
	margin:0 auto 5px;
}

#ankerNavi li a{
display: block;
padding: 0 5px;
font-size:12px;
font-weight:bold;
color: rgba(0,0,0,1.00)
}

#ankerNavi li:first-of-type a{
border-left: none;
}
#ankerNavi li:last-of-type{
border-right: none; 
}


#ankerNavi li i{
display: block;
}


/*-----------------------------------------------
planWrap
-------------------------------------------------*/

.planWrap section:nth-of-type(2n-1){
background: url(../images/bg_2.png)
}
.planWrap section:nth-of-type(2n){
background: url(../images/bg_1.png)
}

.planInner{
margin: 0 auto;
padding: 0 0 20px;

}

.planInner:before,
.planInner:after {
    content: " ";
    display: table;
}

.planInner:after {
    clear: both;
}

.planInner {
    *zoom: 1;
}

.planInner h2{
text-align: center;
margin-bottom: 30px;
clear:both;
padding: 13px;
background: 0 0;
    background-color: rgba(0, 0, 0, 0);
background-color: #7e1a44;
border-bottom: #8f7e39 2px solid;
position: relative;
z-index: 2;
text-align: center;
}

.planInner h2 strong{
	color:#FFF;
	font-size:22px;

	display:block;

}

.planInner h2 strong.middleP{

}

.planInner h2 span{
display: block;
color:#FFF;
font-size:12px;
line-height:20px;
	margin-top:5px;
}
.planInner h2 span a{
	color:#FFF;
	display:block;
}

.plan3Box{
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
margin:0 20px 20px;
background: rgba(255,255,255,1.00)
}

.plan2Box{
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
margin:20px 20px 0;
background: rgba(255,255,255,1.00)
}
.plan1Box{
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
margin:20px 20px 20px;
background: rgba(255,255,255,1.00)
}

.photoBox{
position: relative;
}

.photoBox img{
	width:100%;
	height:auto;
}

.photoBox b{
position: absolute;
top: -10px;
left: -2px
}

.plan3Box dl,
.plan2Box dl,
.plan1Box dl{
padding: 13px 20px;
}

.plan3Box dl dt > span,
.plan2Box dl dt > span,
.plan1Box dl dt > span{
display: block;
margin-bottom: 5px;
}

.plan3Box dl dt strong,
.plan2Box dl dt strong,
.plan3Box dl dt strong{
display: block;
line-height: 18px;
font-size:15px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: #efe4d3 2px solid;
font-weight: bold;
}
.plan3Box dl dd,
.plan2Box dl dd,
.plan1Box dl dd{
line-height:130%;
margin-bottom: 8px;
}

.copy{
font-size: 14px;
}

.dept{


}

.dept span{
display: block;

}

.dept span span {
    display: inline-block;
    border: #8f7e39 1px solid;
    width: auto;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
	font-size: 12px;
	color: #8f7e39
}
.dept strong{
font-weight: normal;
color: #8f7e39
}

.price strong{
font-size: 18px;
display: block;
background: url(../images/im_en.png) no-repeat 0 50%;
background-size:28px auto;
padding: 4px 0 4px 35px;
margin-bottom: 5px;
font-weight: bold;
color: rgba(255,0,4,1.00)
}

.price span{
font-size: 12px;
line-height: 15px;
display: block;
}

/*****ribbon******/


.ribbon{
  position: relative;
  width:80px;
  font-size: 15px;
  padding: 1em 0.5em;
  margin-bottom: 0.1em;
  text-align:center;
  display: block;
  color: #fff;
  line-height: 20px;
  font-family: メイリオ,Meiryo,serif;
  font-weight: 100;
  z-index: 999;
  transform: scale(0.8,0.8);
  
}
.ribbon:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -15px;
  left: 0;
  border-style: solid;
  border-width: 15px 40px 0 40px;
  z-index: 999;
}

.ribbon strong{
display: block;
position: relative;
}

.ribbon strong:after{
content: "";
width: 70px;
height: 44px;
margin: 0 auto;
background: url(../images/im_midashi_line.png) no-repeat 100% 50%;
background-size:100% auto;
position: absolute;
bottom: -40px;
left: -3px;
  z-index: 9999;

}

.r_blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#314673+0,001a52+100 */
background: #314673; /* Old browsers */
background: -moz-linear-gradient(top,  #314673 0%, #001a52 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #314673 0%,#001a52 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #314673 0%,#001a52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314673', endColorstr='#001a52',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_blue:after{
  border-color: #001a52 transparent transparent transparent;
}

.r_sblue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007c99+1,11a3c4+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#477699+0,1b5581+100 */
background: #477699; /* Old browsers */
background: -moz-linear-gradient(top,  #477699 0%, #1b5581 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #477699 0%,#1b5581 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #477699 0%,#1b5581 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477699', endColorstr='#1b5581',GradientType=0 ); /* IE6-9 */

}

.ribbon.r_sblue:after{
  border-color: #1b5581 transparent transparent transparent;
}

.r_red{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#964466+0,7e1a44+100 */
background: #964466; /* Old browsers */
background: -moz-linear-gradient(top,  #964466 0%, #7e1a44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #964466 0%,#7e1a44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #964466 0%,#7e1a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#964466', endColorstr='#7e1a44',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_red:after{
  border-color: #7e1a44 transparent transparent transparent;
}

.r_gold{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d8f5b+1,857433+99 */
background: #9d8f5b; /* Old browsers */
background: -moz-linear-gradient(top,  #9d8f5b 1%, #857433 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9d8f5b 1%,#857433 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9d8f5b 1%,#857433 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d8f5b', endColorstr='#857433',GradientType=0 ); /* IE6-9 */
}

.ribbon.r_gold:after{
  border-color: #857433 transparent transparent transparent;
}

/***********tagIcon***********/

.tagIcon {
 display: inline-block!important;
 border: #dcdcdc 1px solid;
 background-color: #eee;
 padding: 5px 5px;
 text-align: center;
 margin-right: 8px;
 font-size: 12px;
 line-height: 12px;
 margin-bottom: 5px;
 white-space: nowrap;
 }
.tagIcon.new {
  background-color: #cc3300;
  color: #fff;
  border: #cc3300 1px solid; }
.tagIcon.kyushu {
  background-color: #ff3a82;
  color: #fff;
  border: #ff3a82 1px solid; }
.tagIcon.kinki {
  background-color: #0095d9;
  color: #fff;
  border: #0095d9 1px solid; }
.tagIcon.chugoku {
  background-color: #0cc2dd;
  color: #fff;
  border: #0cc2dd 1px solid; }
.tagIcon.hokuriku {
  background-color: #9900cc;
  color: #fff;
  border: #9900cc 1px solid; }
.tagIcon.chubu {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.kanto {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.hokkaido {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.tohoku {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.zenkoku {
  background-color: #191970;
  color: #fff;
  border: #191970 1px solid; }
.tagIcon.type1 {
    border: #871c48 1px solid;
    background-color: #871c48;
    color: #fff;
}
.tagIcon.type2 {
border: #8f7e39 1px solid;
background-color: #8f7e39;
color: #fff; }
.tagIcon.type3 {
border: #1b5581 1px solid;
background-color: #1b5581; }
.tagIcon.type4 {
border: #8f7e39 1px solid;
background-color: #f8f3eb;
color: #8f7e39; }
.tagIcon.type5 {
border: #1b5581 1px solid;
background-color: #e9eef2;
color: #1b5581; }
.tagIcon.type6 {
border: #871c48 1px solid;
background-color: #f4e7ee;
color: #871c48;
}

/***********btn***********/
.commonBtn {
margin-bottom: 8px;

}

.commonBtn a{
padding: 8px 20px 8px 8px;
font-size: 14px;
display:block;
text-align: center;
border-radius: 3px;
position: relative;
}

p.single a{
color: #7e1a44;
border: 1px solid #7e1a44;
}

.single a:after{
font-family: "Font Awesome 5 Free";
content: '\f1c1';
position: absolute;
right: 10px;
font-size: 20px;
font-weight: 400
}


p.dub a{
color: #FFFFFF;
background: #7e1a44;
}

.dub a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 12px;
font-weight: 600;
}
span.otherL a{
font-size: 11px;
text-decoration: underline;
color: rgba(71,71,71,1.00)}

.btnBox{
margin: 0;
padding: 0 30px;
clear: left;
letter-spacing: -0.4em;
}
div.btnBox a{
border: 1px solid #7e1a44;
color: #7e1a44;
padding: 12px;
display:block;
font-size: 15px;
position: relative;
text-align: center;
border-radius: 5px;
letter-spacing: normal;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e8e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e8e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e8e7',GradientType=0 ); /* IE6-9 */
}

div.btnBox p.orangebtn a{
border: 1px solid #ff9800;
color: #FFF;
background: #ff9800;
}

div.btnBox a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 14px;
font-weight: 600;
}

div.btnBox2 p{
width: 48%;
margin-left: 2%;
display: inline-block;
}
.commonBtn a,
div.btnBox a {
	transition: 0.2s ;
}
.commonBtn a:hover,
div.btnBox a:hover {
	opacity: 0.5 ;
	text-decoration: none
}

/*-----------------------------------------------
popBox
-------------------------------------------------*/
.popBox{
overflow: hidden;
padding-bottom:15px;
padding:0 15px 0;
	        display: flex;
        justify-content: center;
        flex-wrap: wrap;
}

.popBox li{
width: 48%;
background: rgba(255,255,255,1.00);
margin: 0 0 15px 0;
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
}

.popBox li:nth-of-type(2n){
margin: 0 0 15px 4%;
}

.popBox li span{
display: block;
padding: 12px;
margin: 0;
font-weight:bold;
}


.popBox li:hover a span{
text-decoration: none;
color: #8f7e39;

}

.popBox li a span font{
	display:block;
	font-size:14px;
	margin-top:10px;
	line-height:18px;
	font-weight:normal;
}


/*-----------------------------------------------
popBox
-------------------------------------------------*/
.panfBox{
display: block;
padding:0 0 0 15px;
}

.panfBox li{
height:240px;
background: rgba(255,255,255,1.00);
margin: 0 0 15px 15px;
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
}

.panfBox li:first-of-type{
margin: 0;
}

.panfBox li span{
display: block;
padding: 10px;
font-size: 13px;
margin: 0;
}


.panfBox li:hover a span{
text-decoration: none;
color: #8f7e39
}

/*-----------------------------------------------
applicationBox
-------------------------------------------------*/
#tel{
background: rgba(255,255,255,1.00)}

/*#a05{
background: rgba(255,255,255,1.00)}

#a05.subBG{
	background: url(../images/bg_1.png)!important;
}*/

#a08.subBG{
	background:#FFF
}

.applicationBox{
text-align: center;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(184,185,145,0.4);
}



.applicationBox dt strong,
.applicationBox2 dt strong{
font-size: 18px;
display: block;
margin-bottom: 10px;
font-weight: bold;
}
.applicationBox dt span,
.applicationBox2 dd b{
font-size: 15px;
display: block;
color: #8f7e39;
margin-bottom: 10px;
font-weight: normal
}

.applicationBox dd img,
.applicationBox2 dd img{
width: 40px;
vertical-align: middle;
margin-right: 10px;
}

.applicationBox dd strong,
.applicationBox2 dd strong{
font-weight: bold;
font-size: 28px;
display: block;
margin-bottom: 5px;
}

.applicationBox dd span,
.applicationBox2 dd span{
display: block;
font-size: 12px;
line-height: 18px;

}
.applicationBox2{
clear: left;
padding: 10px 0 20px 0;
overflow: hidden;
text-align: center;
}

.applicationBox2 dd{
padding: 20px 0 0 0
}

footer{
background: #231815;
text-align: center;
padding: 20px 0;
}

footer .innerFooter ul{
margin-bottom: 20px;
}


footer .innerFooter ul li{
display: inline-block;
border-right: 1px solid rgba(255,251,251,1.00)
}

footer .innerFooter  ul li a{
color:#FFFFFF;
display: block;
font-size: 12px;
padding: 0 15px;
margin-bottom:5px;
}
footer .innerFooter p{
color: rgba(151,151,151,1.00);
font-size: 10px;
}

.pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
	width:50px;
	height:50px;
	z-index:9999;
}

/*modal*/

div.modalF {
	position:fixed;
	display:none;
	z-index:9999;
	top:0;
	bottom:0;
	left:0%;
	right:0;
	width:95%;
	height:457px;
	margin:auto;
	padding:0;
	text-align:center;
	
}

@media screen and (min-width:560px) { 
div.modalF {
	position:fixed;
	/*display:none;*/
	z-index:9999;
	top:0;
	bottom:0;
	left:0%;
	right:0;
	width:85%;
	height:280px;
	margin:auto;
	padding:0;
	text-align:center;
	
}
div.modalF section {
	width:54%;
	display:inline-block;
	margin:0 0 0 -20px;
	padding:0;
	text-align:center;
	
}

div.modalF section img:nth-of-type(1){
	position:relative;
	left:40%;
}

div.modalF .btnBox{
	width:40%;
	margin:0!important;
	padding:0!important;
	display:inline-block;
	position:relative;
	top:-20px;
}

div.modalF span{
	display:block;
	font-size:10px!important;
	line-height:13px;
	clear:left;
}

}



.modalF span.closeBtn{
}

div.modalF .pr_box {
	background:#FFFFFF;
	box-shadow:10px 10px 10px rgba(0,0,0,0.4);
	padding:0 10px 10px;
}

div.modalF .pr_box img{
	max-width:100%;
	height:auto;
}

/*.pr_box img:hover {
	filter: alpha(opacity=50);
	-webkit-opacity:0.50;
	-moz-opacity:0.50;
	-ms-opacity:0.50;
	-o-opacity:0.50;
	opacity:0.50;
}*/


div.modalF strong{
	display:block;
	font-size:18px;
	line-height:28px;
	margin-bottom:10px;
}


div.modalF span{
	display:block;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

.close_modal.btnUnder {
	border-radius:5px;
	background:#F90;
	margin:10px 10px 0;
}

.close_modal.btnUnder a{
	color:#FFF!important;
	display:block;
	padding:5px;
	font-size:13px;
	text-decoration:none
}

#bnrBoxSingle{
	width:950px;
	margin:10px auto 0;
}

.btnTop{
	width:30px;
	height:30px;
	position:absolute;
	right:-5px;
	top:-5px;
}

.btnTop i{
	font-size:30px;
	color:#F90
}


/*-----------------------------------------------
sub
-------------------------------------------------*/

.titleSubBox{
	width:100%;
	height:140px;
	
}
.titleSubBox.season{
	background:url(../images/title/bg_main_season_1200.png) no-repeat 50% 0;
	background-size:cover;
}

.titleSubBox.sale{
	background:url(../images/title/bg_main_sale.png) no-repeat 50% 0;
	background-size:cover;
}

.titleSubBox.news{
	background:url(../images/title/im_bg_news_1200.png) no-repeat 50% 0;
	background-size:150% auto;
}

.titleSubBox.premium{
	background:url(../images/title/bg_main_premium_1200.png) no-repeat 50% 0;
	background-size:cover;
}

.titleSubBox.sale p{
	width:316px;
	height:142px;
	margin:0 auto;
	background:url(../images/title/im_main_sale.png) no-repeat 0 0;
	background-size:contain;
	position:relative;
	top:20px;
}

.titleSubBox.news p{
	width:272px;
	height:98px;
	margin:0 auto;
	background:url(../images/title/im_main_news.png) no-repeat 0 0;
	background-size:cover;
	position:relative;
	top:20px;
}
.titleSubBox.premium p{
	width:165px;
	height:141px;
	margin:0 auto;
	background:url(../images/title/im_main_premium.png) no-repeat 0 0;
	background-size:cover;
}


.titleSubBox.season p{
	width:228px;
	height:140px;
	margin:0 auto;
	background:url(../images/title/im_main_season.png) no-repeat 0 0;
	background-size:cover;
}
.titleSubBox p span{
	display:none

}

.titleSubBox p strong{
	display:none
}
#ankerNaviSub{
	text-align:center;
	margin-bottom:20px;
}

.tab01S#ankerNaviSub{
	margin-bottom:0!important
}

#ankerNaviSub ul{
	background:#333;
	padding:10px 0;
	letter-spacing:-0.4em;
	display:table;
	width:100%;
}

#ankerNaviSub li{
	display:table-cell;
	border-left:1px solid #666;
	letter-spacing:normal;
}
#ankerNaviSub li:first-child{
	border-left:none;
}
#ankerNaviSub li:last-child{
	border-right:none;
}

#ankerNaviSub li a{
	color:#FFF;
	font-size:12px;
	padding:8px 5px;
	display:block;
}



.plan2BoxSliderNavi .slick-current{
 opacity: 0.3;
}

.slider{
    opacity: 0;
    transition: 3s;
}
.slick-initialized{
    opacity: 1
}
.thumb{
	margin:10px 0 0 3%;
}

.thumb li{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   position:relative;
   margin:0 10px 0 0;
}

.thumb li:last-child{
	margin:0;
}

.thumb li.slick-current{
	opacity: 0.8;
}


.thumb li.slick-current::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: rgba(126,26,68,0.5) 2px solid;

}



/*-----------------------------------------------
pageNavi
-------------------------------------------------*/

.tabCommon{
border-bottom:solid #4f0928 5px;
text-align:center;
width:100%;

margin-bottom:10px;
letter-spacing:-0.4em;

}

.tabCommon li{
	display:inline-block;
font-size: 14px;
letter-spacing:normal;
cursor:pointer;

width: 49.6%;
color:#7e1a44;
margin:0 0 0 0;
text-align: center;
letter-spacing: normal;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e8e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e8e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e8e7',GradientType=0 ); /* IE6-9 */
border: 1px solid #7e1a44;
padding: 7px 5px;
border-bottom: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	    box-sizing: border-box;
}
.tabCommon li:nth-of-type(1){
	margin:0 0.8% 0 0;
}
.minM ul{
height:59px;
overflow:hidden;
}

.minM li{
	width:16.2%;
	height:28px;
	font-size:14px;
	margin:0 1px 0 0;
	letter-spacing:-0.05em;
overflow:hidden;
}
.minM li:nth-of-type(1){
	margin:0 1px 0 0;
}

.minM li:nth-of-type(6){
	margin:0
}

.minM li:nth-of-type(7),
.minM li:nth-of-type(8){
	width:49.4%;
	position:relative;
	top:-6px;
}

.minM li:last-of-type{
	margin:0
}

.minM li.notD{
	background:#CCC;
	color:#999;
	border:1px solid #999;
	border-bottom:none;
	pointer-events: none;
}

.tabCommon li.selecTabCommon,
.tabCommon li.selecTabCommon2,
.tabCommon li.selecTabCommon3{
background: #7e1a44;
color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c1943+0,4c0826+100 */
background: #7c1943; /* Old browsers */
background: -moz-linear-gradient(top,  #7c1943 0%, #4c0826 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7c1943 0%,#4c0826 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7c1943 0%,#4c0826 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c1943', endColorstr='#4c0826',GradientType=0 ); /* IE6-9 */

}



.tabCommon li {
	transition: 0.2s ;
}

.tabCommon li.selecTabCommon:hover,
.tabCommon li.selecTabCommon2:hover,
.minM li.notD:hover{
	opacity: 1!important;
	cursor:default;
}


.p-news_icon {
    background-color: #7e1a44;
}
.p-news_icon {
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    margin-right: 15px;
    width: 60px;
    display: inline-block;
    text-align: center;
}


.deptIcon{
    border: #871c48 1px solid;
    background-color: #f4e7ee;
    color: #871c48;
	display:inline-block!important;
padding: 5px 5px;
text-align: center;
margin-right: 8px;
font-size: 14px;
line-height: 14px;
margin-bottom: 5px;
white-space: nowrap;
}

.deptIcon{
    border: #871c48 1px solid;
    background-color: #f4e7ee;
    color: #871c48;
	display:inline-block!important;
padding: 5px 5px;
text-align: center;
margin-right: 8px;
font-size: 12px;
line-height: 14px;
margin-bottom: 5px;
white-space: nowrap;
}

.slick-dots{
	top:0!important
}

/**/

.tabAnker{
	text-align:center;
	display:block;
	margin:15px 5px 20px 0;
	letter-spacing:-0.4em;
}

.tabAnker a{
	font-size:13px;
	letter-spacing:normal;
	padding:8px 10px;
	margin:0 0 5px 8px;
	display:inline-block;
	border:2px solid #333;
	color:#333!important;
	-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background:#FFF;
}

.stitTT{
	background:#333333;
	display:block;
	color:#FFF;
	padding:10px;
	margin-bottom:30px;
	font-size:16px;
	font-weight:normal!important;
}

#a05.stitTT{
	background:#333333!important;
}




.bnrarea{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	list-style: none;
	margin: 20px 0 20px 0;
}


.bnrarea li{
	max-width: 400px;
	width: 48%;
	margin: 0 2% 0 2%;
}
.bnrarea li img{
	width: 100%;
}

/*-----------------------------------------------
popular banner (Add.2024.01.23)
-------------------------------------------------*/
.popular_bnr_wrap {
margin: 0 auto;
padding: 0 0 20px;
}

.popular_bnr_wrap li{
background: rgba(255,255,255,1);
margin: 0 4px;
}

.popular_bnr_wrap h2 {
text-align: center;
margin-bottom: 30px;
clear: both;
padding: 13px;
background: 0 0;
background-color: rgba(0, 0, 0, 0);
background-color: #7e1a44;
border-bottom: #8f7e39 2px solid;
position: relative;
z-index: 2;
text-align: center;
}
.popular_bnr_wrap h2 strong {
color: #fff;
font-size: 22px;
display: block;
}

.popular_bnr_wrap .summary {padding: 12px;}
.popular_bnr_wrap .headline {
font-size: 1em;
margin: 0;
font-weight: 700;
}
.popular_bnr_wrap .lead {
font-size:14px;
line-height: 1.8;
margin-top:8px;
}