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

/* PC　スマホ　切り替え
----------------------------------------------------*/

.sp-disp {
	display:none !important;
}
.pc-disp{
	display: block !important;
}
@media only screen and (max-width: 767px) {
.sp-disp {
	display: block !important;
}
.pc-disp{
	display: none !important;
}
}

/* 共通部分
----------------------------------------------------*/
.img-w100percent{
	width:100%;
}
.sec-wrapper{
	padding:0 20px !important;
}
.sec-border{
	margin:30px 0;
	border-bottom:1px solid #979797;
}
@media only screen and (max-width: 767px) {
.sp-img-100percent{
	width:100%;
}
}

/* sp-menu
----------------------------------------------------*/
#sp-menu {
	display:none;
}
@media only screen and (max-width: 767px) {
#sp-menu {
	display:block;
}
}

.drawer-nav{
	background:#000000;
}
.drawer-menu{
	background:#000000;
}

.drawer-menu li{
	padding:10px 20px;
	background:#000000;
}
.drawer-menu li a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
}

/* header
----------------------------------------------------*/
#header {
	position:fixed;
	width:100%;
	min-width:1000px;
	height:50px;
	top:0;
	margin:0 auto 0 auto;
	z-index:100;
	overflow:hidden;
	background: url(../img/common/bg.jpg);
	
	transition: .3s;
}
#header #header-inner {
	height:50px;
	margin:0 auto;
	position: relative;
}
@media only screen and (max-width: 767px) {
#header {
	position:fixed;
	top:0 !important;
}
}

/*  ========================= logo */
#header #header-inner #logo{
	position:absolute;
	top:11px;
	left:15px;
	z-index:10002;
}
#header #header-inner #logo img{
	width:150px;
}
@media only screen and (max-width: 767px) {
#header {
	height: auto !important;
}
#header #header-inner #logo{
}
#header #header-inner #logo img{
	width:80%;
}
}

/*  ========================= group-navi */

#header #header-inner #global-navi{
	text-align:center;
	*zoom: 1;
}
#header #header-inner #global-navi li{
	display:inline-block;
	margin:0;
	font-family: 'Oswald', sans-serif;
	font-size:10px; font-size:1.0rem;
}

#header #header-inner #global-navi li a {
	display: inline-block;
	width: 90px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 0;
	outline: none;
}
#header #header-inner #global-navi li a::before,
#header #header-inner #global-navi li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#header #header-inner #global-navi li a,
#header #header-inner #global-navi li a::before,
#header #header-inner #global-navi li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#header #header-inner #global-navi li a {
	position: relative;
	-webkit-perspective: 90px;
	perspective: 90px;
	background: #333;
}
#header #header-inner #global-navi li a span {
	display: block;
	position: absolute;
	width: 90px;
	height: 60px;
	text-align: center;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
#header #header-inner #global-navi li a span:nth-child(1) {
	background:#ff8a00;
	color: #fff;
	margin-top:60px;
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index:100;
}
#header #header-inner #global-navi li a span:nth-child(2) {
	background: url(../img/common/bg.jpg);
	color: #333;
	margin-top:0;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index:1;
}
#header #header-inner #global-navi li a:hover span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
#header #header-inner #global-navi li a:hover span:nth-child(2) {
	margin-top:-60px;
}
@media only screen and (max-width: 767px) {
#header #header-inner #global-navi{
	display:none;
}
}

/*  各ナビon設定 */
.home #header #header-inner #global-navi #g-n-home span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.about #header #header-inner #global-navi #g-n-about span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.menu #header #header-inner #global-navi #g-n-menu span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.shoplist #header #header-inner #global-navi #g-n-shop span:nth-child(1),
.prefecture #header #header-inner #global-navi #g-n-shop span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.gallery #header #header-inner #global-navi #g-n-gallery span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.careers #header #header-inner #global-navi #g-n-careers span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}
.contact #header #header-inner #global-navi #g-n-contact span:nth-child(1) {
	background:#ff8a00;
	margin-top:0;
}

/*  ========================= primary-navi */
#header #header-inner #primary-navi{
	position:absolute;
	top:12px;
	right:10px;
	z-index:10002;
	font-size:7px; font-size:0.7rem;
}
#header #header-inner #primary-navi li{
	display:inline-block;
	margin-left:5px;
}

#header #header-inner #primary-navi li a{
	text-decoration:none;
}

/* contents
----------------------------------------------------*/
/*  ========================= section ブロック */
.section{
	width:100%;
	margin-top:70px;
}
.section02{
	width:100%;
	margin:0 auto;
}
.sec-block{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:30px 0;
	box-sizing:border-box;
}
.sec-block02{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0 0;
	box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
.section{
	width:100%;
	margin-top:30px;
}
.sec-block{
	margin:0 auto;
	padding:20px 20px;
}
.sec-block02{
	margin:0 auto;
	padding:0 20px;
}
}
/*  ========================= ページタイトル */
#page-title-block{
	position:relative;
	text-align:center;
	width:100%;
	height:600px;
	overflow:hidden;
	margin-top:50px;
}
#page-title-block #page-title{
	position:absolute;
	top:250px;
	width:100%;
	text-align:center;
	
	font-size:46px; font-size:4.6rem;
	line-height:130%;
	letter-spacing:3px;
	font-family: 'Oswald', sans-serif;
	color:#FFFFFF;
	
	z-index:1;
	
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.6));
}
#page-title-block #page-title-img{
	position:relative;
	width:100%;
	z-index:0;
	margin-top:-10%;
}
@media only screen and (max-width: 767px) {
#page-title-block{
	height: auto;
}
#page-title-block #page-title{
	top:35%;
	
	font-size:26px; font-size:2.6rem;
}
}

/*  ========================= セクションタイトル */
.sec-title{
	font-size:46px; font-size:4.6rem;
	font-weight:100;
	line-height:130%;
	letter-spacing:3px;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-top:30px;
}
.sec-title-top{
	margin-top:50px;
}
.sec-shoulder{
	font-size:14px; font-size:1.4rem;
	font-weight:100;
	line-height:150%;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-top:30px;
	padding:0 20px;
	box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
.sec-title{
	font-size:26px; font-size:2.6rem;
	line-height:130%;
}
.sec-shoulder{
	font-size:12px; font-size:1.2rem;
	font-weight:100;
	line-height:150%;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-top:10px;
}
}

/*  ========================= 日本語　英語　左右配置 */
.explanation-block{
	margin-top:30px;
}
.explanation-block .e-b-jp{
	float:right;
	width:480px;
}
.explanation-block .e-b-en{
	float:left;
	width:480px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
@media only screen and (max-width: 767px) {
.explanation-block .e-b-jp{
	float: none;
	width:100%;
	margin-top:20px;
}
.explanation-block .e-b-en{
	float: none;
	width:100%;
}
}

/*  ========================= 日本語　英語　上下配置 */
.explanation-block02{
	margin-top:30px;
}
.explanation-block02 .e-b-jp{
}
.explanation-block02 .e-b-en{
	margin-top:20px;
}
@media only screen and (max-width: 767px) {
.explanation-block02 .e-b-jp{
	float: none;
	width:100%;
	margin-top:20px;
}
.explanation-block .e-b-en{
	float: none;
	width:100%;
}
}

/*  ========================= ボタン */

.button {
	width: 270px;
	height: 35px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	outline: none;
	overflow:hidden;
}
.button a{
	display:block;
	width: 270px;
	height: 35px;
	background:url(../img/common/button_arrow.png) no-repeat 15px 50% #555555;
	
	color:#ff8a00;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	
	-webkit-transition: all .2s;
	transition: all .2s;
}
.button a:hover{
	background:url(../img/common/button_arrow.png) no-repeat 18px 50% #333333;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	-webkit-perspective: 270px;
	perspective: 270px;
}
.button span {
	width: 270px;
	height: 35px;
	
	display: block;
	position: absolute;
	text-align: center;
	line-height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	margin-top:0;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index:1;
}
.button span:nth-child(2) {
	margin-top:35px;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index:1;
}
.button:hover span:nth-child(1) {
	margin-top:-35px;
}
.button:hover span:nth-child(2) {
	margin-top:0;
}
@media only screen and (max-width: 767px) {
.button {
	width: 100%;
	max-width: 270px;
}
.button a{
	width: 100%;
}
.button {
	-webkit-perspective: 100%;
	perspective: 100%;
}
.button span {
	width: 100%;
}
}

/*  ========================= ボタン2 */

.button02 {
	width: 450px;
	height: 100px;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	line-height: 100px;
	outline: none;
	overflow:hidden;
}
.button02 a{
	display:block;
	width: 450px;
	height: 100px;
	border:3px solid #333333;
	background:url(../img/common/button02_arrow_off.png) no-repeat 20px 50%;
	box-sizing:border-box;
	
	color:#333333;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	
	-webkit-transition: all .2s;
	transition: all .2s;
}
.button02 a:hover{
	background:url(../img/common/button02_arrow_on.png) no-repeat 23px 50% #333333;
}

.button02::before,
.button02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button02,
.button02::before,
.button02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button02 {
	position: relative;
	-webkit-perspective: 450px;
	perspective: 450px;
}
.button02 span {
	width: 450px;
	height: 100px;
	
	display: block;
	position: absolute;
	text-align: center;
	line-height: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button02 span:nth-child(1) {
	margin-top:0;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index:1;
}
.button02 span:nth-child(2) {
	margin-top: 100px;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index:1;
}
.button02:hover span:nth-child(1) {
	margin-top:-100px;
}
.button02:hover span:nth-child(2) {
	margin-top:0;
	color:#ffffff;
}
@media only screen and (max-width: 767px) {
.button02 {
	width: 100%;
	height: 80px;
	line-height: 80px;
}
.button02 a{
	width: 100%;
	height: 80px;
	
	font-size:12px; font-size:1.2rem;
}
.button02 {
	position: relative;
	-webkit-perspective: 100%;
	perspective: 100%;
}
.button02 span {
	width: 100%;
	height: 80px;
	
	line-height: 80px;
}
.button02 span:nth-child(1) {
	margin-top:0;
}
.button02 span:nth-child(2) {
	margin-top: 80px;
}
.button02:hover span:nth-child(1) {
	margin-top:-80px;
}
.button02:hover span:nth-child(2) {
	margin-top:0;
	color:#ffffff;
}
}


/*  ========================= スライド */
.slide{
	max-width:1000px;
	width:100%;
	margin:0 auto 20px auto;
}
.slide .slide-list{
	width:100%;
}
.slide .slide-list li{
	margin-left:6px;
	box-sizing:border-box;
	width:300px;
}
.slide .slide-list li .s-l-block{
	background:#FFFFFF;
	padding:20px;
}
.slide .slide-list li .s-l-block img{
	width:100%;
	height: auto;
}
.slide .slide-list li .s-l-block .s-l-b-date{
	margin:10px 0;
}

.slide .slick-dots{
}
.slide .slick-dots li{
    background: #cccccc;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.slide .slick-dots li.slick-active{
    background: #ea5404;
}
.slide .slick-dots li button{
	display:none;
}
.slide .slick-prev{
	background: url(../img/common/arrow_prev.png) no-repeat;
}
.slide .slick-next{
	background: url(../img/common/arrow_next.png) no-repeat;
}
@media only screen and (max-width: 767px) {
.slide .slide-list li{
	margin:0 6px;
}
.slide .slick-dots li{
    background: none !important;
}
.slide .slick-prev,
.slide .slick-next{
    background: none !important;
}
}


/* pagetop
---------------------------------------- */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	font-size: 0;
	z-index:1000;
}
@media only screen and (max-width: 840px) {
#page-top {
	bottom: 10px;
	right: 10px;
	font-size: 0;
}
#page-top img{
	width:50px;
}
}

/* フッター
----------------------------------------------------*/
#footer{
	margin-top:50px;
	padding:30px 0 50px 0;
	text-align:center;
}
#footer ul.footer-navi{
	margin-bottom:20px;
}
#footer ul.footer-navi li{
	display:inline-block;
	margin:0 10px;
}
#footer ul.footer-navi li a{
	text-decoration: none;
}
#footer ul.footer-navi li a:hover{
	text-decoration: none;
}

/*  ========================= group-navi */
#footer #footer-copyright{
	text-align:center;
	font-size:7px; font-size:0.7rem;
}