@charset "utf-8"; 


/* WEB Fonts */
@font-face {
    font-family: "Hannari";
    src:url("../font/Hannari.otf");
}
/* WEB Fonts */


/*=============================== base ================================*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	color:#000;
	position: relative;
	letter-spacing: .02em;
	text-align: justify;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
strong {
	font-style:normal;
	font-weight: bolder;
}
em {
	font-style:normal;
	font-weight: bold;
}

fieldset {border:none}
hr { display: none ; }
.clear { clear: both ; }
.clearfix:after{
	content:".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;	
}
.clearfix{
	min-height:1px;
}

img {
	width: 100%;
	height: auto;
	vertical-align: top;
	border: 0 ;
}
a{
	color: #000;
	background: transparent;
	text-decoration: none;
}
.op a {
	opacity: 1.0;
	transition: opacity .3s;
}
.op a:hover {
	opacity: .6;
}
a img {
	line-height:0;
}
button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
input[type="text"],
textarea {
	background-color:#DCDDDD;
	width:100%;
}


.floatL{
	float: left;
	margin: 0 20px 12px 0;
}
.floatR{
	float: right;
	margin: 0 0 12px 20px;
}
.imgC{
	text-align: center;
	margin-bottom: 2em;
	clear: both;
}
.imgC a {
	outline-style:none;
}

.txtL {
	text-align: left;
}
.txtR {
	text-align: right;
}
.txtC {
	text-align: center;
}
.txt_small {
	font-size: 0.8em;
}
.bld {
	font-weight: bold;
}
.bld_L {
	font-weight: bold;
	font-size: 2rem;
}
.important {
	color: #FF0000;
}


/*
* font
*/

.yu_min {
	font-family : "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}




/*
* sp
*/
.is-sp {
	display:none;
}




/*=============================== レイアウト ================================*/
.l-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.l-container {
	width: 100%;
}
.l-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin:0;
}
.is-common .l-section {
	background-image: url(../images/bg_common_menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
	background-color: #000;
}








/*=============================== header ================================*/
.header {
	position:fixed;
	width: 100%;
	height: 50px;
	top:0;
	z-index:99;
	background-color:transparent;
	transition:all .5s ease;
}
.header_inner {
	width: 1080px;
	margin:0 auto;
	position: relative;
	height:100%;
	padding:0 60px;
}
.header .logo {
	position:relative;
	float:left;
	width:56px;
	height:38px;
	margin-top:7px;
	margin-left:29px;
}

.header_inner .logo a {
	display:block;
	outline-style:none;
	z-index:2;
}
.header_inner .logo img {
	width:100%;
	height:auto;
}
.header .is-normal,
.header .is-fixed {
	transition:opacity 3s ease;
}
.header .is-normal {
	z-index:2;
	opacity:1;
}
.header .is-fixed {
	z-index:1;
	opacity:0;
}
.header_navi {
	width:91px;
	float:right;
	transition:background .3s ease;
	display:flex;
	list-style:none;
}
.header_navi.is-sp {
	display:none;
}
.header_navi_item {
	width:30px;
	height:50px;
}
.navi_insta {
	width: 26px;
	margin-left: 5px;
}
.header_navi_item a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	position:relative;
}
.navi_tel a::before,
.navi_map a::before,
.navi_insta a::before {
	content:" ";
	display:block;
	position:absolute;
	width:16px;
	height:20px;
	background-image: url(../images/icon.svg);
	background-repeat: no-repeat;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition:opacity .3s ease;
}
.navi_tel a::before {
	background-position: 0px 0px;
}
.navi_map a::before {
	background-position: -15px 0px;
}
.navi_insta a::before {
	background-image: url(../images/icon_instagram.svg);
	background-position: 0 0;
	width: 20px;
}


/*
* onheader
*/
.header {
	background-color: transparent;
}
body[class$="Page"] .header,
body[class$="Hero"] .header{
 	background-color: #000;
}

.onheader .is-normal,
body:not(.fp-viewing-hero) .header .is-normal {
	opacity:0;
}
.onheader .is-fixed,
body:not(.fp-viewing-hero) .header .is-fixed{
	opacity:1;
}

/* 肉の焼き方 */
.is-home .l-header.header,
.howto .l-header.header {
	background-color: transparent;
}
.is-home .l-header.header.onheader,
.howto .l-header.header.onheader  {
	background-color: #000;
}



/*=============================== hero ================================*/


.hero {
	position:relative;
	width:100%;
	overflow: hidden;
	padding:0;
	background-repeat: no-repeat;
	background-position: center 0px;
}
.hero.is-home {
	/*height:100vh;
	min-height:600px;*/
}
.is-subpage .hero {
	margin-bottom:20px;
}
.is-subpage .hero_body {
	min-height: 180px;
	background-image: url(../images/bg_page_hero_subpage.jpg);
	background-repeat:no-repeat;
	background-position: center 0px;
	background-size:100% auto;
}



.hero_body {
	width:100%;
	height:100vh;
	background-image: url(../images/bg_page_hero_type1.jpg);
	background-size:cover;
}

/*
* スライダー
*/
.hero_slide {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.hero_slide_body {
	height:100%;
}
.hero_slide_inner {
	height:100%;
}
.hero_slide_item {
	width:100%!important;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	will-change: transform;
}
.bx-viewport,
.bx-wrapper,
.bx-window {
	width: 100%!important;
	height:100%!important;
}
.bx-controls {
	position:absolute;
	right:-5px;
	bottom:27px;
	z-index:100;
}
.bx-pager-item {
	margin-top:14px;
	width:10px;
	height:10px;
	text-indent:-9999px;
}
.bx-pager-item a {
	width:100%;
	height:100%;
	display:block;
	border-radius:30%;
	border:solid 1px #C0153D;
}
.bx-pager-item a.active {
	background-color:#C0153D;
}


.is-home .hero_contents {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	padding:0;
}
.is-subpage .hero_contents {
	padding-top:122px;
}
.hero_contents {
	padding:45px 0 0;
	width:100%;
	height:100%;
	position:relative;
}
.hero_contents_inner {
	max-width:1080px;
	margin:0 auto;
	height:100%;
	position:relative;
}
.hero_catch {
	width:202px;
	height:216px;
	z-index:100;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-101px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,1));
}




/*
* 新着情報
*/
.hero_news {
	color:#fff;
	width:344px;
	height:344px;
	position:absolute;
	top:137px;
	right:0;
	background-color:rgba(31,49,52,.8);
	padding:40px 40px 0;
}
@media screen and (max-width: 900px) {
	.hero_news {
		top:437px;
		left:50%;
		right: auto;
		margin-left: -172px;
	}
}
.hero_news_inner {
}
.hero_news_ttl {
	font-size:2.6rem;
	letter-spacing:.3em;
}
.hero_news_body {
	font-size:1.4rem;
	overflow:auto;
	height:200px;
	padding-right:15px;
}
.hero_news_body dt {
	margin-bottom:5px;
}
.hero_news_body dd {
	color:#fff;
	margin-bottom:10px;
	line-height: 1.3em;
	border-bottom: dashed 1px #fff;
	padding-bottom: 7px;
}
.hero_news_body dd a {
	color:#fff;
}
.hero_news_body dd a:hover {
	text-decoration:underline;
}




/*
* スクロールボタン
*/

.btn_scroll {
	width:42px;
	height:56px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-25px;
	z-index:5;
	cursor: pointer;
}
.btn_scroll span {
	display:block;
}
.btn_scroll a {
	color:#009FA8;
	display:block;
	width:50px;
	height:56px;
}
.btn_scroll_inner {
	position:relative;
}
.btn_scroll_arrow {
	width:40px;
	height:10px;
	margin-left:5px;
	margin-top: 10px;
	
	-webkit-animation: bound 1.5s ease-in infinite;
	-moz-animation: bound 1.5s ease-in infinite;
	-ms-animation: bound 1.5s ease-in infinite;
	-o-animation: bound 1.5s ease-in infinite;
	animation: bound 1.5s ease-in infinite;
}
@-webkit-keyframes bound {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px)
    }
}

@-moz-keyframes bound {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px)
    }
}

@-ms-keyframes bound {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px)
    }
}

@-o-keyframes bound {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px)
    }
}

@keyframes bound {
    0%,
    100% {
        -webkit-transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px)
    }
}







/*=============================== main_navi ================================*/

.main_navi {
	font-size:1.4rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:167px;
}
.main_navi_body {
	text-align:left;
}
.main_navi_item{
	display:inline-block;
	margin:0 0 0 8px;
	letter-spacing:.3em;
}
.main_navi_item a {
	color:#fff;
	font-size:1.5rem;
	outline-style: none;
	text-decoration: none!important;
	display: block;
	line-height:50px;
	position:relative;
	font-weight:normal;
	transition:color .5s ease;
}

.main_navi_item a:hover,
.main_navi_item.act a {
	color:#999;
}



/*=============================== メイン ===============================*/
#main {
	width: 100%;
}



























/*=============================== footer ===============================*/

footer {
	background-color: #fff;
}
.footer {
	color: #fff;
	background-color:#fff;
	clear: both;
	width: 100%;
	text-align: left;
	
}
.footer a {
	color: #fff;
	font-weight:normal;
	text-decoration:none;
}
.footer_inner {
	max-width:960px;
	margin:0 auto;
	padding-top:11px;
	padding-bottom:30px;
	position:relative;
}
.footer_catch {
	width:171px;
	margin:0 auto 63px;
}
.footer_logo {
	width:120px;
	height:82px;
	margin:0 auto 17px;
}





/*
* footer／フッターナビ
*/
.footer_navi {
	text-align:center;
	margin-bottom:49px;
}
.footer_navi_item {
	display:inline-block;
	margin-left:9px;
	margin-right:9px;
}
.footer_navi_item a {
	font-size:1.6rem;
	color:#231815;
	letter-spacing:.2em;
	display:block;
	position:relative;
}
.footer_navi_item a::before {
	content:" ";
	display:block;
}




/*
* footer／vcard
*/

.vcard {
	color:#231815;
	font-size:1.6rem;
	text-align:center;
	letter-spacing:.1em;
	line-height:1.5em;
	margin-bottom:28px;
}
.vcard .adr {
	margin-bottom:6px;
}
.tel a {
	color:#231815;
	font-size:2rem;
}





/*
* footer／サブナビ
*/

.footer_sub_navi {
	width:91px;
	transition:background .3s ease;
	display:flex;
	list-style:none;
	margin:0 auto;
}
.footer_sub_navi_item {
	width:30px;
	height:50px;
}
.footer_sub_navi a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	position:relative;
}
.footer_sub_navi .navi_tel a::before,
.footer_sub_navi .navi_map a::before,
.footer_sub_navi .navi_insta a::before{
	content:" ";
	display:block;
	position:absolute;
	width:16px;
	height:21px;
	background-image: url(../images/icon.svg);
	background-repeat: no-repeat;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition:opacity .3s ease;
}
.footer_sub_navi .navi_tel a::before {
	background-position: 0px -20px;
}
.footer_sub_navi .navi_map a::before {
	background-position: -15px -20px;
}
.footer_sub_navi .navi_insta a::before {
    background-image: url(../images/icon_instagram.svg);
    background-position: 0 -20px;
    width: 20px;
}




/*
* footer／コピーライト
*/
.footer_copyright {
	text-align:center;
}
.footer_copyright small {
	font-size:1.4rem;
	color:#231815;
	letter-spacing:0;
}









/*
* ページトップ
*/
.page_top {
	position:fixed;
	bottom:20px;
	right:20px;
	text-indent:-9999px;
}
.page_top a {
	display:block;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color: rgba(0,0,0,.6);
	background-repeat: no-repeat;
	background-position:center 14px;
	background-image:url(../images/arrow_pagetop.svg);
	transition:opacity 0.2s ease;
}
.page_top a:hover {
	opacity:.5;
}

/* 例外 
@media screen and (min-width: 800px) {
}
*/





/*================================ 先読み ===============================*/

.img_set img {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 0;
opacity: 0;
}



/*================================icon===============================*/


.l-wrap .blank_icon {
	padding: 0px 18px 0px 0px;
	background: url(../images/icon_blank.svg) no-repeat right center;
}
.l-wrap .pdf_icon{
	background: url(../images/pdf_icon.gif) no-repeat right center;
	padding: 0px 18px 2px 0px;
}






/*================================ fullpage ===============================*/

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
	
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}