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

/*===============================================
style.css 画面の横幅が951px以上
===============================================*/

@import "base.css";
/*@import "normalize.css";*/



	/*=================================*/
	/*Common Layout*/
	/*=================================*/


	/*Phone Navi*/
	/*------------------*/
	#menu {
		display:none;
	}
	.pc {display:block;}
	.phone {display:none;}


	/*Header*/
	/*------------------*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
  }


  #headerInner-main {
	width: 955px;
	margin: 0 auto;
	position: relative;
}

  #headerInner {
	width: 210px;
	position: absolute;
	right: 0;
	z-index: 4;
}

  #header{
	width: 210px;
	position: fixed;
}

  
  	/*Grobal Navi*/
	/*------------------*/
  #globalNav a {
	color: #40371b;
	font-size: 16px;
	text-decoration: none;
	display: block;
  }

  #globalNav a:hover {
	color: #a22301;
  }
  
  #globalNav ul {
	width: 160px;
	display: flex;
	justify-content: space-between;
	margin:0 auto;
  }
  #globalNav ul li{
	list-style: none;
	font-family: 'Noto Serif JP', serif;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl; 
	-moz-writing-mode: vertical-rl;    
	-ms-writing-mode: tb-rl;
	text-orientation: upright;        
  }

  #globalNav ul:after {
	content: none;
}

  #globalNav .top {
	  display: none;
  }
  
  .right_Column{
	background: url(../../img/navi/nav_bg.png)no-repeat;
	width: 210px;
  }
  
  #globalNav .english{
	text-align:center;
  }
  #globalNav .english a{
	  font-family:serif;
	  color: #fff;
	  background-color: #97985f;
	  opacity: 0.9;
	  /*border:1px solid #9f9f95;*/
	  display: block;
	  width:140px;
	  margin: 230px auto 24px auto;
	  padding: 2px 15px;
	  border-radius: 20px;
	  text-decoration: none;
	}
  
  #globalNav .right_banner{
	width:210px;
	height: 150px;
  }
  
  #globalNav .right_banner img{
	margin-left: 36px;
  }

  #catch {
	position: relative;
	z-index: 1;
  }


  #mainvisualInner {
	width: 955px;
	margin: 0px auto 0px auto;
}
	/*text flow*/
	/*------------------*/
#rtl{
    margin: 0 auto;
}

    #rtl ul{
        margin: 0 auto;
      	background:url(../../../files/img/txt/txtBg.png);
    }

    #rtl ul li{
        margin: 0 0 0 10px;
        list-style-type: none;
        float: right;
    }

    .fade{
        overflow: hidden;
        padding: 1em;
        padding-right: 674px;
        padding-top: 20px;
    }



	/*Contents*/
	/*------------------*/

#wrapper{
	background:url(../../../files/img/footer/wrapper_bg.jpg)bottom repeat-x;
}

	#contents {
		width: 955px;
		margin: 0px auto 0px auto;
		position:relative;
		color:#40371b;
	}

	#contents .left_content{
		width: 745px;
		float: left;
	}

	.title_deco{
		line-height: 1em !important;
	}
		#contents .left_content .figure{
			position: absolute;
			bottom:0;
		}

		#contents .left_content .right_box{
			width: 455px;
			float: right;
		}

		#contents .left_content .right_box .title_info{
			margin-top: 30px;
			font-size: 24px;
			font-family: 'Noto Serif JP', serif;
			border-bottom: 4px #999 double;
			width: 421px;
			padding-bottom: 5px;
		}
			#contents .left_content .right_box .content_txt{
				width:220px;
				margin-top: 10px;
				line-height: 1.8em;
				float: left;
			}

			.content_txt span{
				font-size: 1.2em;
				font-weight: bold;
				line-height: 2.2em;
			}

			.content_txt img{
				margin-bottom:3px;
			}

			.content_txt a{
				color:#2c306b;
				font-weight: bold;
				background: url(../../../files/img/common/arrow.png)no-repeat right;
				vertical-align:middle;
				padding-right: 30px;
			}

			.content_txt a:hover{
				color:#a22301;
				background: url(../../../files/img/common/arrowOn.png)no-repeat right;
			}

			#contents .left_content .right_box .imgBox{
				padding: 40px 0 0 20px;
				overflow: hidden;
			}


			#contents .imgBox {
				margin-bottom: 20px;
			}


	/*Footer*/
	/*------------------*/

#footerInner #Footmenu .backToTop {
font-size: 15px;
font-weight: bold;
}

footer {
	background:url(../../img/footer/footer_bg.jpg)repeat-x top;
	color:#40371b;
}

	footer a{
		display:block;
	}

	footer a:visited{
			color:#40371b;
		}
			footer a:hover{
				color:#a22301;
			}

	#Footmenu{
		width: 745px;
		float: left;
		overflow: hidden;
		margin-bottom: 20px;
	}

	#footerInner {
		width: 955px;
		background:url(../../img/footer/footer_bg.jpg)repeat-x top;
		margin: 0px auto;
		position:relative;
		font-size: 13px;
	}

	#footerInner  #Footmenu p{
		border-bottom: 1px #999 dotted;
		margin-top: 40px;
		padding-bottom: 10px;
}
	}

		#footerInner  #Footmenu .backToTop{
			font-weight:bold;
			font-size: 15px;
		}

		.menuCategorise {
			float: left;
			width: 140px;
			margin: 0 1.020408% 0 0;
			padding: 0px;
			margin-top: 20px;
		}

		.menuCategorise .on{
			background:url(../../img/footer/footerArrowOn.jpg)no-repeat;
			padding-left: 6px;
		}

				.menuCategorise .on a{
					color:#a22301;
				}

		.menuCategorise .off{
			background:url(../../img/footer/footerArrowOff.jpg)no-repeat;
			padding-left: 6px;
		}

		.menuCategorise .off:hover{
			background:url(../../img/footer/footerArrowOn.jpg)no-repeat;
		}

				.menuCategorise .off a{
					color:#40371b;
				}

				.menuCategorise .off a:hover{
					color:#a22301;
				}

		.menuCategorise ul {
			margin: 10px 0 0 6px;
			padding: 0px;
		}

			.menuCategorise ul li {
				margin: 0px;
				padding: 0px;
			}

			


	#copyright {
		width: 100%;
		margin: 0px auto;
		position:relative;
		background: url(../../img/footer/footer_bottom.jpg)top repeat-x;

	}
		#copyright p {
			text-align:center;
			padding-top: 20px;
			color:#40371b;
		}



/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width:768px) {



/*Header*/
/*------------------*/

#headerInner-main {
	width: 100%;
}

#headerInner{
	width: 100%;
}

#header{
	position: relative;
}

#title img {
	width: 60%;
	position: absolute;
	left: 15px;
	bottom: 10px;
}

#container #catch {
	height: 300px;
	margin-top: 85px;
}

	/**レスポンシブにした時のナビの見せ方
ハンバーガメニュー**/

#header nav{
  position: fixed;
  width: 100%;
  top: 0;
  right: -768px;
  background-color: rgba(255,255,255,1);
  height: 100%;
  padding-top: 70px;
}


#header nav ul li a{
  color: #40371b;
  padding-right: 0;
}

#header .btn-gnavi{
  position: fixed;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 24px;
  z-index: 3;
  cursor: pointer;
  transition: all 400ms;
  -webkit-transition:all 400ms;
}

#header .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms
}

#header .btn-gnavi span:nth-child(1){
  top: 0;
}

#header .btn-gnavi span:nth-child(2){
  top: 10px;
}

#header .btn-gnavi span:nth-child(3){
  top: 20px;
}

#header .btn-gnavi.hb-open{
  transform: rotate(180deg);
  -webkit-transform:rotate(180deg);
}

#header .btn-gnavi.hb-open span{
  background: #fff;
  background: #666;
}

#header .btn-gnavi.hb-open span:nth-child(1){
  width: 24px;
  transform: translate(-7px,17px) rotate(45deg);
  -webkit-transform: translate(-7px,17px) rotate(45deg);
}

#header .btn-gnavi.hb-open span:nth-child(3){
  width: 24px;
  transform: translate(-7px,-17px) rotate(-45deg);
  -webkit-transform: translate(-7px,-17px) rotate(-45deg);
}

/**ここまでハンバーガメニュー**/

#globalNav .top {
	display: inline-block;
}

#globalNav ul {
	width: 100%;
	padding: 0 14%;
  }

#globalNav .right_banner {
	margin: 0 auto 24px auto;
  }

#globalNav .english a{
	margin: 180px auto 24px auto;
  }



#globalNav .top div:after, ul:after, dl:after {
	content: none;
}

/*mainvisual*/
/*------------------*/

#rtl {
	display: none;
}


/*Contents*/
/*------------------*/

#contents {
	width: 100%;
}

#contents .left_content{
	width: 100%;
}

#contents .left_content .right_box{
	width: 100%;
	float: none;
	padding: 0 4%;
}

#contents .left_content .right_box .title_info{
	width: 100%;
    height:auto;
}

#contents .left_content .right_box .content_txt{
	width: 100%;
	float: none;
}

#contents .left_content .right_box .imgBox{
	padding: 20px 0 0 0;
}

#contents .figure {
	display: none;
}


/*Footer*/
/*------------------*/
#Footmenu {
	width: 100%;
}

#footerInner {
	width: 100%;
	padding: 0 4%;
}

.menuCategorise {
	margin-top: 30px;
	margin-right: 10px;
}

#copyright p {
	font-size: 10px;
	padding: 20px 4%;
}


}