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



/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 850px) {
	#contentsin{
		border-color: #290d08;
		background: #fff;
  }
	/*----------------------------------------------------
	☆header
	----------------------------------------------------*/
	#wrap{
		background:#290d08;
	}
	#header{
		border-color: #290d08;
	}

	#header .header .overser li a{
		color:#B6A190;
	}
	/*----------------------------------------------------
	☆protect_head
	----------------------------------------------------*/
	/* protect_head_top */
	#protect_head .protect_head_top{
		padding:30px 0 40px;
	}
	#protect_head .protect_head_top .text_top{
		font-size:12px;
		margin-bottom:15px;
	}
	#protect_head .protect_head_top h1{
		font-size:14px;
		letter-spacing: 0.06em;
		line-height: 1.2;
		margin-left: 0;
	}
	#protect_head .protect_head_top h1 span{
		font-size:30px;
	}

	/* protect_head_middle */

	#protect_head .protect_head_middle{
		background:
		url('../img/bk_deco01.png') no-repeat right top/100px,
		url('../img/top_bk01.jpg')no-repeat center center/cover;
		padding:60px 0 40px;
	}

	#protect_head .protect_head_middle h2{;
		font-size:18px;
		line-height:1.5;
		margin-bottom:20px;
	}

	#protect_head .protect_head_middle .text{
		font-size:12px;
		line-height:1.6;
		background: rgba(255,255,255,0.5);
	}
	#protect_head .protect_head_middle .protect_head_middle_wrap .protect_head_middle_wrap_box:before{
		content: "";
		width: 40px;
		height: 1px;
		background: #4a382d;
		position: absolute;
		transform: rotate(-45deg);
		right:50%;
		margin-right: -20px;
		top:-20px;
	}
	#protect_head .protect_head_middle .protect_head_middle_wrap{
		width:94%;
		margin:0 auto;
	}
	#protect_head .protect_head_middle .protect_head_middle_wrap .protect_head_middle_wrap_box{
		float:right;
		text-align:center;
		width: 100%;
	}
	/* protect_head_top */

	#protect_head .protect_head_bottom{
		padding:75px 0;
		background:
		url('../img/bk_deco02.png') no-repeat left bottom/90px,
		url('../img/bk_deco03.png') no-repeat right top/60px,
		url('../img/top_bk02.png')repeat center center,
		linear-gradient(to right, rgba(83,37,31,1) 0%, rgba(52,19,12,1) 100%);
	}


	#protect_head .protect_head_bottom .protect_head_bottom_link h2{
		font-size:20px;
		margin-bottom:20px;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul{
		width: 94%;
		margin: 0 auto;
		text-align: left;
		border-top: 1px solid #CABAAE;
		border-left: 1px solid #CABAAE;
	}
	_::-webkit-full-page-media, _:future, :root #protect_head .protect_head_bottom .protect_head_bottom_link ul{
			letter-spacing: -0.333em;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li{
		width: 50%;
		margin-right: 0;
		font-size:0;
		border-bottom: 1px solid #CABAAE;
		border-right: 1px solid #CABAAE;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li:nth-of-type(2n){
		margin-right: 0;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link ul li a{
		font-size:12px;
		letter-spacing:0em;
		padding: 13px 0;
		display: block;
		text-align:center;
		background: #290d08;
		line-height: 1.2;
		cursor: pointer;
	}


	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a{
		width: 94%;
		font-size:14px;
		padding:13px 0;
		margin-top:20px;
		background: #290d08;
	}
	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a span{
		position:relative;
		padding-right:25px;
	}

	#protect_head .protect_head_bottom .protect_head_bottom_link .link_button a span:after{
		font-size:12px;
		top:3px;
	}



	/*----------------------------------------------------
	☆to_links
	----------------------------------------------------*/
	#main.to_links{
    padding:40px 0 0;
  }
	#main.to_links .to_link{
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top:-66px;
		padding-top:66px;
	}

	#main.to_links .to_link .fltbox{
		padding-bottom: 30px;
	}

	#main.to_links .to_link:nth-last-of-type(1){
		padding-bottom: 0;
	}

	#main.to_links .to_link:nth-last-of-type(1) .fltbox{
		padding-bottom:0;
	}




	/*----------------------------------------------------
	☆component
	----------------------------------------------------*/
	#component{
		padding:0;
	}
	#component .fltbox .boxL h2{
		background: #8B7D66;
	}
	#component .fltbox .boxR h2{
		left:-36px;
		bottom:0;
		color:#8B7D66;
		font-family: "playfair", serif;
		height:501px;
	}



	/*----------------------------------------------------
	☆footer
	----------------------------------------------------*/

	#footer .footer_link{
		background:#8B7D66;
		border-bottom:1px solid #a09582;
	}

	#footer .bottom_logo{
		background:#8B7D66;
	}






}