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

/*module >component>library(contlor)*/
/*html {}*/

body{
	font-size: 14px;
	font-size: 1.4rem;
	color:#7E7E7E;  
}

/*--- flex --------------------------------------------------------------------------------------------------------------------------------------------*/
.ctrlFlex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 justify-content: space-around;
}

/*--- float -------------------------------------------------------------------------------------------------------------------------------------------*/
.flotLf { float: left;}
.flotRt {	float: right;}
.flotNo {	float: none !important;}
.flowHd {	overflow:hidden;}

/*--- Display control -----------------------------------------------------------------------------------------------------------------------------*/
.dispInli {	display: inline-block; }
.dispBlck {	display:block; }
.ofi { object-fit: cover; font-family: 'object-fit: cover;' }

/*--- fade control ---------------------------------------------------------------------------------------------------------------------------------*/
.ctrlFde-in {
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
}
.ctrlFde-up {
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	
	transition: transform 0.7s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}

/*--- font/text ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.fontMinc { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
.fontClr-R { color: #B80003; }
.fontClr-G { color: #CEAA1B; }

.fontSiz-32 { font-size: 32px; }
.fontSiz-48 { font-size: 48px; }

.fontWgt-b { font-weight:bold; }

.alinCt {	text-align:center; }
.alinRt { text-align:right; }
.alinLf { text-align:left; }
.alinCt-Rt { text-align:center; }

.emTitl {
	font-size: 140%;
	padding: 0 0 1em;	
}

.lineHgt-15{ 
	line-height: 1.5em;
	margin-bottom: 0.8em;
}


/*--- BG color -----------------------------------------------------------------------------------------------------------------------------------*/
.bgClr-O { background: #F93; }
.bgClr-B { background: #06C; }
.bgClr-R { background: #C03; }
.bgClr-G { background: #363; }

.txClr-W{ color: #ffffff !important;}
.txClr-G{ color:#CEAA1B !important;}

/*---tel no --*/
.tel-number {
    color:#CEAA1B;
    letter-spacing: 0.1em;
    text-decoration:none;
}

.blk-number a {
    color:#000;
    text-decoration:none;
}

/*--- img opacity --------------------------------------------------------------------------------------------------------------------------------*/
a.opacity:hover img {	opacity:0.6; }

/*--- ctrl offset --------------------------------------------------------------------------------------------------------------------------------*/
.ofstMgn-t { 
	position:relative;
  top:-50px; 
}

/*--- ctrl margin padding ------------------------------------------------------------------------------------------------------------------------*/
.mrgnCt { margin: 0 auto !important; }
.mrgnCt-t20 { margin-top:20px; }
.mrgnCt-t40 { margin-top:40px; }

.mrgnB-20 { margin-bottom:20px; }

.pdngL-10 { padding-left:10px; }
.pdngB-60 { padding-bottom:60px; }
.pdngB-30 { padding-bottom:30px; }

/*--- flame component ----------------------------------------------------------------------------------------------------------------------------*/
main {
	width:100%;
	height:auto;

	position: relative;
	z-index: 99;
}

.mainWrap {	}

.compCntnr  {
	width: 100%;
	clear: both;
}
.compCntns {
	clear: both;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 15;
}

.inerBox {
	width: 500px;
	margin: 0 auto 20px;
}

/*--- simply Scroll ----------------------------------------------------------------------------------------------------------------------------*/
.simply-scroll-container {
	position: relative;
}
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	margin-top:-1px;
}
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background:#1c2b6f;
}
.simply-scroll-list li {
	float: left;
	padding: 0;
	margin: 0;
	width: 300px;
	height:300px;
	background-color:#000000;
}
.simply-scroll-list li img {
	display: block;
	width: 100%;
	object-fit: cover;
}

/*--- contlor pagetop ----------------------------------------------------------------------------------------------------------------------------*/
#pageTop a {
	position:fixed;
	right:15px;
	bottom:65px;
	z-index:500;
	display: block;
	background:rgba(255,255,255,0.60);
	width: 40px;
	height: 40px;
	padding: 15px 10px;
}

#pageTop a:hover { opacity: 0.7; }

#pageTop a:after{
	content:"";
	display:block;
	width:20px;
	height:20px;
	border-top: #CEAA1B 2px solid;
	border-right: #CEAA1B 2px solid;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*--- contlor under button ------------------------------------------------------------------------------------------------------------------------*/
.libUfix {
	width:100%;
	padding: 0;
	bottom: 0;
	position:fixed;
	box-shadow: 2px 0 2px 0 gray;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	z-index: 999;
}

/*--- smartphon contlor ---------------------------------------------------------------------------------------------------------------------------*/
.spOnly { display: none !important; }

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- global header -------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--- header --------------------------------------------------------------------------------------------------------------------------------------*/
header {
	height: 80px;
	width: 100%;

	top: 0;
	position: fixed;
	z-index: 99999;

	background-color: rgba(255,255,255,0.9);
}

.hdLogo {
	position: absolute;
	top: 15px;
	left: 20px;
}

.hdLogo img {
	height: 50px;
}

.hdTeln {
	float: right;
	margin: 10px 20px 0 0;
	background-color:#CEAA1B;
	padding: 6px;
	line-height: 18px;
}

.hdTeln dt {
	padding: 0 0 8px 0;
	color: #ffffff;
}

.hdTeln dd {
	padding: 0 0 5px 0;
	font-size: 24px;
}
.hdTeln dd a { color: #ffffff; }

/*--- nav -----------------------------------------------------------------------------------------------------------------------------------------*/
#navarea {
	position:absolute;
	top: 40px;
	right: 250px;
}

#navarea a {
	margin:0 0;
	width:100%;
	display:block;
	
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; 
	/*color:#CEAA1B;*/
	color:#000;
}

nav>ul{	position:relative; }
nav>ul>li{
	display:inline-block;
	position:relative;
	margin:0 1px;
	padding: 0 1.5em;
}
nav li:before,nav li:after {
	position: absolute;
	top:32px;
	content: "";
	display: inline-block;
	width: 0;
	height: 1px; 
	background:#CEAA1B;
	transition: .3s;
}
nav li:before{ left: 50%; }
nav li:after{ right: 50%; }
nav li:hover:before,nav li:hover:after{	width: 50%; }

/*--- drawer --------------------------------------------------------------------------------------------------------------------------------------*/ 
.drawer-hamburger {	display:none; }

/*--- slider --------------------------------------------------------------------------------------------------------------------------------------*/
.tSlider {
	width: 100%;
	height: auto;
	min-height: 760px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position:center top;
}

.titlSlid {
	height:auto;
	left: 0;
	right: 0;
	/*bottom: 0;
	top: 45%;*/
	margin:20px auto 20px;
	padding:0 30px;

	/*position: absolute;*/
	
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	font-size: 20px;
	line-height: 1.6em;
	text-align:center;
	/*color: #ffffff;*/

}

/*--- footer --------------------------------------------------------------------------------------------------------------------------------------*/
.ftLogo {
	text-align: center;
}

.ftLogo img {
	height: 50px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- contents module -----------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--- A1 module -----------------------------------------------------------------------------------------------------------------------------------*/
.modCt_A1 {
	width: 100%;
	height: auto;
	min-height: 300px;
	
	margin: 90px 0 0;
			
	background: url("../img/top/bk.png") no-repeat right top;
	/*background-color: #F7F7F7;*/
	background-size: cover;
}

.modCt_A1 ul { 
	/*padding: 90px 0 50px;*/
}

.modCt_A1 ul li {	
	width: 50%;
	/*text-align: left;*/
	padding: 0 20px ;
}
.modCt_A1 ul li:first-child {
	width: 50%;
	/*text-align: right;*/
}

/*--- A2 module -----------------------------------------------------------------------------------------------------------------------------------*/
.modCt_A2 {
	width: 100%;
	height: auto;
	min-height: 520px;
		
	/*background: url("") no-repeat right top;*/
	/*background-color: #F7F7F7;*/
	background-size: cover;
}

/*--- B1 module -----------------------------------------------------------------------------------------------------------------------------------*/
.modCt_B1 {
	max-width: 1000px;
	width: 90%;
	
	margin: 0 auto;
	position: relative;

	clear: both;
	/*z-index: 15;*/
}

/*--- news module ---------------------------------------------------------------------------------------------------------------------------------*/
.modCt_NW {
	width: 100%;
	height: auto;
	min-height: 380px;
		
	/*background: url("") no-repeat right top;*/
	/*background-color: #F7F7F7;*/
	background-size: cover;
}

.newsInner {
	width: 90%;
	max-width: 1000px;

	margin: auto;
	margin-top: 12px;
	padding: 10px 30px;
	position: relative;
}

.newsInner ul {
	/*height: 280px;*/
	overflow-y: scroll;
}

.newsInner ul li{ padding: 16px 0; }
.newsInner ul li+li{ border-top: 1px dashed #dbdbdb; }
/*.newsList dt{ width:186px; }*/

.capIcon {
	padding: 3px;
	font-size: 80%;
	font-weight: bold;
	color: #fff;
	margin-left: 5px;
}

/*--- Scroll module -------------------------------------------------------------------------------------------------------------------------------*/
.modCt_SC {
	width: 100%;
	height: auto;
	min-height: 400px;
		
	margin: 90px 0 0;

	/*background: url("") no-repeat right top;*/
	background-color: #F7F7F7;
	background-size: cover;
}

/*--- Shop image ----------------------------------------------------------------------------------------------------------------------------------*/
.compSpimg li {
	margin-top: 20px;
	width: 16.66666%;
 /*height: 360px;*/
}

.compSpimg li img {
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4));
}


/*--- menu module ---------------------------------------------------------------------------------------------------------------------------------*/
.compMlist {
	/*max-width: 500px;
	width: 45%;*/
	max-width: 430px;
	/*margin: 0 auto;*/
}

.compMlist dl {
	padding: 0 10px;
	overflow:hidden;
	/*width: 420px;*/
}

.compMlist dl dt {
	float: left;
	width: 40%;
}
.compMlist dl dd {
	float: right;
	text-align:right;
	width: 60%;
}

.txtLine {
	max-width: 440px;
  margin-bottom: 8px;
	
  align-items: center;
  text-align: center;
  justify-content: center;
	
	font-size: 16px;
	font-weight: bold;
		
	display: flex;
	color: #000;
}

.txtLine:after {
  height: 1px;
	min-width: 20px;

  display: inline-block;
  vertical-align: middle;
  flex-grow: 1;

  content: "";
	
	background: #333;
}

.txtLine:after {
  margin-left: 20px;
}

/*--- Access --------------------------------------------------------------------------------------------------------------------------------------*/
.cmpAcs {
	min-width: 280px;
	margin: 40px auto 5px;
}

/*--------------*/
.cntA-l dl { }

.cntA-l dl dt {
	/*width: 20%;*/
	
	padding: 0px 10px 0px 10px;
	display: inline-block;
	
	color: #fff;
	background-color:#000000;		
}

.cntA-l dl dd {
	margin: 10px 0 20px 0;
}

/*--------------*/
.cntA-r dl { }

.cntA-r dl dt {
	/*width: 20%;*/

	padding: 0px 10px 0px 10px;
	display: inline-block;
	
	border: #000000 solid 1px;
}

.cntA-r dl dd {
	margin: 10px 0 20px 0;
	line-height: 1.8em;
}

/*--- footer --------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	margin: 40px 0 0 0;
	position:relative;
}

footer ul {
	font-size:13px;
	font-size:1.3rem;
	max-width:900px;
	width:90%;
	margin:15px auto;
}

footer ul li {
	width:110px;
	text-align:center;
}

footer small {
	padding: 3px 0;
	display: block;
	text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- media Query ---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--- <<1600 --------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1600px) {

/*--- slider ---*/ 
.tSlider {
	background-size:contain;
	background-position:center top;
}

}

/*--- >>1100 --------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { }

/*--- >>900 ---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 900px) {
	
/*--- gnav ---*/ 
#navarea {
	text-align: center;
	width:auto;
	position:relative;
}

nav{
	padding:0px 0 0 0;
	width:100%;
}
nav>ul{
	position:relative;
}
nav>ul>li{
	display:block;
	width:100%;
	margin:0 0;
	padding: 0;
	border-bottom: 1px solid #bebebe;
}
nav>ul>li.nav_logo {
	display:none;
}
nav>ul>li>a {
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:15px 0;
}
nav>ul>li>a:hover {
		text-decoration: none;
	}
nav>ul>li a:before {
	content: "";
	display:block;
	padding: 0;
}
nav li:before, nav li:after {
	background: none;
}

/*--- drawer ---*/ 	
.drawer-open {
	overflow: hidden !important;
}
.drawer-nav {
	position: fixed;
	z-index: 101;
	top: 0;
	overflow: hidden;
	width: 160px;
	height: 100%;
	background-color: #f4f4f4;
	border-left: 1px solid #bebebe;
}
.drawer-brand {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 3.75rem;
	display: block;
	padding-right: .75rem;
	padding-left: .75rem;
	text-decoration: none;
}
.drawer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.drawer-menu-item {
	font-size: 1rem;
	display: block;
	padding: .75rem;
	text-decoration: none;
	color: #222222;
}
.drawer-menu-item:hover {
	text-decoration: underline;
	color: #555555;
	background-color: transparent;
}
.drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}
.drawer-open .drawer-overlay {
	display: block;
}
.drawer--right .drawer-nav {
	right: -18rem;
	-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 16rem;
}
.drawer-hamburger {
	position: fixed;
	z-index: 104;
	top: 0;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	padding: 10px 10px 20px;
	margin: 5px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: rgba(190,190,190,0.60);
}
.drawer-hamburger:hover {
	cursor: pointer;
	/*background-color: transparent;*/
}
.drawer-hamburger-icon {
	position: relative;
	display: block;
	margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	width: 100%;
	height: 2px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	background-color: #ffffff;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	position: absolute;
	top: -8px;
	left: 0;
	content: ' ';
}
.drawer-hamburger-icon:after { top: 8px; }
.drawer-open .drawer-hamburger-icon {
	background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
	top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	
.sr-only {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto;
	margin: 0;
}

/*--- smartphon contlor ---------------------------------------------------------------------------------------------------------------------------*/
.pc-Only{ display: none; }	
.spOnly { display: block !important; }

/*--- shoop info ----------------------------------------------------------------------------------------------------------------------------------*/
.compSpimg li { width: 50%; }

/*--- access contlor ------------------------------------------------------------------------------------------------------------------------------*/
.cntA-l dl dt {	
	float: left;
	margin-right: 15px;
}
	
/*--- footer adjest -------------------------------------------------------------------------------------------------------------------------------*/
footer { margin-bottom: 80px; }	
	
}

/*--- >>660 ---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 660px) {

.tSlider {
	min-height:500px;
	background-size:cover;
}
	
.flotLf {	float: none;}
.flotRt {	float: none;}

/*--- A1 module -----------------------------------------------------------------*/

.modCt_A1 ul li {
	width: 100%;
 	margin: 0 auto;
}
	
.modCt_A1 ul li:first-child {
 width: 100%;
 text-align: center;
 margin: 0 auto 10px;
}
	
}

/*--- >>440 ---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 440px) {
	
.alinCt-Rt {	text-align:left; }

.compSpimg li { width: 100%; }

}


/*--- ancar -----------------------------------------------------------------------------------------------------------------------------------------*/

#an1, #an2, #an3, #an4, #an5, #an6 {
   margin-top:-55px;
  padding-top:55px;
}