@charset "UTF-8";

main { position: relative; background-color:#f2f2f2; padding-left:40px; }
.serif { font-family:'Playfair Display', 'YuMincho', '游明朝','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; }
.pcOnly { display: none; }
@media (min-width: 768px){
	main { padding-left:50px; }
	.spOnly { display: none; }
}
@media (min-width: 960px){
	main { padding:0; }
	.pcOnly { display: block; }
}

@media (min-width: 320px){
	.hero { position: relative; width:100%; height: calc(100vh - 60px) }
	.hero .logo { position: absolute; left:50%; top:50%; width: 150px; height: 100px; margin:-50px 0 0 -75px; }
	.hero .logo svg { display: block; width: 100%; height: 100%; }
	.hero .scroll { position: absolute; left:50%; bottom:0; width: 100px; margin-left: -50px; height: 60px; font-size: 12px; color:#333; text-align: center; }
	.hero .scroll::after { content:""; position: absolute; left:50%; bottom:0; width: 1px; height: 20px; background-color:#999; }
	.hero .sns { position: absolute; top:20px; right: 20px; }
	.hero .sns li { display: inline-block; padding:5px; }
	.hero .sns li a { display: block; transition: opacity .3s linear; }
	.hero .sns li a svg { width: 20px; height: 20px; }

}
@media (min-width: 768px){
	.hero .logo { width: 300px; height: 200px; margin:-120px 0 0 -150px; }
	.hero .sns li a:hover { opacity: .6; }
}

@media (min-width: 320px){
	.sidebar { position: fixed; top:60px; left:0; width: 40px; height: calc(100vh - 60px); background-color:rgba(0,0,0,0.6); color:#fff; z-index: 10; }
	.sidebar nav { position: absolute; top: 45%; left: -55%; transform: rotate(90deg) translate(0, 135px); width: 350px; height: 40px; }
	.sidebar nav ul { text-align: center; }
	.sidebar nav li { position: relative; display: inline-block; transition: color .3s linear 0s; cursor: pointer; margin:0 10px; }
	.sidebar nav li a { font-size:12px; color:#fff; }
}
@media (min-width: 768px){
	.sidebar { width: 50px; }
	.sidebar nav { top: 50%; transform: rotate(90deg) translate(0, 130px); }
}

@media (min-width: 320px){
	.section-line { position: relative; padding:60px 0; }
	.section-line::before,
	.section-line::after { content:""; display: block; position: absolute; left:50%; width: 1px; height: 30px; background-color:#999; }
	.section-line::before { top:0; }
	.section-line::after { bottom:0; }
	.section-line.no-bottom::after { display: none; }
	.section-line.line-wh::before,
	.section-line.line-wh::after { background-color:#fff; }
	.section-inner { position: relative; width: 100%; max-width: 1080px; padding:0 15px; margin:0 auto; }
	.section-inner.min {max-width: 1000px;}
	.section-title { text-align: center; padding:20px 0; }
	.section-title h3 { font-size:30px; letter-spacing: 1px; color:#999; }
	.section-title h2 { font-size: 14px; letter-spacing: 1px; margin-top: 20px; }
	.section-title p { font-size: 12px; margin-top: 10px; }
	.section-title.color-wh { color:#fff; }
	.section-title.color-wh h3 { color:#fff; }
	.ichigo-bg p {position: absolute; right: 10px; bottom: 20px; font-size:0.05em;}
}
@media (min-width: 768px){
	.section-line { padding:80px 0; }
	.section-line::before,
	.section-line::after { height: 40px; }
	.section-inner { padding:0 30px; }
	.section-title h3 { font-size: 45px; }
	.section-title h2 { font-size: 18px; margin-top: 30px; }
	.section-title p { font-size: 13px; }
	.copy_sanrio{
		position: relative;
		left:50px;
	}
}
@media (min-width: 960px){
	.section-inner { padding:0 100px; }
	.section-title h2 { font-size: 24px; }
	.section-title p { font-size: 14px; }
}

/* pickup*/
@media (min-width: 320px){
	#pickup .section-line{ background:#fafafa;}
	#pickup .pdf { position: relative; display: inline-block; margin-top: 0; color:#111; letter-spacing: 1px; line-height: 24px; padding-right: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	#pickup .pdf::after { content:""; position: absolute; right: 40px; top:50%; width: 20px; height: 20px; margin-top: -12px; background-size: 20px 20px; background-image: url(../img/pdf-bk.png); }
	#pickup .sec { margin-top:70px;}
	#pickup .text p span { font-size: 0.8em; color:#555555; }
}
@media (min-width: 768px){
	#pickup .sec  { margin:50px 0; }
	#pickup .sec .text { float: right; width: 50%; padding-left: 50px; }
	#pickup .sec .img { float: left; width: 50%; margin:0; }
	#pickup .sec .text p { font-size: 14px; margin:20px 0; letter-spacing: 1px; }
}
@media (min-width: 960px){
	#pickup .sec .text { position: relative; right:0; top:0; height: 100%;  }
}



/* concept */
@media (min-width: 320px){
	.concept-sec { position: relative; width: 100%; }
	.concept-sec .text { width: 100%; display: block; }
	.concept-sec .text p { font-size: 12px; line-height: 1.9; margin:10px 0; }
	.concept-sec .img { width: 100%; display: block; margin:20px 0; }
	.concept-sec .img img { width: 100%; display: block; }
}
@media (min-width: 768px){
	.concept-sec { margin:50px 0; }
	.concept-sec .text { float: left; width: 50%; padding-right: 20px; }
	.concept-sec .img { float: right; width: 50%; margin:0; }
	.concept-sec.turn .text { float: right; width: 40%; padding:0 0 0 20px; }
	.concept-sec.turn .img { float: left; width: 50%; }
	.concept-sec .text p { font-size: 14px; margin:20px 0; letter-spacing: 1px; }
}
@media (min-width: 960px){
	.concept-sec { margin:70px 0; }
	.concept-sec .text { position: absolute; left:0; top:0; height: 100%; width: 400px; }
	.concept-sec.turn .text { left:auto; right: 0; width: 400px; }
}

/* menu */
@media (min-width: 320px){
	#menu { background-image: url(../img/menu-bg.jpg); background-position: center; background-size: cover; }
	.menu-sec .pdf { position: relative; display: inline-block; margin-top: 40px; color:#fff; font-size: 16px; letter-spacing: 1px; line-height: 24px; padding-right: 30px; }
	.menu-sec .pdf::after { content:""; position: absolute; right: 40px; top:50%; width: 20px; height: 20px; margin-top: -12px; background-size: 20px 20px; background-image: url(../img/pdf.png); }
}
@media (min-width: 960px){
	.menu-sec .pdf:hover { background: #fff; color:#222; }
	.menu-sec .pdf:hover::after { background-image: url(../img/pdf-bk.png); }
}

/* information */
@media (min-width: 320px){
	#information { background-color:#333; }
	.info-sec { position: relative; display: block; width: 100%; margin:30px 0; }
	.info-sec .info { position: relative; display: block; width: 100%; color:#444; margin:0 0 20px;}
	.info-sec .info h2 { font-size: 18px; }
	.info-sec .info img { display: block; width: 100%; margin:20px 0; }
	.info-sec .info h4 { font-size: 15px; margin:10px 0; }
	.info-sec .info p { font-size: 13px; }
	.info-sec .info table { width: 100%; margin: 0; }
	.info-sec .info table th,
	.info-sec .info table td { font-size: 13px; text-align: left; vertical-align: top; border-top: 1px solid #666; color:#fff; padding:10px 0; }
	.info-sec .info table th { width: 80px; }
	.info-sec .info table td a { color:#569279; text-decoration: underline; }
	.info-sec .info table td a.sns { display: inline-block; margin-right:10px; padding:5px 0; transition: opacity .3s linear; }
	.info-sec .info table td a.sns svg { fill:#fff; width: 20px; height: 20px; }
	.info-sec .map { position: relative; display: block; width: 100%; }
	.info-sec .map #map { display: block; width: 100%; height: 240px; margin-bottom: 10px; }
	.info-sec .map .view-gm { display: block; width: 100%; text-align: right; color:#fff; font-size: 13px; }
	.info-sec .info table td a.sns { display: inline-block; margin-right:10px; padding:5px 0; transition: opacity .3s linear; }
	.info-sec .info table td a.sns svg { fill:#fff; width: 20px; height: 20px; }
    
    .info-sec .info table td.btn_reser a {text-decoration: none; display:block; border: 1px solid #fff; padding: 8px;margin: 0;color: #fff; text-align: center; background-color:#a28458;}
    .info-sec .info table td.btn_reser a:hover { background-color: #fff; color:#999; }
    .info-sec .info table td.btn_tenpo a {text-decoration: none;display: block;border: 1px solid #fff;padding: 8px; margin: 0 0 15px 0; color: #fff; text-align: center;}
    .info-sec .info table td.btn_tenpo a:hover { background-color: #fff; color:#999; }
	.info-sec .linkicon { position: relative; display: inline-block; margin-top: 40px;  }
    .info-sec .linkicon::before  { content:""; position: absolute; right: 40px; top:50%; width: 15px; height: 15px; margin-top: -8px; background-size: 15px 15px; background-image: url(../img/pdf.png); }
    
    

}
@media (min-width:768px){
	.info-sec .info { width: 50%; float: left; padding-right: 20px; }
	.info-sec .map { width: 50%; float: right; padding-left: 20px;}
	.info-sec .map #map { height: 385px; }
	.info-sec .info table td a.sns:hover { opacity: .6; }
}
@media (min-width:960px){
	.info-sec .info h2 { font-size: 22px; }
	.info-sec .info h4 { font-size: 17px; }
	.info-sec .info p { font-size: 14px; }
	.info-sec .info table th,
	.info-sec .info table td { font-size: 14px; }
	.info-sec .info table th { width: 90px; }
}


.ichigo-col { position: relative; display: block; margin:40px auto; width: 100%; cursor: pointer; box-shadow: 0 0 0 1px #fff; transition: all .3s linear;  }
.ichigo-col > img { display: block; width: 100%;}
.ichigo-bg { position: relative; width: 100%; height: 0; padding-bottom: 60%; background-image:url(../img/009.jpg); background-size: cover; background-position: center; transition: opacity .3s linear; }
.ichigo-bg p{position: absolute ;right: 10px; bottom: 0px; font-size: 0.05em;}
.ichigo-text { position: relative; padding:20px; background-color: #f6e2ed; transition: background-color .3s linear; }
.ichigo-text h2 { font-size: 14px; }
.ichigo-text h3 { font-size: 14px; margin:5px 0 15px; }
.ichigo-text h3 sub { bottom:0; }
.ichigo-text p { font-size: 11px; }
.ichigo-btn { position: relative; padding:10px; text-align: center; background-color: #fad1e7; font-size: 14px; transition: background-color .3s linear; }
@media (min-width: 370px){
	.ichigo-text h2 { font-size: 18px; }
	.ichigo-text h3 { font-size: 16px; }
	.ichigo-text p { font-size: 12px; }
	.ichigo-bg p{position: absolute ;right: 10px; bottom: 5px; font-size: 5px;}
}
@media (min-width:768px){
	.ichigo-bg { position: absolute; right: 0; top:0; width: 50%; height: 100%; padding:0; }
	.ichigo-text,
	.ichigo-btn { width: 50%; }
}
@media (min-width:960px){
	.ichigo-col { width: 820px; }
	.ichigo-text { padding:30px; }
	.ichigo-col:hover { box-shadow: 0 0 0 10px #fff; }
}
@media (min-width:1080px){
	.ichigo-col { width: 940px; margin:60px auto; }
	.ichigo-text h2 { font-size: 21px; }
	.ichigo-text h3 { font-size: 20px; }
	.ichigo-text p { font-size: 14px; }
	.ichigo-btn { font-size: 16px; }
	a:hover .ichigo-bg { opacity: .8; }
	a:hover .ichigo-text { background-color: #e8f1f5; }
	a:hover .ichigo-btn { background-color: #d1edfa; }
}


/* instagram */
.instagram { display: flex; background-color:#fff;}
.instagram>a { display: flex; margin: 50px auto; flex-direction: column; align-items: center; }
.instagram p { font-size: 16px; margin: 10px 0; letter-spacing: 1px; }
.instagram .img { width: 38px; }

/* News */
#news{padding-bottom:50px; background-color:#F5F5F5;}
#news .section-title{margin-bottom:30px;}
#news li { border-bottom:dotted 1px #ccc; margin-bottom:20px; padding:5px auto 10px;}
#news h2 {font-size: 13px; font-weight: bold;}
#news h2 span{font-weight:normal; margin-left:10px;font-size: 90%; letter-spacing:1.4px;}
#news p { margin-bottom:5px; margin-left:15px;}
#news a{text-decoration:underline; color:#C58192;}
#news .table-cell{display:block;}
@media (min-width: 768px){
#news .section-inner { padding:0 90px; }
}
@media (min-width: 960px){
#news .section-inner { padding:0 150px; }
}

/* news_page */
    #news_page h2 {font-size: 25px; border-bottom:dotted 1px #aaa; margin-bottom:20px; padding-bottom: 10px; }
    #news_page p { margin-bottom:5px;}
    #news_page {padding-bottom:30px;}
    #news_page .date{font-size:80%;  margin-top:30px; padding: 2px 6px; letter-spacing: 2px; font-weight: bold; margin-bottom: 5px; }
    #news_page .endlogo {text-align:center; width:50%; margin:70px auto;}
    @media (min-width: 768px){
    #news_page .section-inner { padding:0 90px; }
    }
    @media (min-width: 960px){
    #news_page .section-inner { padding:0 150px; }
    }
        .line{text-decoration: line-through;}



/*
 * jQuery FlexSlider v2.6.4
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
 .flex-container a:hover,
 .flex-slider a:hover { outline: none; }
 .slides,
 .slides > li,
 .flex-control-nav,
 .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
 .flex-pauseplay span { text-transform: capitalize; }
 /* ====================================================================================================================
	* BASE STYLES
	* ====================================================================================================================*/
 .flexslider { margin: 0; padding: 0; }
 .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
 .flexslider .slides img { width: 100%; display: block; }
 .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 html[xmlns] .flexslider .slides { display: block; }
 * html .flexslider .slides { height: 1%; }
 .no-js .flexslider .slides > li:first-child { display: block; }
 /* ====================================================================================================================
	* DEFAULT THEME
	* ====================================================================================================================*/
 .flexslider { position: relative; zoom: 1; margin: 30px 0; }
 .flexslider .slides { zoom: 1; }
 .flexslider .slides img { height: auto; -moz-user-select: none; }
 .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
 .loading .flex-viewport { max-height: 300px; }
 .carousel li { margin-right: 5px; }
 .flex-direction-nav { *height: 0; }
 .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
 .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }
 .flex-direction-nav a.flex-next:before { content: '\f002'; }
 .flex-direction-nav .flex-prev { left: -50px; }
 .flex-direction-nav .flex-next { right: -50px; text-align: right; }
 .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
 .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
 .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
 .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
 .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
 .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
 .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
 .flex-pauseplay a:hover { opacity: 1; }
 .flex-pauseplay a.flex-play:before { content: '\f003'; }
 .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
 .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
 .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
 .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
 .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
 .flex-control-thumbs { margin:0; position: static; overflow: hidden; }
 .flex-control-thumbs li {width: 19%;float: left;margin: 3px 1% 0 0;background-color:#000;}
 .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .5; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
 .flex-control-thumbs img:hover { opacity: 1; }
 .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
 @media (min-width: 768px){
	 .flexslider {padding-left: 200px;}
	 .flex-control-thumbs {position: absolute;left:0;top:0;width: 200px;}
	 .flex-control-thumbs li { width: 70px; padding:0; margin:0 15px 15px 0; }
 }


/*circle icon*/
#page-top {
    position: fixed;
    bottom: 55px;
    right: 20px;
    font-size: 77%;
    opacity: 0.9;
    visibility: visible;
    z-index: 9999;
}
#page-top a {
    background: #333;
    text-decoration: none;
    width: 80px;
	height:80px;
    padding-top: 3px;
    text-align: center;
    display: block;
    border-radius: 50%;
	box-shadow: 0 0 5px 0  rgba(0, 0, 0, .5);
}
#page-top  svg {
    fill:#fff;
    width: 70px;
    height: 70px;
}