@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Sawarabi+Mincho:wght@400&family=Sawarabi+Gothic:wght@400&family=Kosugi+Maru:wght@400&family=Kosugi:wght@400&family=Yusei+Magic:wght@400&family=Hachi+Maru+Pop:wght@400&family=Potta+One:wght@400&family=DotGothic16:wght@400&family=RocknRoll+One:wght@400&family=Stick:wght@400&family=Shippori+Mincho:wght@400;500;600;700;800&family=Reggae+One:wght@400&family=Dela+Gothic+One:wght@400&family=Rampart+One:wght@400&family=Kiwi+Maru:wght@300;400;500&family=Kaisei+Tokumin:wght@400;500;700;800&family=Yomogi:wght@400&family=Train+One:wght@400&family=Fraunces:wght@100;200;300;400;500;600;700;800;900&family=Imbue:wght@100;200;300;400;500;600;700&family=Cinzel:wght@400;500;600;700;800;900&family=Ultra:wght@400&family=Cormorant+SC:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Secular+One:wght@400&family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&family=Julius+Sans+One:wght@400&family=Londrina+Solid:wght@100;300;400;900&family=Abril+Fatface:wght@400&family=Fredoka+One:wght@400&family=Monoton:wght@400&family=Yeseva+One:wght@400&family=Shadows+Into+Light:wght@400&family=Handlee:wght@400&family=Charm:wght@400;700&family=Petit+Formal+Script:wght@400&family=Miss+Fajardose:wght@400&family=Roboto+Mono:wght@100;200;300;400;500;600;700&family=Cutive+Mono:wght@400&family=Xanh+Mono:wght@400&family=B612+Mono:wght@400;700&family=Syne+Mono:wght@400&family=Josefin+Slab:wght@100;200;300;400;500;600;700&family=Marcellus:wght@400&family=Pridi:wght@200;300;400;500;600;700&family=Glegoo:wght@400;700&family=Holtwood+One+SC:wght@400&family=Kurale:wght@400&family=Almendra:wght@400;700&family=Stoke:wght@300;400&family=Marko+One:wght@400&family=BioRhyme+Expanded:wght@200;300;400;700;800&family=Lobster:wght@400&family=Lemonada:wght@300;400;500;600;700&family=Special+Elite:wght@400&family=Press+Start+2P:wght@400&family=Gorditas:wght@400;700&family=Playball:wght@400&family=Rye:wght@400&family=UnifrakturMaguntia:wght@400&family=Finger+Paint:wght@400&family=Bungee+Shade:wght@400&family=Faster+One:wght@400&family=Kranky:wght@400&family=Spicy+Rice:wght@400&family=Modak:wght@400&family=Mystery+Quest:wght@400&family=Londrina+Outline:wght@400&family=Monofett:wght@400&family=Ribeye+Marrow:wght@400&family=Ewert:wght@400&family=Emblema+One:wght@400&family=Macondo:wght@400&family=Fascinate+Inline:wght@400&family=Londrina+Sketch:wght@400&family=Caveat:wght@400;500;600;700&family=Pacifico:wght@400&family=Pangolin:wght@400&family=Sacramento:wght@400&family=Nanum+Pen+Script:wght@400&family=Calligraffitti:wght@400&family=Arizonia:wght@400&family=Bonbon:wght@400&display=swap');

/*1.全体背景色:*/
#main { background: #ffffff;}
/*2.ヘッダー背景画像 */
/*.トップ以外ヘッダー背景画像 */
#header_other { background : url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/fujinoyaryokan/1697275458026758600.jpg) no-repeat bottom center;}
/*4.メニューボタン背景色 5.メニューボタン透明度*/
.menu-wrapper,.menu-wrapper-topfix { background: rgb(0,0,0); background: rgba(0,0,0,0.6);}
/*6.メニューボタン背景色（マウスオン）7.メニューボタン透明度（マウスオン）*/
#menu > ul > li:hover,#menu li.cntmenu_over { background: rgb(255,255,255); background: rgba(255,255,255,0.6);}	
/*8.メニュー文字色*/
#menu > ul > li > a,#menu > ul > li > span { color : #ffffff;}
/*9.メニュー文字色（マウスオン）*/
#menu > ul > li > a:hover,#menu > ul > li > span:hover,#menu li.cntmenu_over > a { color: #ffffff;}
/*10.メニュー区切り線色 11.メニュー区切り線透明度*/
#menu > ul > li { border-right: 1px solid; border-right: 1px solid; border-color: rgb(255,255,255); border-color: rgba(255,255,255,0.3);}
/*13.サイド親ページ背景色*/
#sidebar a.sn_01, #sidebar a.sn_01_over { background : #000000;}
/*14.サイド親ページ背景色（マウスオン）*/
#sidebar a.sn_01:hover, #sidebar a.sn_01_over{ background: #8a4647;}
/*15.サイド親ページ文字色*/
#sidebar a.sn_01, #sidebar a.sn_01_over { color : #ffffff !important;}
/*16.サイド親ページ文字色（マウスオン）*/
#sidebar a.sn_01:hover, #sidebar a.sn_01_over{ color : #ffffff !important;}
/*17.サイド子ページ背景色*/
#sidebar a.sn_01_01, #sidebar a.sn_01_01_over{ background : #8a4647;}
/*18.サイド子ページ背景色（マウスオン）*/
#sidebar a.sn_01_01:hover, #sidebar a.sn_01_01_over { background : #000000;}
/*19.サイド子ページ文字色*/
#sidebar a.sn_01_01, #sidebar a.sn_01_01_over{ color : #ffffff !important;}
/*20.サイド子ページ文字色（マウスオン）*/
#sidebar a.sn_01_01:hover, #sidebar a.sn_01_01_over { color : #ffffff !important;}
/*21.フッター背景色*/
body{ background : #000000;/*footerと同色*/}
#footer{ background : #000000;/*footerと同色*/}
/*22.スマホパネル背景色  local-480,local-670に記載 */
/*23.スマホ時メニュー背景色  local-480,local-670に記載 */
/*24.スマホ時メニュー親ページ文字色  local-480,local-670に記載 */
/*25.スマホ時メニュー子ページ文字色  local-480,local-670に記載 */
/*26.ページ全体リンク色*/
a {color:#8a4647;}
/*27.ページ全体リンク色（訪問後）*/
a:visited {color:#8a4647;}
/*28.ページ全体リンク色（マウスオーバー時）*/
a:hover {color:#000000;}

/*html body*/
body{
	display    : block !important;
	margin     : 0;
	padding    : 0;
	font-family: 'Noto Serif JP',Verdana, Helvetica, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	animation: fadeIn 0.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.5s ease 0s 1 normal;
	font-weight: 200;	}

/* Header */
#header {
	background-size: cover;
  	min-height:100vh;
  	background-attachment: fixed;
  	  	position:relative;
  	}
#header_other {
  	background-size: cover;
  	background-attachment: fixed;
  	min-height:50vh;
  	  	position:relative;
  	}
#header .container,#header_other .container{
	overflow: auto;
	opacity:0;
}
/* Menu */
.menu-wrapper {
	bottom: 0;/*top or botoom*/
	left      : 0;
	width     : 100%;
  	  	  		opacity:0;
  	}
.menu-wrapper-topfix {
	top       : 0;
	left      : 0;
	width     : 100%;
	position  : fixed;
	z-index   : 10;
}
#menu > ul {
	margin        : 0;
	padding       : 0;
	text-align    : center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	line-height   : 1.5em;
}
#menu > ul > li {
	display     : inline-block;
}
#menu > ul > li:last-child {
	padding-right: 0;
	border-right : none;
}

#menu > ul > li > a,
#menu > ul > li > span {
	display        : inline-block;
	padding        : 1.5em 1.5em;
	letter-spacing : 0.06em;
	text-decoration: none;
	font-size      : 1.1em;
	outline        : 0;
}
#menu > ul > li > a:hover,
#menu > ul > li > span:hover,
#menu li.cntmenu_over > a {
}
#menu li.active a {
	color: #F00;
}
#menu > ul > li > ul {
	display: none;
}
	
/* Main */
#main
{
	position  : relative;
}
#main #mobile, #cnt_btmbt
{
	float:right;
	width:75px;
}
#main #mobile a, #cnt_btmbt a
{
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	width:75px;
	height:24px;
	background:url(../img/mobile.gif) 0 0 no-repeat;
}
/* Sidebar */
.sidemenu {
	margin :0;
	padding:0 0 10px 0;
}
.sidemenu li{
	list-style:none;
	overflow  :hidden;
}
.sidemenu ul{
	margin :0;
	padding:0 0 10px 0;
}
#sidebar a.sn_01, #sidebar a.sn_01_over {
	position          : relative;
	display           : inline-block;
	padding           : 15px 35px;
	text-decoration   : none !important;
	font-size         : 14px;
	font-weight       : 300;
	border-radius     : 0.25em;
	width             :90%;
	margin            :10px;
	box-sizing        : border-box;
}
#sidebar a.sn_01_over{
	box-shadow: none;
}
#sidebar a.sn_01:hover{
	box-shadow: none;
	-moz-transition   : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition     : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition        : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
#sidebar a.sn_01_01, #sidebar a.sn_01_01_over{
	position          : relative;
	display           : inline-block;
	padding           : 15px 55px;
	text-decoration   : none !important;
	font-size         : 14px;
	font-weight       : 300;
	border-radius     : 0.25em;
	width             :90%;
	margin            :10px;
	box-sizing        : border-box;
}
#sidebar a.sn_01_01_over {
	box-shadow: none;
}
#sidebar a.sn_01_01:hover{
	box-shadow: none;
	-moz-transition   : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition     : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition    : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition        : color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
/* Footer */
#footer {
	position  : relative;
}
#footer header h2 {
	color: #FFF !important;
}
#footer header .byline {
	color: rgba(255,255,255,.2);
}

/* Slide */
#photo {
	margin :1em auto 0 auto;
	padding:0 0 19px 0;
	width  :932px;
}
#photo #img{
	background-position:0 0;
	background-repeat  :repeat-x;
	height             :222px;
}

/* Form */
.submit_resp {
	-moz-border-radius   : 1em ;
	-webkit-border-radius: 1em;
	border-radius        : .3em ;
	font-size            : 16px;
	padding              : .6em 20px;
	min-width            : .75em;
	position             : relative;
	text-overflow        : ellipsis;
	overflow             : hidden;
	white-space          : nowrap;
	zoom                 : 1;
	border               : 1px solid #ccc;
	background           : #eee;
	font-weight          : bold;
	color                : #222 ;
	text-shadow          : 0 1px 0 #ffffff ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f1f1f1 ));
	background-image     : -webkit-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :    -moz-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :     -ms-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :      -o-linear-gradient( #ffffff, #f1f1f1 );
	background-image     :         linear-gradient( #ffffff, #f1f1f1 );
}
.submit_resp:hover {
	border          : 1px solid #bbb;
	background      : #dfdfdf;
	font-weight     : bold;
	color           : #222;
	text-shadow     : 0 1px 0 #ffffff ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #e0e0e0 )); 
	background-image: -webkit-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:    -moz-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:     -ms-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:      -o-linear-gradient( #f6f6f6, #e0e0e0); 
	background-image:         linear-gradient( #f6f6f6, #e0e0e0);
}
.submit_resp:active {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}
.text_resp {
	-moz-border-radius   : .6em ;
	-webkit-border-radius: .6em ;
	border-radius        : .2em ;
	border               : 1px solid #aaa;
	color                : #333333;
	text-shadow          : 0 1px 0 #fff ;
	background           : #f9f9f9 ;
	background-image     : -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 ), to( #eeeeee ));
	background-image     : -webkit-linear-gradient( #f9f9f9 , #eeeeee );
	background-image     :    -moz-linear-gradient( #f9f9f9 , #eeeeee);
	background-image     :      -ms-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :       -o-linear-gradient( #f9f9f9, #eeeeee);
	background-image     :          linear-gradient( #f9f9f9, #eeeeee);
	
	background-image: none;
	padding         : .4em;
	margin          : .5em;
	line-height     : 1.4;
	font-size       : 16px;
	width           : 90%;
	outline         : 0;
}
.text_resp:focus {
	-moz-box-shadow   : 0px 0px 12px #387bbe ;
	-webkit-box-shadow: 0px 0px 12px #387bbe ;
	box-shadow        : 0px 0px 12px #387bbe ;	
}
/* Cart */
#CartArea{
	width:100% !IMPORTANT;
	height:auto !IMPORTANT;
	overflow:auto !IMPORTANT;
}
#CartFrame{
	width:100% !IMPORTANT;
	height:2500px !IMPORTANT;
}

table{
    font-weight: 200;    }

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
]