@charset "utf-8";
/* CSS Document */


html{
 width: 100%;
 height: 100%;
 margin: 0;
 paading: 0;
 *overflow-x: hidden;
 position:relative!important;
}

body{ 
 width: 100%;
 height: 100%;
 background-color: #fffaf0;
 margin: 0!important;
 paading: 0!important;
 font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
 position:relative!important;
}

#wrapper{
 width: 100%;
 height: 100%;
 text-align: center;
 position:relative!important;
}

#contents div{
 margin: 0 auto;
}

#contents img {
 width: 100%;
 height: auto;
}

a:hover {
 opacity: 0.6;
}

ul{
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(123, 85, 68, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

.maintitle{
 padding-bottom: 50px;
}




/* footer */
footer {
 width:100%;
 background-color: #d2691e;
 height: 85px;
 position:relative;
 bottom: 0;
 text-align:center;
 color: #FFF;
 font-size: 12px;
 z-index: 3;
 margin: 0;
 padding: 0;
}

.fo_img_wrap{
 width: 100%;
 height: auto;
}

.uribou{
 max-width: 250px;
 max-height: 55px;
 display: inline-block;
 *margin-right: 50px;
}

.melon{
 max-width: 250px;
 max-height: 55px;
 display: inline-block;
}

.kinokonomi{
 max-width: 250px;
 max-height: 55px;
 *margin-left: 50px;
}

.footer_copy{
 line-height: 2px;
}



@media screen and (orientation:landscape) {

.main_mobile{
 display: none;
}

 }

@media screen and (orientation:portrait) {

.main_pc{
 display: none;
}

.main_mobile{
 display: block;
}

#sub{
 max-width: 80%; 
 height: 100%;
 margin: 0 auto;
}

#nav-toggle span {
	background: #033560;
}
.close #nav-toggle span {
	background: #FFF;
}

#sidebar {
	left: -260px;
	z-index: 910;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.close #sidebar {
	left: 0;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
	padding-top: 50px;
}

/* nav-toggle */

#nav-toggle-wrap {
	position: fixed;
	top: 6px;
	width: 60px;
	height: 44px;
	background: #6a1917;
}

#nav-toggle {
	position: fixed;
	top: 15px;
	left: 15px;
	height: 32px;
}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 100%;
	height: 4px;
	left: 0;
	display: block;
	background: #ffffff;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

/* #nav-toggle close */
#nav-toggle span:nth-child(1) {
	top: 0;
	/*
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
}
#nav-toggle span:nth-child(2) {
	top: 11px;
	/*
	width: 0;
	left: 50%;
	*/
}
#nav-toggle span:nth-child(3) {
	top: 22px;
	/*
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	*/
}

/*
.close #nav-toggle span:nth-child(1) {
	top: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
.close #nav-toggle span:nth-child(2) {
	width: 100%;
	left: 0;
}
.close #nav-toggle span:nth-child(3) {
	top: 22px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
*/


/* z-index */
#nav-toggle-wrap {
	z-index: 1000;
}

#nav-toggle {
	z-index: 1000;
}

/* close */
.close #container {
	margin-left: 0;
}
.close #brand-logo {
	margin-left: 50px;
}
.close #nav-toggle span {
	background: #FFF;
}

footer img{
 width: 32%!important;
 height: auto!important;
}

.fo_img_wrap{
 width: 100%;
 height: 60%;
 text-align: center;
}


}

@media all and (-ms-high-contrast:none){
body{
 position:relative!important;
}

}