@charset "utf-8";

/* BASE =============================== */
html,body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, sans-serif;
	margin:0;
	/*	height:100%;*/
}

img{
	border: 0;
}
a{
	color: #000;
	text-decoration: none;
}
a:link{
	color: #F63;
	text-decoration: underline;
}
a:visited{
	color: #F63;
	text-decoration: none;
}
a:hover{
	color:#000;
	text-decoration: none;
}
h2{
	line-height:0;
	font-size:14px;
}

/* テキスト設定 */
.txt_red{
	color:#F00;
}
.txt_12{
	font-size: 12px;
}
.txt_brown{
	color:#8B0000;
}

/* float設定 id */
#float_l{
	float:left;
}
#float_r{
	float:right;
}

/* float設定 class*/
.float_l{
	float:left;
}
.float_r{
	float:right;
}
/* floatリセット */
.c_both{
	clear:both;
}
/* text-align設定 */
.txt_align_l{
	text-align:left;
}
.txt_align_r{
	text-align:right;
}
.txt_align_c{
	text-align:center;
}
ul{
	padding:0;
	margin:0;
}
li{
	list-style:none;
}
.line{
	width:100%;
	height:1px;
	background:#ccc;
	margin:10px 0;
}
a img{
	background:none;
}

/* 画像下の隙間埋める用 */
.display_b{
	display:block;
}

/* --------------------------------------------------------------------------- */
#header_wrap_pc{
	display: none;
}
#header_wrap_sp{
	width:100%;
	background-image: url(../images/sp_header_bg.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
	zoom:1;
}
#header_wrap_sp img{
	width:100%;
	margin:0;
	padding:0;
	vertical-align: bottom;
}
.header_logo{
	float:left;
	width:38%;
}
.header_tel{
	float:right;
	width:60%;
}




/* --------------------------------------------------------------------------- */

nav{
/*
	font-family: "Rounded Mplus 1c";
*/
	color:#fff;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#3C0000;
}
nav a{
}
nav a:link{
	color:#fff;
	border:none;
}
nav a:visited{
	color:#fff;
	text-decoration: none;
}
nav a:hover{
	color:#FFFF96;
	text-decoration: none;
}
#nav li{
	width:33%;
	height:50px;
	display:block;
	padding:10px 0 5px 0;
	float:left;
	background:#3C0000;
	text-align:center;
}
#nav li img{
	width:80%;
}
#nav li#nav01, #nav li#nav02, #nav li#nav03, #nav li#nav04, #nav li#nav05, #nav li#nav06{
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
}
#nav li#nav01{
	background-image: url(../images/sp_nav_top.png);
}
#nav li#nav01:hover{
	background-image: url(../images/sp_nav_top_on.png);
}
#nav li#nav02{
	background-image: url(../images/sp_nav_saiji.png);
}
#nav li#nav02:hover{
	background-image: url(../images/sp_nav_saiji_on.png);
}
#nav li#nav03{
	background-image: url(../images/sp_nav_ippuku.png);
}
#nav li#nav03:hover{
	background-image: url(../images/sp_nav_ippuku_on.png);
}
#nav li#nav04{
	background-image: url(../images/sp_nav_momiji.png);
}
#nav li#nav04:hover{
	background-image: url(../images/sp_nav_momiji_on.png);
}
#nav li#nav05{
	background-image: url(../images/sp_nav_greeting.png);
}
#nav li#nav05:hover{
	background-image: url(../images/sp_nav_greeting_on.png);
}
#nav li#nav06{
	background-image: url(../images/sp_nav_company.png);
}
#nav li#nav06:hover{
	background-image: url(../images/sp_nav_company_on.png);
}


#nav li#nav02, #nav li#nav03, #nav li#nav05, #nav li#nav06{
	border-left:1px solid #fff;
}
#nav li#nav01, #nav li#nav02, #nav li#nav03{
	border-bottom:1px solid #fff;
}
.news{
	position:relative;
    width:100%;
    height:0;
    padding-top:75%;	
	background-color: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	border-color: #40220F;
	border-style: solid;
	border-width: 1px;
}

.news_wrap{
	background-image: url(../images/bg_wasi.jpg);
	background-repeat: repeat;
	overflow:hidden;
	zoom:1;
}
#nav_saiji{
	margin:15px 10px;
}
.news_ttl{
	width:100%;
	overflow:hidden;
	background: #40220F;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;		
	text-align:center;	
	padding:5px 0;
	border-color: #40220F;
	border-style: solid;
	border-width: 1px;
}
.news_ttl img{
	width:90%;
}
.news iframe{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* shop */
.shop_ippuku{
	background:#000;
	padding:30px 0;
	overflow: hidden;
	zoom:1;
}
.shop_momijido{
	background:#402200;
	padding:30px 0;
	overflow: hidden;
	zoom:1;
}
.photo{
	z-index: 10;

}
.photo img{
	width:100%;
}
#menubook{
	padding:0;
	background:#E6D7C9;
}
#swicth_swiper .swiper-container{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#swicth_swiper .switch_swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container{
	width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide{
	text-align: center;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width:100%;
}

.logo{
	text-align: center;
	padding:10px 0;
	background-color: #fff;
}
.logo img{
	width:60%;
}
table.shop_info{
	width:90%;
	text-align:left;
	margin:0 auto;
	margin-top:-12px;
}
table.shop_info th, table.shop_info td{
	border-top:1px dotted #BFBFBF;
	padding:10px 0 5px 0;
}
table.shop_info th{
	width:30%;
}


.btn_gmap{
	display: inline-block;
	background:#A70012;
	padding:10px;
	border-radius:5px;
	color:#FFF !important;
	text-decoration: none !important;
	margin-top:10px;
}

.ippuku_menu{
	background-image: url(../images/bg_wood.jpg);
	background-repeat: repeat-y;
	width:100%;
	text-align:center;
	padding:30px 0;
}
.ippuku_menu_ttl{
	width:60%;
	padding-bottom:10px;
}
.ippuku_menu_tbl{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.ippuku_menu li{
	padding-bottom:10px;
}

/*saiji*/
.saiji_pc{
	display:none;
}
.saiji_sp{
}
.saiji_ttl{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:20px 0;
}
.saiji_text{
	padding:10px;
}
.saiji_midasi{
	font-size:1.1em;
	color:#E66D24;
	font-weight:bold;
}
.saiji_btn_sp{
	width:90%;
	padding:15px;
}
.company_wrap{
	background-image: url(../images/bg_wasi.jpg);
	background-repeat:repeat;
	overflow:hidden;
	zoom:1;
}
.company{	
	background-color: #fff;
	margin:30px 10px 90px 10px;
	padding:30px 0;
}
.company_ttl{
	text-align:center;
	font-weight: bold;
	font-size: 1.2em;
	padding:15px 0 30px 0;
}
	table.company_info{
		width:90%;
		text-align:left;
		margin:0 auto;
		margin-top:-12px;
	}
	table.company_info th, table.company_info td{
		border-top:1px dotted #BFBFBF;
		padding:10px 0 5px 0;
	}
	table.company_info th{
		width:30%;
	}


@media screen and ( min-width:600px ){
	#header_wrap_sp{
		display:none;
	}
	#header_wrap_pc{
		display: block;
		width: 100%;
		margin: 0 auto;
		background-image: url(../images/pc_header_bg.jpg);
		background-repeat: repeat-x;
		overflow: hidden;
	}
	#header_wrap_pc_contents{
		width:980px;
		height:50px;
		margin: 0 auto;
		padding-top:10px;
	}
	.header_logo_pc{
		width:450px;
		float:left;
	}
	.header_logo_pc img{
		width:50%;
		float:left;
	}
	.header_text_pc{
		font-size:12px;
		padding-top:15px;
	}

	.header_tel_pc{
		width:530px;
		float:right;
	}
	.header_tel_pc img{
		width:513px;
		float:right;
	}
	#nav_wrap{
		width:100%;	
		height:60px;
		background:#C88C78;
	}
	#nav{
		width:980px;
		margin:0 auto;
	}
	#nav li{
		padding:8px 0;
		font-size:18px;
	}

	#nav li img{
		width:50%;
	}
	#nav li#nav01, #nav li#nav02, #nav li#nav03, #nav li#nav04, #nav li#nav05, #nav li#nav06{
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: center;
	}
	#nav li#nav01{
		background-image: url(../images/pc_nav_top.png);
	}
	#nav li#nav01:hover{
		background-image: url(../images/pc_nav_top_on.png);
	}
	#nav li#nav02{
		background-image: url(../images/pc_nav_saiji.png);
	}
	#nav li#nav02:hover{
		background-image: url(../images/pc_nav_saiji_on.png);
	}
	#nav li#nav03{
		background-image: url(../images/pc_nav_ippuku.png);
	}
	#nav li#nav03:hover{
		background-image: url(../images/pc_nav_ippuku_on.png);
	}
	#nav li#nav04{
		background-image: url(../images/pc_nav_momiji.png);
	}
	#nav li#nav04:hover{
		background-image: url(../images/pc_nav_momiji_on.png);
	}
	#nav li#nav05{
		background-image: url(../images/pc_nav_greeting.png);
	}
	#nav li#nav05:hover{
		background-image: url(../images/pc_nav_greeting_on.png);
	}
	#nav li#nav06{
		background-image: url(../images/pc_nav_company.png);
	}
	#nav li#nav06:hover{
		background-image: url(../images/pc_nav_company_on.png);
	}
	#nav li#nav01{
		width:163px;
	}
	#nav li#nav02, #nav li#nav03, #nav li#nav04, #nav li#nav05, #nav li#nav06{
		width:162px;
	}
	#nav li#nav02, #nav li#nav03, #nav li#nav05, #nav li#nav06{
		border-left:none;
	}
	#nav li#nav01, #nav li#nav02, #nav li#nav03{
		border-bottom:none;
	}
	#nav li#nav01, #nav li#nav02, #nav li#nav03, #nav li#nav04, #nav li#nav05, #nav li#nav06{
		border-left:1px solid #fff;
	}
	#nav li#nav06{
		border-right:1px solid #fff;
	}

	/* トップ */
	.top_wrap{
		background-color: #000;
		overflow:hidden;
		zoom:1;
	}
	.top{
		width:100%;
	}

	.news_wrap{
	}
	#nav_saiji{
		width:978px;
		margin:30px auto;
		overflow: hidden;
		zoom:1;
		padding-right:2px;
		padding-bottom:2px;		
	}
	.news{
		padding-top:300px;
	}
	.news_ttl{
	}
	.news_ttl img{
		width:284px;
	}
	
	.shop_ippuku, .shop_momijido{
		width:100%;
	}
	.pc980{
		width:980px;
		margin:0 auto;
		overflow:hidden;
		zoom:1;
	}
	.photo{
		width:566px;
		height:400px;
		float:left;
	}
	.logo{
		width:414px;
		height:400px;
		float:right;
		text-align: center;
		padding:10px 0;
		background-color: #fff;
	}
	.logo img{
		width:222px;
		height:111px;
	}

	.shop_ippuku .logo img{
		padding-top:10px;
	}
	.shop_momijido .logo img{
		padding-top:20px;
	}

	table.shop_info{
	}
	table.shop_info th, table.shop_info td{
	}
	.btn_gmap{
	}

	.ippuku_menu{
		width:100%;
		background-repeat: repeat;
		background-position: center;
	}
	.ippuku_menu_ttl{
		width:147px;
	}
	.ippuku_menu li{
		float:left;
	}
	.ippuku_menu_left{
		width:340px;
		padding-right:5px;
	}
	.ippuku_menu_center{
		width:297px;
		border-left:1px dotted #666;
		border-right:1px dotted #666;
		padding:0 5px 0 10px;
	}
	.ippuku_menu_right{
		width:300px;	
		padding-left:10px;
	}

	.ippuku_menu_tbl{
		width:100%;
	}
	.ippuku_menu li{
		padding-bottom:10px;
	}
	.txt_brown{
		color:#8B0000;
	}
	/*saiji_PC*/
	.saiji_pc{
		display:block;
	}
	.saiji_sp{
		display:none;
	}
	.saiji_bg{
		width:980px;
		height:511px;
		background-image: url(../images/bg_saiji.png);
		background-repeat: no-repeat;
		margin:0 auto;
	}
	.saiji_in{
		width:580px;
		text-align: left;
		padding:30px 0 0 190px;
	}
	.saiji_ttl{
	}
	.saiji_text{
	}
	.saiji_midasi{
	}
	.saiji_btn_pc{
		width: 507px;
		padding-left:30px;
	}
	.company_wrap{
	}
	.company{	
		width:980px;
		background-color: #fff;
		margin:50px auto;
		padding:30px 0;
	}
	.company_ttl{
	}
	table.company_info th{
		width:20%;
	}
}



/* --------------------------------------------------------------------------- */

#footer{
	width:100%;
	margin:0 0 0 0;	
	z-index:1000;
	position:relative;
	background:#000;
	z-index:15;
}
#footer img{
	display:none;
}
#footer p{
	color:#fff;
	text-align:center;
	font-size:0.8em;
	padding:6px 0;
	margin:0;
}
#totop{
}
#topbutton {
	width:100%;
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 0;   /* ←下端からの距離 */
	/* ▼最初は非表示にしておく */
	display: none;
	padding-bottom: 28px;
	z-index: 20;
	background:none;
	background-image: none;
}
#topbutton img{
	padding:0 5px;
	width:30%;
	float:right;
}

@media screen and ( min-width:600px ){
	#totop{
		width:980px;
		margin:0 auto;
	}
	#topbutton {
		width:980px;
		padding-bottom: 28px;
	}
	#topbutton img{
		width:133px;
	}

	/* トップ */
	.top{
		width:980px;
		margin:0 auto;
	}

	#footer{
		height:33px;
	}
	/*
	.totop{
		width:960px;
		margin:0 auto;
	}
	#footer img{
		display:block;
		width:155px;
		float:right;
		padding:0 5px;
		margin:0;
	}
	*/
}