@charset "UTF-8";
/* 古いHTMLの表示と同じ見た目にそろえる(画像だけの行に余白を作らない) */
div>img:only-child,p>img:only-child,td>img:only-child,a>img:only-child,#sidemenu>img,#rap>img,#main>img{vertical-align:bottom}
*{margin:0px;
padding:0px;}

strong {font-weight:normal;}

body{background:#fff url(img/bbg.jpg) repeat-x;
color:#693607;
text-align:left;}

#content{
background:url(img/bg.jpg) repeat-y;
width:750px;
margin:auto;
padding:auto;
}

#tizu{background-color:#EFE7A6;
width:540px;
margin:auto;
padding:auto;}

#bannar{
background-color:#FFFFFF;
width:750px;
height:240px;}

#bannar p{
text-align:right;
font-size:12px;
color:#999;
padding-right:20px;
padding-top:10px;}

#title{background:url(img/main_top.gif) no-repeat;
padding-left:0px;
height:90px;
}


/*■メイン */

/************* #breadCrumb styles *************/

#breadCrumb{
	text-align:right;
	font-size:10px;
	margin-top: 20px;
	padding-right: 30px;
	padding-bottom: 0;
	}

#breadCrumb a{
	color:#666666;
    text-decoration: none;}
	
#rap{float:right;
width:540px;}

#main{
text-align:left;
margin-top:0px;
background:url(img/main_bg.gif) repeat-y;}

#main p{font-size:12px;
color:#666;
padding-right:30px;
padding-left:30px;
line-height:1.6em;
margin-top:10px;}

#form{font-size:12px;
color:#666;
padding-right:30px;
padding-left:30px;
line-height:1.6em;
margin-top:10px;}



#middle
{background:url(img/main_bg2.gif) repeat-y;}

#navi{text-align:right;
display:block;
height:40px;
}

/*■サイドメニュー */


#sidemenu{
background:url(img/menu_bg.gif) repeat-y;
float:left;
width:210px;
color:#FFFFFF;}

#sidemenu dt{
background:url(img/menu_dt.gif) no-repeat ;
margin-top:10px;
text-align:center;
font-size:13px;
height:30px;
line-height:30px;
font-weight:bold;
}
#sidemenu dt a{
text-decoration:none;}

#sidemenu dd{
height:26px;
line-height:26px;
font-size:13px;
color:#FFFFFF;
padding-left:10px;

}


#sidemenu dd a{
height:26px;
line-height:26px;
padding-left:30px;
color:#FFFFFF;
text-decoration:none;
}
#sidemenu dd a:hover{
background:url(img/ken.gif) no-repeat;
color:#999;
}

#sidemenu li{list-style:none;
background:url(img/li.jpg) no-repeat;
font-size:12px;
height:17px;
line-height:17px;
padding-left:22px;
margin-top:4px;
margin-left:30px;}

#sidemenu li a{
text-decoration:none;
color:#fff;}

#sidemenu li a:hover{
text-decoration:none;
color:#fff;
font-weight:bold;}


/*■フッター */

#foot{
clear:both;
text-align:center;
font-size:10px;
background:url(img/bbg.jpg) repeat-x;
color:#fff;
width:750px;
height:40px}

#foot a{
color:#fff;
text-decoration: none;}

#foot p{
font-size:9px;
color:#fff;
}
/*■tizuフッター */
#foots{
clear:both;
text-align:center;
font-size:10px;
background:url(img/bbg.jpg) repeat-x;
color:#fff;
width:540px;
height:40px}

#foots a{
color:#fff;
text-decoration: none;}

#foots p{
font-size:9px;
color:#fff;
}


h1{text-align:right;
font-size:10px;
color:#693607;
padding-top:20px;
padding-right:30px;
font-weight: normal
}

#main h2{
	text-align:right;
	color:#693607;
	font-size:14px;
	margin-bottom:10px;
	background:url(h2.gif) no-repeat;
	line-height:20px;
	height:0px;
	padding-top: 30px;
	padding-right:30px;
}

h3{width:280px;
text-align:center;
color:#693607;
font-size:14px;
margin-top: 10px;
margin-left:130px;
margin-bottom:1px;
background:url(img/h1.gif) no-repeat;
line-height:55px;
height:55px;}


h4{
color:#666;
font-size:9px;
margin-top:1px;
margin-bottom:4px;
text-align:center;
font-weight:lighter;}

h5{
color:#693607;
font-size:14px;
margin-top:20px;
text-align:center;
}

.imgc {
text-align:center;
padding:20px;
} 
.imgl{
float:right;
padding-top:20px;
padding-right:30px;
padding-left:20px;
} 

.imgr{
float:left;
padding-top:20px;
padding-bottom:20px;
padding-right:30px;
padding-left:30px;
} 

.stamp{float:right;
padding-top:10px;
padding-right:10px;}

#box{width:400px;
text-align:left;
margin-top:30px;
margin-left:70px;
padding-bottom:20px;
background-color:#E3D192;
color:#333333;}


/*■文字の色や強調 */
.red  {color: red; font-weight: normal}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 18px}

.blue  {color: blue; font-weight: nomal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}

.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}

table{margin-top: 20px;
margin-bottom: 10px;
}

td {text-align:center;
	font-size: 12px;
	color:#666666;
	line-height:1.6em;}

/*■感想ページの背景枠 */


textarea{
margin-left:30px;
}
#menu-toggle,#menu-overlay{display:none}
/* スマホ表示 */
@media (max-width:760px){
img{max-width:100%;height:auto}
#content,#foot,#foots,#bannar{width:100%}
#content{background:#efe7a6}
#rap{float:none;width:100%}
#main{background:none}
#main p,#form{padding-left:14px;padding-right:14px;font-size:14px}
h1{padding-right:14px}
#main h2{padding-right:14px;background-position:right top}
h3{width:auto;max-width:280px;margin-left:auto;margin-right:auto;background-position:center top}
.imgl,.imgr,.stamp{float:none;display:block;text-align:center;padding:10px}
#box{width:auto}
#title{background-size:100% 90px}
#sidemenu{display:none;position:fixed;top:0;right:0;float:none;width:210px;height:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1001;background-color:#6d6232;padding-bottom:40px;box-shadow:-4px 0 14px rgba(0,0,0,.45)}
body.menu-open #sidemenu{display:block}
#sidemenu dd{height:auto;min-height:26px}
#menu-toggle{display:block;position:fixed;top:10px;right:10px;z-index:1002;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:8px;background:#000066;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)}
#menu-toggle span{display:block;position:absolute;left:9px;width:22px;height:3px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
#menu-toggle span:nth-child(1){top:11px}
#menu-toggle span:nth-child(2){top:19px}
#menu-toggle span:nth-child(3){top:27px}
body.menu-open #menu-toggle span:nth-child(1){top:19px;transform:rotate(45deg)}
body.menu-open #menu-toggle span:nth-child(2){opacity:0}
body.menu-open #menu-toggle span:nth-child(3){top:19px;transform:rotate(-45deg)}
body.menu-open #menu-toggle{right:222px}
#navi{height:auto;margin-top:30px;padding:0 14px 26px;text-align:right}
#navi a{display:inline-block;margin-left:24px;padding:6px 4px}
#menu-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.45)}
body.menu-open #menu-overlay{display:block}
#foot p{padding:0 8px}
textarea{width:92%;max-width:92%;margin-left:4%}
}