@charset "UTF-8";


#header-content .header-body{ background: none; }
#main-content{ padding-top: 0; }
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#header-content .header-body{ background: url(../images/img_parts/content/bg01.jpg) center 0 no-repeat; background-size: cover; }
	#main-content{ padding-top: 60px; }
	
}


input:placeholder-shown,textarea:placeholder-shown{ color: rgba(255,255,255,0.3); }
input::placeholder,textarea::placeholder{ color: rgba(255,255,255,0.3); }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: rgba(255,255,255,0.3); }
input:-moz-placeholder,textarea:-moz-placeholder{ color: rgba(255,255,255,0.3); }
input::-moz-placeholder,textarea::-moz-placeholder{ color: rgba(255,255,255,0.3); }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: rgba(255,255,255,0.3); }
input[type="text"],input[type="password"],textarea{ box-sizing: border-box; padding: 15px; border: 1px solid #dddddd; font-size: 16px; }


#main-content .announce{ width: 1112px; /*background-color: rgba(255,255,255,0.8);*/ position: absolute; left: 50%; top: 142px; z-index: 1001; transform: translateX(-50%); }
#main-content .announce .item{ display: table; padding: 10px 5px; clear: left; width: 100%; margin: 0 auto; box-sizing: border-box; margin: 0 auto; }
#main-content .announce .icon{ display: table-cell; vertical-align: middle; width: 160px; border: 1px solid #ffffff; text-align: center; vertical-align: middle; box-sizing: border-box; font-size: 20px; color: #ffffff; }
#main-content .announce .txt{ display: table-cell; vertical-align: middle; padding-left: 7px; font-size: 14px; line-height: 1.33; color: #ffffff; }
#main-content .main-visual{ position: relative; }
#main-content .main-visual .photo-body{ position: relative; }
#main-content .main-visual .photo-body .photo img{ width: 100%; height: auto; }
#main-content .main-visual .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 7px; color: #ffffff; background-color: rgba(0,0,0,0.5); }
#main-content .main-visual .txt-body{ position: absolute; width: 100%; bottom: 0; text-align: center; padding: 0 3% 5%; box-sizing: border-box; }
#main-content .main-visual .txt-body .copy{ max-width: 391px; width: 100%; margin: 0 auto; }
#main-content .main-visual .txt-body .password-body{ display: flex; display: -ms-flex; justify-content: center; align-items: center; margin-top: 5%; padding-left: 44px; }
#main-content .main-visual .txt-body .password-body .txt{ max-width: 340px; flex: 1; }
#main-content .main-visual .txt-body .password-body .txt input{ background-color: rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.8); color: #ffffff; width: 100%; }
#main-content .main-visual .txt-body .password-body .btn{ width: 34px; margin-left: 10px; }
#main-content .main-visual .txt-body .password-body .btn img{ width: 100%; height: auto; }
#main-content .main-visual .txt-body .error-txt{ color: #ddc000; margin-top: 5%; }
#main-content .middle-area{ background-color: #ffffff; padding: 110px 0 95px; max-width: 1112px; margin: 0 auto; }
#main-content .middle-area .notice{ margin: 0 auto; text-align: center; }
#main-content .middle-area .notice .ttl{ display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main-content .middle-area .notice .ttl .deco{ max-width: 109px; flex: 1; line-height: 0; }
#main-content .middle-area .notice .ttl .deco~.deco{ transform: scaleX(-1); }
#main-content .middle-area .notice .ttl .deco img{ width: 100%; height: auto; }
#main-content .middle-area .notice .ttl .word{ font-family: 'EB Garamond','Cormorant Garamond', serif; font-size: 18px; line-height: 1.5; color: #606060; padding-left: 0.5em; letter-spacing: 0.5em; margin: 0 1em; font-weight: normal; }
#main-content .middle-area .notice .model-txt{ font-size: 36px; line-height: 1.3; color: #000000; letter-spacing: 0.5em; padding-left: 0.5em; margin-top: 40px; }
#main-content .middle-area .notice .model-txt .marker{ display: inline-block; background-color: #84713e; color: #ffffff; font-size: 50%; letter-spacing: 0; padding: 2px 10px; }
#main-content .middle-area .notice .entry-body{ margin-top: 40px; }
#main-content .middle-area .notice .entry-body .txt{ font-size: 16px; line-height: 1.7; }
#main-content .middle-area .notice .entry-body .navi{ max-width: 310px; margin: 40px auto 0; }
#main-content .middle-area .notice .entry-body .navi a{ display: block; background-color: #000000; color: #ffffff; padding: 20px 0; font-size: 18px; line-height: 1.5; text-decoration: none; position: relative; }
#main-content .middle-area .notice .entry-body .navi a .icon01{ display: inline-block; line-height: 0; margin-right: 0.7em; width: 19px; vertical-align: middle; transform: translateY(-10%); }
#main-content .middle-area .notice .entry-body .navi a .icon02{ position: absolute; width: 21px; right: 0; top: 50%; transform: translateY(-50%); margin-right: 5%; line-height: 0; }
#main-content .middle-area .feature{ padding: 50px; max-width: 1112px; box-sizing:border-box; background-color: #eae6dc; text-align: center; margin: 60px auto 0; }
#main-content .middle-area .feature .row{ border-bottom: 1px solid #927d3f; padding-bottom: 10px; margin-bottom: 10px; }
#main-content .middle-area .feature .row01 .copy{ display: flex; display: -ms-flex; justify-content: center; align-items: center; font-size: 46px; line-height: 0.9; color: #927d3f; }
#main-content .middle-area .feature .row01 .copy .word01{  }
#main-content .middle-area .feature .row01 .copy .word02{ font-size: 40%; line-height: 1.2; padding-left: 30px; }
#main-content .middle-area .feature .row01 .copy .word03{ padding-left: 0.1em; font-size: 120%; }
#main-content .middle-area .feature .row01 .copy .word03 .s-size{ font-size: 70%; }
#main-content .middle-area .feature .row02{ display: flex; display: -ms-flex; justify-content: center; align-items: center;  }
#main-content .middle-area .feature .row02 .area,
#main-content .middle-area .feature .row02 .copy{ font-size: 34px; line-height: 1; color: #927d3f; }
#main-content .middle-area .feature .row02 .copy{ margin-left: 1em; }
#main-content .middle-area .feature .row02 .copy sub{ font-size: 40%; color: #140700; letter-spacing: 0; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .announce{ width: 940px; }
	#main-content .middle-area{ max-width: 940px; }
	#main-content .middle-area .feature .row01 .copy{ font-size: 42px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .announce{ position: relative; left: 0; top: auto; transform: none; width: auto; background-color: #000000; }
	#main-content .announce .item{ display: block; overflow: hidden; padding: 7px 10px; width: auto; }
	#main-content .announce .icon{ display: block; float: left; }
	#main-content .announce .txt{ font-size: 12px; display: block; overflow: hidden; }
	#main-content .announce .txt .inline-block{ display: inline; }
	#main-content .main-visual .txt-body{ position: relative; padding: 10% 5%; background: url(../images/img_parts/content/bg01.jpg) center center no-repeat; background-size: cover; }
	#main-content .main-visual .txt-body .password-body{ padding-left: 0; margin-top: 10%; }
	#main-content .middle-area{ padding: 15% 5%; }
	#main-content .middle-area .notice .ttl .word{ padding-left: 0.2em; letter-spacing: 0.2em; margin: 0 1em; font-weight: normal; }
	#main-content .middle-area .notice .model-txt{ font-size: 26px; letter-spacing: 0.2em; padding-left: 0.2em; margin-top: 10%; }
	#main-content .middle-area .notice .model-txt .marker{ font-size: 60%; }
	#main-content .middle-area .notice .entry-body{ margin-top: 10%; }
	#main-content .middle-area .notice .entry-body .txt{ font-size: 14px; }
	#main-content .middle-area .notice .entry-body .navi{ margin: 10% auto 0; }
	#main-content .middle-area .notice .entry-body .navi a{ font-size: 14px; }
	#main-content .middle-area .feature{ padding: 10% 5%; margin: 10% auto 0; }
	#main-content .middle-area .feature .row{ border-bottom: 1px solid #927d3f; padding-bottom: 10px; margin-bottom: 10px; }
	#main-content .middle-area .feature .row01 .copy{ font-size: 6.77vw; line-height: 1.2; flex-wrap: wrap; }
	#main-content .middle-area .feature .row01 .copy .word01{ width: 100%; }
	#main-content .middle-area .feature .row01 .copy .word02{ padding-left: 0; }
	#main-content .middle-area .feature .row02{ display: block; }
	#main-content .middle-area .feature .row02 .area,
	#main-content .middle-area .feature .row02 .copy{ font-size: 4.5vw; line-height: 1.2; }
	#main-content .middle-area .feature .row02 .copy{ margin: 3% 0 0 0; }
	#main-content .middle-area .feature .caption{ text-align: left; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .announce .icon{ float: none; line-height: 1.5; width: 100%; }
	#main-content .announce .txt{ margin-top: 5px; padding: 0; }
}











/*loginの上書き*/
#container.status-login #main-content .main-visual .txt-body .password-body{ display: none; }
#container.status-login #main-content .middle-area .notice .entry-body{ display: none; }
#main-content .middle-area .notice .entry-body.limited{ display: none; }
#container.status-login #main-content .middle-area .notice .entry-body.limited{ display: block; }
#container.status-login::before{ display: none; }