@charset "utf-8";


* {
	margin: 0px;
	padding: 0px;
}

html { font-size: 62.5%;}

body {
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 1.4em;
	line-height:160%;
        text-align: left;
	color:#fff;
}

div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}
ul {list-style:none;}
p {text-align:left;}

h1 {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;margin: 0px;
}
h3 {
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.inner {
	width:92rem;
	margin-left:auto;margin-right:auto;
	overflow:hidden;
}


#wrapper {
	margin: 0px auto;
        text-align: center;
}


main {color:#222;}

/* 告知 */
.kokuchi {
	background-image:url(../images/bg_commonTt_left.gif),url(../images/bg_commonTt_right.gif),url(../images/bg_commonTt.gif);
	background-repeat:repeat-y,repeat-y,repeat;
	background-position:left top,right top ,center top;
	color:#fff;
	background:linear-gradient(45deg, #dbdbdb, #fff);

	color:#111;
	padding:150px 0 0;
}
.kokuchi .tt p {
	text-align:center;line-height:150%;font-weight:bold;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.kokuchi .tt h1 {
	text-align:center;line-height:150%;font-weight:bold;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.kokuchi .tt .date {font-size:9rem;}
.kokuchi .tt .date .small {font-size:8rem;}
.kokuchi .tt .date .yotei {font-size:3rem;}
.kokuchi .tt .name {font-size:8.7rem;position:relative;color: #bd8d02;}
.kokuchi .tt .name .yomi {position:absolute;top: 120px;left: 190px;font-size:1.5rem;line-height:100%;}
.kokuchi .tt .open {font-size:11rem;}
.kokuchi .txt {font-size:18px;line-height:170%;}

#viewing {margin-top:50px;background:#ffe138;font-size:25px;line-height:160%;padding:40px 0;text-align:center;}
#viewing .tt {
	background:none;color:#111;text-align:center;font-size:52px;line-height:160%;font-weight:bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
#viewing .tt::before {display:none;}

.senkou {background:#fff;}

.senkou .commonTt {
	background: linear-gradient(45deg, #d00, #ff4141);font-size:5.8rem;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;padding: 3rem 0 1rem;
}
.senkou .commonTt:before {display:none;}


.uri {margin-top:7rem;font-size:5rem;line-height:120%;text-align:center;font-weight:bold;}
.uri p {text-align:center;}
.uri .point1 {color:#0055c3;}
.uri .point2 {font-size:6.8rem;line-height:140%;color:#ee0000;}
.uri .point2 .num {font-size:12rem;}
.uri .point2 .zu {font-size:8rem;}
.uri .and {font-size:6rem;line-height:200%;}




/*  告知 */




.commonTt {
	font-size:4rem;line-height:160%;font-weight:bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	background-color:#111;
	background-image:url(../images/bg_commonTt_left.gif),url(../images/bg_commonTt_right.gif),url(../images/bg_commonTt.gif);
	background-repeat:no-repeat,no-repeat,repeat;
	background-position:top left -5rem,top right -5rem,left top;
	padding:3rem 0 4rem;color:#fff;
	display: block;position: relative;
	text-align:center;
}
.commonTt:before{
	content: "";
	position: absolute;z-index:2;
	top: 100%;left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #181818;
}


#cpArea {background:#FFDB01;font-size:1.6rem;padding-bottom:4rem;}
#cpArea .tt {
	color:#ee0000;font-size:6rem;font-weight:bold;
	text-align:center;padding-top:4rem;
}
#cpArea .big {font-size:3rem;line-height:150%;}
#cpArea .big2 {font-size:5rem;line-height:150%;}
#cpArea .big3 {font-size:7rem;line-height:150%;}



.fixedWebNyukaiBtn {
	position:fixed;z-index:3;
	right:0;top:5rem;
}
.fixedWebNyukaiBtn:before {
	content:"";position:absolute;top:1rem;left:1rem;width:100%;height:100%;
	background:rgba(0,0,0,0.1);filter: blur(2px);
}


.fixedWebNyukaiBtn .txt {
	background: radial-gradient(#d80000, #bc0000);
	position:relative;
	font-weight:bold;text-align: center;
	width:20rem;
	height:14rem;
	padding:2rem 4rem 2rem 2rem;
	font-size:2.5rem;line-height:130%;
	box-sizing:border-box;
	transition:0.4s all ease-in-out;
}

.fixedWebNyukaiBtn .txt:hover {width:22rem;}
.fixedWebNyukaiBtn a {
	color:#fff;
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	display:block;
	text-decoration:none;
}
.fixedWebNyukaiBtn span {font-size:1.8rem;display:block;color:#ffea00;margin-top:1.6rem;}
.fixedWebNyukaiBtn img {margin-right:0.3rem;}






.btn-web-nyukai {border-radius:0.5rem;background:#ee0000;}
.btn-web-nyukai a {
	color:#fff;border:6px solid #ee0000;
	padding:0.5em 0;display:block;
	text-decoration:underline;
	transition:0.4s all ease-in-out;
}
.btn-web-nyukai a:hover {color:#ee0000;border:6px solid #ee0000;background:#fff;}




#appealSlider-wrap {width:100%;overflow:hidden;}
#appealSlider {
	width:150.5rem;height:35rem;
	background:url(../images/img_kokuchi_slide.jpg) repeat-x top 0 left 0;
	position:relative;
	animation-name: leftSlide;
	animation: leftSlide 60s linear infinite;
	-webkit-animation: leftSlide 60s linear infinite;
}
/* left */
@keyframes leftSlide {
  0%    { background-position:top 0 left 0;}
  100%  { background-position:top 0 left -160.5rem;}
}

#top_appeal .inner {padding:5rem 0 8rem;}
#top_appeal ul {
	
	width:78%;margin:auto;
}
#top_appeal li {
	font-size:3rem;color:#FF3600;margin-top:1.5rem;font-weight:bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	text-align:left;
}
#top_appeal li:first-child {font-size:5rem;}
#top_appeal li .big {font-size:4.5rem;}
#top_appeal li .sub {font-size:1.9rem;padding-left:7rem;}
#top_appeal li img {max-width:15%;vertical-align:middle;margin-right:0.5rem;}



#top_appeal dl {
    width: 78%;
    margin: auto;
}
#top_appeal dt {
	font-size:3rem;color:#FF8F00;margin-top: 0.5em;font-weight:bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	text-align:left;
}
#top_appeal dt .big {font-size:4.5rem;}
#top_appeal dt .sub {font-size:1.9rem;padding-left:7rem;}
#top_appeal dt img {max-width:15%;vertical-align:middle;margin-right:0.5rem;}
#top_appeal dd {font-size:1.7rem;padding-left:7rem;text-align: left;}

/* footer */
.appeal { width: 100%; height: 790px; position: relative;  overflow: hidden;}
.miryoku_inner {  width: 1030px; margin: 0 auto; z-index: 3; position: relative;text-align: center;  top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.top_appeal.num10 .catch { color: #fff; font-size: 50px;}
.appeal .catch { line-height: 1.4;  font-weight: 600;}
.appeal .overlay {  width: 100%; height: 100%;  position: absolute; top: 0px; left: 0px;z-index: 2;}
.appeal .bg_image {  width: 100%; height: 100%;position: absolute; top: 0px; left: 0px; z-index: 1;}
.appeal .cb_link_button {margin: 25px 0 0 0;}
.cb_link_button { text-align: center; z-index: 10;  position: relative;}
.appeal.num10 .cb_link_button a {color: #000;border-color: rgba(255,255,255,1);}

.Tt {font-size: 3em;color: #fff;padding: 0.5em 0 1.5em 0;font-weight: 600;}
#top_appeal dd { color: #fff;}



/* topics */
#topics {
	width:70%;
	margin-left:auto;margin-right:auto;
}
#topics .inner {padding:6rem 0 9rem;width:100%;}
#topics ul {margin-top:1rem;height:20rem;overflow-y: scroll;}
#topics ul li {
	padding:0.5rem 0rem 0.5rem 10rem;text-indent:-10rem;
	border-bottom:1px dashed #aaa;
	text-align:left;font-size:1.5rem;
	line-height:180%;
}
#topics ul li .date {width: 10rem;display: inline-block;padding:0;text-indent:0;}
#topics ul li a {color:#ee0000;text-decoration:underline;}





#top_fee {padding-top:12rem;margin-top:-12rem;}
#top_fee .inner {padding:3rem 0 10rem;}
.feetxt_old {font-size:3.8rem;text-align:center;font-weight: bold;line-height: 150%;margin-top:2rem;}
.feetxt_old .nedan {font-size:9rem;letter-spacing:0rem;line-height: 150%;}
.feetxt_old .en {font-size:3.8rem;}
.feetxt_sn {text-align:center;font-size:5rem;color:#e30000;margin-top:-1rem;font-weight: bold;}

.feetxt {margin-top:5rem;font-size:6rem;text-align:center;font-weight: bold;line-height: 150%;}
.feetxt .nedan {
	font-size:16rem;letter-spacing:-1rem;line-height: 120%;
}
.feetxt .en {font-size:6rem;}



#information {}
#information .inner {}
#information .txtArea {color:#000;margin-left:auto;margin-right:auto;padding:5rem 0;}
#shopTb {width:100%;}
#shopTb th {border-bottom:1px solid #ddd;background: #f0f0f0;width:30%;text-align: center;}
#shopTb td {border-bottom:1px solid #ddd;padding:3rem;}
#shopTb .icons {overflow:hidden;font-weight:bold;}
#shopTb .icons p {float:left;padding-left:3px;font-size:0.8rem;line-height:120%;text-align:center;letter-spacing:-0.07rem;}
#shopTb .icons p img {display:block;padding-bottom:0.3rem;}
/* #shopTb .icons p:nth-child(6n) {clear:both;} */


#kinrin {margin-top:8rem;}
#kinrin .flex-box {
	display:flex;flex-flow: row wrap;
	justify-content:flex-start;
	margin-top:4rem;
}
#kinrin .flex-box .cb {
	width:calc(100% / 3);
	padding:4rem 3rem 3rem;
	border-right:1px solid #ccc;border-bottom:1px solid #ccc;
	box-sizing:border-box;
	position:relative;
	transition:all 0.5s ease;
}
#kinrin .flex-box .cb:nth-child(3n) {border-right:none;}

#kinrin .ribbon {
	display: inline-block;
	position: absolute;
	left:-0.5rem;top:0.5rem;
	box-sizing: border-box;
	padding:0 1rem 0 1.5rem;margin: 0;
	height:3rem;line-height:3.2rem;
	font-size: 1.5rem;
	color:#fff;font-weight:bold;
	background: #333;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

#kinrin .cb .name {font-size:16px;font-weight:bold;}
#kinrin .cb .name .sb {font-size:12px;display:block;}
#kinrin .cb .pic {
	margin-top:2rem;margin-left:auto;margin-right:auto;
	width:22.5rem;height:18rem;overflow: hidden;
}
#kinrin .cb .pic img {
   -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#kinrin .cb .stm {margin-top:2rem;font-size:1.4rem;text-align:center;}
#kinrin .cb .link {position:absolute;top:0;left:0;width:100%;height:100%;}

#kinrin .flex-box .cb:hover {background:#eee;}
#kinrin .flex-box .cb:hover .pic img {
   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



#other {
	margin-top:8rem;position:relative;
	text-align:left;overflow:hidden;
}
#other:before {
	content:"";position:absolute;width:50%;height:100%;
	background:url(../images/bg_other.jpg) no-repeat top 8rem center;
}

#other .rightArea {
	padding: 7rem 0 7rem 7%;
	float: right;
	width: 43%;
}

/* SNS */
#fbArea {width:50rem;}
#insta {
	border:1px solid #ce0076;
	text-align:center;
	margin-top:2rem;
	font-size:2rem;
}
#insta a {color:#ce0076;padding:2rem 0;width:498px;display:block;}
#twt {
	border:1px solid #389DEC;
	text-align:center;
	margin-top:0.5rem;
	font-size:2rem;
}
#twt a {color:#389DEC;padding:2rem 0;width:498px;display:block;}
#line {
	float:right;border:1px solid #00c300;
	text-align:center;
	margin-top:2rem;font-size:2rem;
}
#line a {color: #00c300;padding:2rem 0;width:498px;display:block;}

#op_staff {margin-top:2em;padding-bottom:2em;background:#fff;}
#op_staff .btn-staff {
	border-radius: 0.5rem;
	background: #ffb300;
	padding:1.5em;}
#op_staff a {color:#000;display: block;}


/* ページ共通 */
.pnArea {
	width:100%;height:40rem;
}
.commonTt2 {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	background:#E3E3E3;padding:3rem 0;color:#111;
	font-size:2.8rem;font-weight:bold;line-height:150%;
}
.commonTt2 img {vertical-align:middle;max-width:10%;}
.commonTt2 .eng {
	font-size:1.1rem;font-weight:normal;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}





/* appeal */
.appealDiv {padding:8rem 0;}
.appealDiv .num {float:left;}
.appealDiv .txtArea {overflow:hidden;margin-top:5rem;}
.appealDiv .pic {
	float:left;padding: 1rem;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}
.appealDiv .pic img {border:1rem solid #fff;box-shadow:0 0 0.5rem #777;}
.appealDiv .txt {float:right;width: 44rem;text-align:left;font-size:1.7rem;line-height:170%;}
.appealDiv .sbtt {
	font-size:3rem;font-weight:bold;display:inline;background:#000;color:#fff;
	line-height:170%;
}
.appealDiv .small {line-height:170%;}

.appealDiv:nth-child(even) .pic {
	float:right;
	transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
.appealDiv:nth-child(even) .txt {float:left;}





/* fee */
#fee .pnArea {
	position:relative;
	background:url(../images/pn_fee.jpg) top center no-repeat;
	background-attachment: fixed;
}
#fee .fee-machine {
	background:url(../images/bg_fee_yallow_yz.gif) bottom center no-repeat #ffdb01;
	background-size:100%;
	padding-bottom:10rem;
}
#fee .fee-machine .catch {font-size:8rem;line-height:160%;letter-spacing:-0.4rem;}
#fee .fee-machine .catch .cr {font-size:10rem;display:inline-block;width:12rem;height:12rem;border-radius:12rem;background:#fff;}

.feetxt_eigyou {margin-top:4rem;font-size:5rem;line-height:160%;font-weight:bold;text-align:center;}

#fee .feetxt {background:url(../images/bg_fee_feetxt.gif) no-repeat bottom center;}
#fee .feetxt .nedan {
	font-size:19rem;line-height:100%;letter-spacing:-1rem;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}
#fee .eigyou {font-size:3.5rem;line-height:170%;font-weight:bold;text-align:center;}
#fee .eigyou .big {font-size:5rem;line-height:150%;}


#feeTb {
	background: rgba(255,255,255,0.5);border-radius:3px;
	margin-left:auto;margin-right:auto;
	font-size:3rem;line-height:150%;
}
#feeTb th {width:50%;}
#feeTb td {padding:4rem;}
#feeTb td .small {
	font-size:1.5rem;line-height:1.5rem;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
}
#fee_option {
	background:url(../images/bg_fee_option.jpg) bottom -30rem center no-repeat;
	padding:8rem 0;
}



/* staff */
#staff .pnArea {
	position:relative;
	background:url(../images/pn_staff.jpg) top center no-repeat;
	background-attachment: fixed;
}
#staff .youkou {width:100%;text-align:left;}
#staff .youkou th,#staff .youkou td {
	padding:3%;font-size:16px;
	border-bottom:1px solid #e6b200;
}
#staff .youkou th {width:20%;background:#ffd800;text-align:center;}
#staff .youkou td {background:#fff8cf;}
#staff h1 a {color:#000;}
#staff #form {width:100%;text-align:left;font-size:1.6rem;}
#staff #form th,#staff #form td {
	padding:3%;
	border:1px solid #ccc;
}
#staff #form th {background:#eee;}
#staff #form td {background:#fbfbfb;}
#staff #form input,#staff #form textarea {font-size:16px;padding:0.5rem;box-sizing:border-box;}
#staff #form .exs {color:#999;font-size:1.1rem;}
input[type="submit"] {padding:3%;width:100%;box-sizing:border-box;font-size:2rem;}

.telBox .tel {font-size:6rem;line-height:170%;}
.telBox .tel a {font-size:10.5rem;line-height:120%;font-weight:bold;color:#FFD800;}


.bn_shousai {
	margin-top:2rem;text-align:center;
	background-image:url(../images/icon_yazi_wh.gif),url(../images/bg_commonTt.gif);
	background-position:top 50% right 2rem,top left;
	background-repeat:no-repeat,repeat;
	border:1px solid #fff;
}
.bn_shousai:hover {transition: .5s;border-color:#FFD800;}
.bn_shousai a {padding:1.5rem 4.5rem 1.5rem 1rem;display:block;color:#fff;font-weight:bold;}
.bn_shousai a:hover {color:#FFD800;text-decoration:none;transition: .2s;}

.bn_shousai.or {
	background-color: #ffd800;
	background-image: url(../images/icon_yazi_bk.gif),linear-gradient(0deg, #ffee30,#ffd800);
	background-position: top 50% right 2rem,top left;
	background-repeat: no-repeat,no-repeat;
	border:0;text-shadow: 0;text-align:center;
}
.bn_shousai.or:hover {
	opacity:1;
	background-image: url(../images/icon_yazi_bk.gif),linear-gradient(90deg, #ffd800,#ff6c00);
	background-repeat: no-repeat,no-repeat;
}
.bn_shousai.or a,.bn_shousai.or a:hover  {color:#111;}

.bn_shousai.g1 {font-size:2rem;line-height:160%;letter-spacing:0.2rem;}






/* access */
#access .pnArea {
	background:url(../images/pn_access.jpg) top center no-repeat;
	background-attachment: fixed;
}
#map_canvas {width:100%;}

#access {color:#000;}





/* footer */

#footerLink {
	background:#efefef;
	box-shadow: 0px 0px 3px #959595;
}
#footerLink .inner {padding:2rem 0;}
#footerLink ul li {float:left;margin:0 2rem 0 1rem;}
#footerLink ul li:before {content:"> ";color:#FFD800;font-weight:bold;}

footer {
	color:#fff;
	padding:6rem 0;
	background-color: #222;
	border-top:1px solid #555;
	border-bottom:3px double #111;
	background:url(../images/bg_commonTt.gif) top left repeat;
}

footer ul {
	margin:10px auto;
	padding-top:20px;
	overflow:hidden;
}
footer ul li{
	float:left;
	list-style:none;
}
#footer_inner {
		clear:both;
		width:900px;
		padding:20px 0px;
		margin: 0px auto;
		background-repeat:no-repeat;
		background-position:center top;
}
#ft_logo {float:right;}
#ft_logo:hover {opacity:0.8;}


footer .name {
	font-size:2.5rem;line-height:150%;color:#fff;font-weight:bold;
	padding-bottom:1rem;
	border-bottom:1px solid #888;
}
.ft_eigyou {margin-top:2rem;}
.ft_access {margin-top:0rem;}
.ft_tel {font-size:3rem;margin-top:2rem;}
.ft_tel a , .ft_tel a:link {color:#fff;text-decoration:underline;}

#footerBtm {
	border-top:1px solid #333;
	padding:0.5rem;
	background-color:#1f1f1f;
}
#footerBtm p {
	font-size:10px;
	color:#444;
}

/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:900px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 80px;
	hegiht:66px;
	margin-left:900px;
	padding:20px 10px 10px 10px;
	background:#DAD3B9;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:5;
	border-radius:3px 3px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:9px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-24px;
	border-bottom:10px solid #DAD3B9;
}
.pageTop a:after {
	top:50%;
	margin-top:-25px;
	z-index:-1;
	border-bottom:10px solid #000; /* 矢印の色 */
}

.pageTop a:hover {
	text-decoration: none;
	opacity: 0.8;
}




a.underline {text-decoration:underline;}

.over :hover {
 filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
}