@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/

/*===================================================================
	共通部分
===================================================================*/
.wrap { margin-bottom:30px; }
.caption { font-size:0.85em; color:#999; }
.bb { margin-bottom:60px; padding-bottom:30px; border-bottom:1px solid #CCC; }
hr { display:block; height:0px; margin:30px 0 60px; background:none; border:none; border-bottom:1px solid #CCC; }
.shadow { box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.sbmit { padding:5px 25px; }

.box { padding:30px; border:2px solid #CCC; border-radius:5px; }
.box_2 { padding:30px; background:#FFF; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }

a.uln { text-decoration:none; color:#333; }
a.uln:hover { text-decoration:underline; }

@media (min-width: 1199px) {

.col-lg-3:nth-child(4n+1) { clear:left; }
.col-lg-4:nth-child(3n+1) { clear:left; }
.col-lg-6:nth-child(2n+1) { clear:left; }

}

@media (max-width: 1199px) and (min-width: 768px) {

.col-md-4:nth-child(3n+1) { clear:left; }

}

@media (max-width: 768px) {

	.sp_none { display:none; }

}

.mb50 {
    margin-bottom: 50px;
}

	/*-------------------------------------------------------------------
		#page_title
	-------------------------------------------------------------------*/
	#page_title { margin-bottom:60px; height:170px;  background-size:cover; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
	#page_title .title h1 { content:none; display:table-cell; height:170px; vertical-align:middle; font-size:30px; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	/* #page_title { margin-bottom:60px; height:170px;  background:#FAFAFA url(../image/layout/page_title_back.jpg) no-repeat center center; background-size:cover; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
	#page_title .title h1 { display:table-cell; height:170px; vertical-align:middle; font-size:30px; font-weight:bold; text-align:center;  text-shadow:0px 0px 10px rgb(255,255,255),0px 0px 10px rgb(255,255,255),0px 0px 20px rgb(255,255,255); }*/

@media (min-width: 970px) {

	#page_title .title { width:970px; margin:0 auto; }
	#page_title .title h1 { width:970px; }

}

@media (max-width: 969px) {

	#page_title { height:130px; margin-bottom:20px; }
	#page_title .title { display:table; width:100%; text-align:center; }
	#page_title .title h1 { width:100%; height:130px; text-align:center; }

}

@media (max-width: 600px) {

	#page_title .title h1 { font-size:20px; }

}


	/*-------------------------------------------------------------------
		#comment_1
	-------------------------------------------------------------------*/
	#comment_1 { height:301px; margin-bottom:40px; background:#B2E1E9; }
	#comment_1 .container {  background:#B2E1E9 url(../image/content/build/image_1.jpg) no-repeat left top; }
	#comment_1 .text { display:table-cell; height:301px; padding-left:440px; vertical-align:middle; text-align:left; }
	#comment_1 .text h3 { margin-bottom:15px; font-size:30px; }
	#comment_1 .text p { font-size:14px; }

@media (max-width: 768px) {

	#comment_1 { height:auto; }
	#comment_1 .text { display:block; height:inherit; padding:350px 20px 40px; vertical-align:middle; text-align:left; }
	#comment_1 .text h3 { margin-bottom:15px; font-size:20px; }

}

	/*-------------------------------------------------------------------
		#entry
	-------------------------------------------------------------------*/
	/**
	 * 4.0 Alignment
	 */

	.alignleft {
		float: left;
		margin: 7px 28px 28px 0;
	}

	.alignright {
		float: right;
		margin: 7px 0 28px 28px;
	}

	.aligncenter {
		clear: both;
		display: block;
		margin: 7px auto;
	}


	/**
	 * 5.0 Caption
	 */

	.wp-caption {
		background: transparent;
		border: none;
		color: #707070;
		font-family: "Noto Sans", sans-serif;
		margin: 0 0 28px 0;
		max-width: 100%;
		padding: 0;
		text-align: inherit;
	}

	.wp-caption.alignleft {
		margin: 7px 15px 21px 0;
	}

	.wp-caption.alignright {
		margin: 7px 0 21px 15px;
	}

	.wp-caption.aligncenter {
		margin: 7px auto;
	}

	.wp-caption .wp-caption-text,
	.wp-caption-dd {
		font-size: 14px;
		line-height: 1.5;
		padding: 7px 0;
	}


	/**
	 * 6.0 Galleries
	 */

	.gallery-item {
		display: inline-block;
		padding: 1.79104477%;
		text-align: center;
		vertical-align: top;
		width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}

	.gallery .gallery-caption {
		color: #707070;
		display: block;
		font-family: "Noto Sans", sans-serif;
		font-size: 14px;
		line-height: 1.5;
		padding: 7px 0;
	}

	.gallery-columns-6 .gallery-caption,
	.gallery-columns-7 .gallery-caption,
	.gallery-columns-8 .gallery-caption,
	.gallery-columns-9 .gallery-caption {
		display: none;
	}


	/**
	 * 7.0 Audio / Video
	 */

	.mce-content-body .wpview-wrap {
		margin-bottom: 32px;
	}

	.mce-content-body .wp-audio-playlist {
		margin: 0;
	}


	/**
	 * 8.0 RTL
	 */

	body.rtl {
		font-family: Arial, Tahoma, sans-serif;
	}

	.rtl blockquote {
		border-left: none;
		border-right: 4px solid #707070;
		margin: 0 -21px 35px 0;
		padding-left: 0;
		padding-right: 17px;
	}

	.rtl blockquote > blockquote {
		margin-left: auto;
		margin-right: 0;
	}

	.rtl li > ul,
	.rtl li > ol {
		margin: 0 23px 0 0;
	}

	.rtl table th,
	.rtl table caption {
		text-align: right;
	}

	#entry { text-align:left; }
	#entry select { padding:4px 12px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; border:1px solid #ccc; font-size:14px; border-radius:4px;}
@media (min-width: 768px) {

	#entry { font-size:15px; }
	#entry { padding-bottom:35px; }
	#entry .container { width:630px; }
	#entry .container .row * { margin-left:0; margin-right:0; }

	#entry iframe { margin-bottom:40px; }

	#entry img { margin-bottom:20px; }
	#entry p,
	#entry table,
	#entry h3,
	#entry h4,
	#entry h5,
	#entry ul,
	#entry ol { margin-bottom:35px; font-size:13px; color:#454545; line-height:1.8; }

	#entry .list_inline li { display:inline-block; padding-right:15px; margin-right:-5px; }

	#entry h2 + p,
	#entry h3 + p,
	#entry h4 + p { margin-top:-15px; }


	#entry table,
	#entry h3,
	#entry h4,
	#entry h5 { clear:both; }

	#entry figure img { margin-bottom:0px; }

	#entry table th { background:#F3EDCC; text-align:center; }
	#entry table th,
	#entry table td { padding:10px 12px; border:2px solid #C6C6C6; vertical-align:middle; }
	#entry h1 { margin:60px 0 60px; font-size:30px; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry h2 { margin:60px 0 30px; padding:15px 12px; background:#F2F2F2; border-bottom:1px solid #222; font-size:21px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry > h2:first-child { margin-top:0; }
	/*#entry h2:before { content:"[" }
	#entry h2:after { content:"]" }*/
	#entry h3 span { padding:5px 10px; background:#044FA4; font-size:12px; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
	#entry h3 { margin:70px 0 40px; padding:0 12px; border-left:1px solid #004EA1; font-size:21px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry > h3:first-child { margin-top:0; }
	#entry h4 { padding:8px 2px; font-size:15px; border-bottom:1px solid #DDD; }
	#entry h5 { padding:8px 12px; font-size:19px; border-top:1px solid #858585; border-bottom:1px solid #858585; font-weight:bold; }
	#entry h6 { margin-bottom:35px; padding:1px 10px; border-left:5px solid #464646; font-size:17px; }
	#entry p + h6 { margin-top:50px; }
	#entry h6 + p,
	#entry h6 + ul,
	#entry h6 + ol { margin-top:-20px; }

	#entry h6 + h4 { margin-top:-15px; }

	#entry h2 + h3 { margin-top:0px; }
	#entry h3 + h4 { margin-top:-20px; }
	#entry h2 + h4 { margin-top:0px; }

	#entry ul > li { margin-left:10px; padding-left:20px; background:url(../image/layout/icon_arrow.jpg) no-repeat left 6px; }
	#entry ol > li { position:relative; margin-left:10px; padding-left:25px; list-style:none; counter-increment:x; }
	#entry ol > li:before { content:counter(x); position:absolute; left:0px; font-weight:bold; color:#999; }

	#entry ul.nav-tabs li { background:none; padding-left:10px; }

	#entry .fl_left { margin:0 25px 25px 0; }
	#entry .fl_right { margin:0 0 25px 25px; }

	/* floatクリア */
	#entry { zoom:1; /*for IE 5.5-7*/ }
	#entry:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	#entry .button1 { display:block; float:left; width:47%; margin:0 15px 15px 0; padding:10px 15px; background:#F2F2F2; border:2px solid #C6C6C6; font-size:19px; text-decoration:none; }

}

@media (max-width: 767px) {

	#entry { padding:0 0 15px; }
	#entry .container { padding:0; }
	#entry .container .row * { margin-left:0; margin-right:0; }

	#entry iframe { margin-bottom:40px; }

	#entry img { display:block; width:100%; height:auto; margin-bottom:20px; }
	#entry p,
	#entry table,
	#entry h3,
	#entry h4,
	#entry h5,
	#entry ul,
	#entry ol { clear:both; margin-bottom:20px; color:#454545; line-height:1.8; }
	#entry table { border-collapse:collapse; }
	#entry table th { background:#F3EDCC; text-align:center; }
	#entry table th,
	#entry table td { padding:10px 12px; border:2px solid #C6C6C6; vertical-align:middle; }
	#entry h1 { margin:60px 0 60px; font-size:25px; text-align:center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry h2 { margin:60px 0 30px; padding:15px 12px; background:#F2F2F2; border-bottom:1px solid #222; font-size:17px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry > h2:first-child { margin-top:0; }
	/*#entry h2:before { content:"[" }
	#entry h2:after { content:"]" }*/
	#entry h3 { margin:70px 0 40px; padding:0 12px; border-left:1px solid #004EA1; font-size:17px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
	#entry > h3:first-child { margin-top:0; }
	#entry h4 { padding:8px 2px; font-size:15px; border-bottom:1px solid #DDD; }
	#entry h5 { padding:8px 12px; font-size:19px; border-top:1px solid #858585; border-bottom:1px solid #858585; font-weight:bold; }
	#entry h6 { margin-bottom:35px; padding:1px 10px; border-left:5px solid #464646; font-size:17px; }
	#entry p + h6 { margin-top:50px; }
	#entry h6 + p,
	#entry h6 + ul,
	#entry h6 + ol { margin-top:-20px; }

	#entry h6 + h4 { margin-top:-15px; }

	#entry h2 + h3 { margin-top:0px; }
	#entry h3 + h4 { margin-top:-20px; }
	#entry h2 + h4 { margin-top:0px; }

	#entry h2 + p,
	#entry h3 + p,
	#entry h4 + p { margin-top:-15px; }

	#entry .alignleft,
	#entry .alignright { float:none; margin:0 0 20px; }

	#entry figure img { margin-bottom:0px; }

	#entry ul > li { margin-left:10px; padding-left:20px; background:url(../image/layout/icon_arrow.jpg) no-repeat left 6px; }
	#entry ol > li { position:relative; margin-left:10px; padding-left:25px; list-style:none; counter-increment:x; }
	#entry ol > li:before { content:counter(x); position:absolute; left:0px; font-weight:bold; color:#999; }

	#entry ul.nav-tabs li { background:none; padding-left:10px; }

	#base #entry .fl_left,
	#base #entry .fl_right { float:none; }
	#entry .fl_left + p,
	#entry .fl_right + p { clear:none; }

	/* floatクリア */
	#entry p:after,
	#entry table:after,
	#entry h3:after,
	#entry h4:after,
	#entry h5:after,
	#entry h6:after,
	#entry ul:after,
	#entry ol:after,
	#entry div:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

	#entry .button1 { display:block; width:100%; margin:0 0 15px 0; padding:10px 15px; background:#F2F2F2; border:2px solid #C6C6C6; font-size:19px; text-decoration:none; }
	#entry select { width:100%; font-size:16px; padding:6px 12px;}
	#entry .form_tbl {}
	#entry .form_tbl table,#entry .form_tbl tbody,#entry .form_tbl tr,#entry .form_tbl th,#entry .form_tbl td { display:block !important; width:100%;}
	#entry .form_tbl input[type="submit"] { margin:0 auto; display:block;}
	#entry .form_tbl img { width:auto;}

	#entry .checkbox {}
	#entry .checkbox label { display:inline-block; width:47%; padding:10px 5px;}
	#entry .checkbox label span,
	#entry .checkbox input { position:static; display:inline-block; vertical-align:middle; font-size:12px; margin-top:0;}
	#entry .checkbox input { margin-left:-15px;}
}


/*===================================================================
	#secondary
===================================================================*/

	/*-------------------------------------------------------------------
		#secondary_blog
	-------------------------------------------------------------------*/
	#secondary_blog { position:relative; border:1px solid #DDD; border-radius:5px; overflow:hidden; text-align:left; }
	#secondary_blog .overflow { padding:15px 0 20px; }
	#secondary_blog .overflow .unit { margin:0 0 15px; padding:0 20px 15px; border-bottom:1px solid #DDD; }
	#secondary_blog .overflow .unit:last-child { margin-bottom:0; padding-bottom:0; border:none; }
	#secondary_blog .overflow .unit dt { font-size:1.17em; }
	#secondary_blog .overflow .unit .date { padding-left:12px; background:url(../image/layout/icon_arrow.jpg) no-repeat left center; }
	#secondary_blog .hl { padding:15px; background:#FAFAFA; border-bottom:1px solid #DDD; border-radius:0; text-align:center; font-size:1.3em; }

@media (max-width: 969px) {

	#secondary_blog { margin-left:-15px; margin-right:-15px; }
	#secondary_blog .overflow { background:none; }

}

@media (max-width: 767px) {

	#secondary_blog { border:none; border-radius:0; border-top:1px solid #DDD; }
	#secondary_blog .overflow .unit:last-child { padding-bottom:15px; border-bottom:1px solid #DDD; }

}

@media (min-width: 768px) {

	#secondary_blog .more { position:absolute; right:20px; top:17px; }
	#secondary_blog .more a { font-size:12px; text-decoration:none; color:#333; }
	#secondary_blog .more i { margin-right:7px; }

}

@media (max-width: 767px) {

	#secondary_blog .more a { display:block; margin:0px 15px 30px; padding:10px; border:2px solid #054FA3; font-size:14px; text-decoration:none; text-align:center; color:#054FA3; }
	#secondary_blog .more i { margin-right:7px; }

}

/*===================================================================
	#top
===================================================================*/
#top {}

	/*-------------------------------------------------------------------
		#main_visual
	-------------------------------------------------------------------*/
	#main_visual { position:relative; height:780px; background:url(../image/content/top/main_visual_shadow.png) repeat-x center bottom;z-index: 20; }
	#main_visual .text { display:none; position:absolute; top:50%; width:100%; margin-top:-50px; padding:0 20px; text-align:center; }
	#main_visual .text img { max-width:100%; height:auto; }
	#main_visual #scroll { position:absolute; bottom:20px; width:100%; text-align:center; height:34px; }

	/*-------------------------------------------------------------------
		.top_unit
	-------------------------------------------------------------------*/
	.top_unit { display:table; width:100%; }
	.top_unit .tr { display:table-cell; width:50%; }
	.top_unit .unit { display:table-cell; width:50%; overflow:hidden; background:url(../image/content/top/unit_shadow.png) no-repeat right bottom; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; transition: 0.3s; }
	.top_unit .tr:nth-child(1) .unit:nth-child(1) { border-left:none; }
	.top_unit .unit a { display:block; height:400px; position:relative; text-decoration:none; color:#333; }
	.top_unit .unit .scale { padding:36px 0; transition: 0.3s; }
	.top_unit .unit .number { margin:0 0 22px; }
	.top_unit .unit .icon { margin:0 0 27px; }
	.top_unit .unit .title { margin:0 0 15px; }
	.top_unit .unit .comment { padding:0 35px; font-size:14px; }
	.top_unit .unit:hover { overflow:hidden; transition: 0.5s; }
	.top_unit .unit:hover .scale { position:relative; transition: 0.5s; transform:scale(1.2); }
	.top_unit .unit .hover { display:none; font-size:28px; }
	.top_unit .unit:hover .hover { display:block; color:#FFF; font-weight:bold; }
	.top_unit .unit:hover .hover span { position:absolute; top:50%; width:100%; left:0; text-align:center; }
	.top_unit .unit a .hover { width:100%; position:absolute; background:rgba(0,0,0,0.75); height:100%; z-index:100; }
	.top_unit .unit_1:hover { background-color:#C4EBF2; }
	.top_unit .unit_2:hover { background-color:#F8E3E1; }
	.top_unit .unit_3:hover { background-color:#FBEAD8; }
	.top_unit .unit_4:hover { background-color:#D4EED8; }
	.top_unit .unit_5:hover { background-color:#E6E6F6; }
	.top_unit .unit_6:hover { background-color:#F1E6EE; }
	.top_unit .unit_7:hover { background-color:#F9F6DB; }
	.top_unit .unit_8:hover { background-color:#EAF1DC; }

	
	
@media (min-width: 2000px) {

	.top_unit .unit .comment:after { content:"■■■■■■■■■■■■■■■■■■■■"; opacity:0; }

}

@media (max-width: 1000px) {

	.top_unit .tr { display:table-row; }
	.top_unit .unit { width:50%; border-bottom:1px solid #E4E4E4; }

}

@media (max-width: 600px) {

	.top_unit { display:block; }
	.top_unit .tr { display:block; width:100%; }
	.top_unit .unit { display:block; width:100%; }

}
	/*-------------------------------------------------------------------
		.top_unit2
	-------------------------------------------------------------------*/
	#second_section_unit { background-color: #EEEEEE; }
	.top_unit_cutom { margin: 0 12.5%; background: #fff; }
	.top_unit2 { display:table; width:100%; }
	.top_unit2 .tr { display:table-cell; width:25%; }
	.top_unit2 .unit { display:table-cell; width:25%; overflow:hidden; background:url(../image/content/top/unit_shadow.png) no-repeat right bottom; border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; transition: 0.3s; }
	.top_unit2 .tr:nth-child(1) .unit:nth-child(1) { border-left:none; }
	.top_unit2 .unit a { display:block; height:400px; position:relative; text-decoration:none; color:#333; }
	.top_unit2 .unit .scale { padding:36px 0; transition: 0.3s; }
	.top_unit2 .unit .number { margin:0 0 22px; }
	.top_unit2 .unit .icon { margin:0 0 27px; }
	.top_unit2 .unit .title { margin:0 0 15px; }
	.top_unit2 .unit .comment { padding:0 35px; font-size:14px; }
	.top_unit2 .unit:hover { overflow:hidden; transition: 0.5s; }
	.top_unit2 .unit:hover .scale { position:relative; transition: 0.5s; transform:scale(1.2); }
	.top_unit2 .unit .hover { display:none; font-size:22px; }
	.top_unit2 .unit:hover .hover { display:block; color:#FFF; font-weight:bold; }
	.top_unit2 .unit:hover .hover span { position:absolute; top:50%; width:100%; left:0; text-align:center; }
	.top_unit2 .unit a .hover { width:100%; position:absolute; background:rgba(0,0,0,0.75); height:100%; z-index:100; }
	.top_unit2 .unit_1:hover { background-color:#C4EBF2; }
	.top_unit2 .unit_2:hover { background-color:#F8E3E1; }
	.top_unit2 .unit_3:hover { background-color:#FBEAD8; }
	.top_unit2 .unit_4:hover { background-color:#D4EED8; }
	.top_unit2 .unit_5:hover { background-color:#E6E6F6; }
	.top_unit2 .unit_6:hover { background-color:#F1E6EE; }
	.top_unit2 .unit_7:hover { background-color:#F9F6DB; }
	.top_unit2 .unit_8:hover { background-color:#EAF1DC; }

@media (min-width: 2000px) {
	.top_unit2 .unit .comment:after { content:"■■■■■■■■■■■■■■■■■■■■"; opacity:0; }
}
@media (max-width: 1000px) {
	.top_unit_cutom { margin: 0; }
	.top_unit2 .tr { display:table-row; }
	.top_unit2 .unit { width:33.3%; border-bottom:1px solid #E4E4E4; }
}
@media (max-width: 600px) {
	.top_unit2 { display:block; }
	.top_unit2 .tr { display:block; width:100%; }
	.top_unit2 .unit { display:block; width:100%; }
}
	/*-------------------------------------------------------------------
		#top_information
	-------------------------------------------------------------------*/
	#top_information { padding:50px 0; background:#EEEEEE; }
	#top_information .hl { margin-bottom:30px; }
	#top_information .more { position:relative; bottom:-83px; }
	#top_information table,#top_information table tbody,#top_information table tr { width:100%;}
	#top_information table th,
	#top_information table td { padding:15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-size:15px; }
	#top_information table .category { padding:15px 0; }
	#top_information table a { color:#333; text-decoration:none; }

	#top_information table .date { width:130px; text-align:center; }
	#top_information table .category { width:130px; text-align:center; }

	/* スマホ用 */ @media (max-width: 600px) {

	#top_information .hl img { max-width:100%; }
	#top_information table { border-top:1px solid #CCC; }
	#top_information table { display:block; text-align:left; }
	#top_information table .date,
	#top_information table .category { display:inline-block; padding-bottom:0; border:none; }
	#top_information table .comment { display:block; padding-top:10px; border-top:none; }
	#top_information .more { margin-top:-35px; }
	#top_information .more img { max-width:100%; height:auto; }
	#top_information table,#top_information table tbody,#top_information table tr { width:100%; display:block;}
	}

	/*-------------------------------------------------------------------
		#top_link
	-------------------------------------------------------------------*/
	#top_link { padding:70px 0 10px; border-bottom:1px solid #DDD; text-align:left; }
	#top_link .hl { margin-bottom:10px; padding:5px 10px; background:#004EA1; color:#FFF; }
	#top_link ul { margin-bottom:20px; padding:0 10px; }
	#top_link .col-md-6 { clear:none; }
	#top_link li { margin-bottom:5px; padding-left:12px; background:url(../image/layout/icon_arrow.jpg) no-repeat left center; }


	/*-------------------------------------------------------------------
		#policy_message
	-------------------------------------------------------------------*/
	#policy_message { padding:50px 30px; background:url(../image/layout/policy_back.jpg) no-repeat center center; background-size:cover; text-align:center; }
	#policy_message .box { display:inline-block; width:900px; padding:50px 30px; background:rgba(255,255,255,0.9); border:none; border-radius:0; }
	#policy_message .box img { max-width:100%; height:auto; }
	#policy_message .box .hl { margin-bottom:20px; }
	#policy_message .box .comment { font-size:15px; font-weight:bold; }

@media (max-width: 1000px) {

	#policy_message .box { display:block; width:100%; }

}

@media (max-width: 600px) {

	#policy_message { padding:20px; }
	#policy_message .box { padding:20px; }
	#policy_message .box .comment { font-weight:normal; font-size:13px; }

}

	/*-------------------------------------------------------------------
		#top_banner
	-------------------------------------------------------------------*/
	#top_banner { padding:30px 0 10px; }
	#top_banner li { display:inline-block; margin:0 10px 20px; }

@media (max-width: 600px) {

	#top_banner li { margin:0 5px 10px; }
	#top_banner li img { width:auto; height:40px; }

}
#reform {}
#reform #entry table th, #reform  #entry table td { display:table-cell;}
#reform #extend ~ h2 { margin-top:0;}
/*===================================================================
	#mansion
===================================================================*/
#mansion {}
#mansion #sub_navi li:last-child { position:absolute; padding:0 23px 0 57px; margin-right:0; }
#mansion #sub_navi li:last-child img { height:75px;}
#gracetower #sub_navi li:last-child { position:absolute; right:0; padding-right:0; }

	/*-------------------------------------------------------------------
		#mansion_main_visual
	-------------------------------------------------------------------*/
	#mansion_main_visual { width:100%; position:relative; overflow:hidden; text-align:center; display:table;}
	#mansion_main_visual a { display:block; width:100%; height:565px; background:url(../image/content/mansion/main_visual.jpg) no-repeat center center; text-indent:-9999px; }
	#mansion_main_visual #mansion_logo  { position:absolute; top:50%; width:20%; display:table; margin-top:0 !important;}
	#mansion_main_visual #mansion_logo span { display:inline-block; padding:0 40px;}
	#mansion_main_visual #mansion_logo span img { width:100%; margin-top:-80px; }
	#mansion_main_visual #mansion_slide { padding-left:20%;}
	#mansion_main_visual #mansion_slide img { width:100%;}
@media (min-width:1200px) {
	#mansion_main_visual_logo {width:300px; height:500px; float:left;background-size:161px 132px !important;}
	#mansion_main_visual_right {height:500px; padding-left:300px;}
	#mansion_main_visual_slide {height:500px; }
}
@media (max-width:1199px)  {
	#mansion_main_visual_logo {width:200px; height:400px; float:left;background-size:161px 132px !important;}
	#mansion_main_visual_right {height:400px; padding-left:200px;}
	#mansion_main_visual_slide {height:400px; }
}
@media (max-width: 767px) {
	#mansion #entry h1 { margin:50px 0 25px;}
	#mansion #background { margin-bottom:0 !important;}
	#mansion_main_visual_logo {width:100px; height:300px; float:left;background-size:161px 132px !important;}
	#mansion_main_visual_right {height:300px; padding-left:100px;}
	#mansion_main_visual_slide {height:300px; }
	#mansion_main_visual #mansion_logo span { padding:0 25px;}
}
@media (max-width: 479px) {

	#mansion_main_visual #mansion_logo span { padding:0 10px;}
}
@media (max-width: 1359px) {

	#mansion_main_visual a { height:inherit; background:none; text-indent:0; }

}

	/*-------------------------------------------------------------------
		#mansion_1
	-------------------------------------------------------------------*/
	#mansion_1 { height:265px; padding:50px 0 0; background:url(../image/content/mansion/text_2.jpg) no-repeat center 150px; border-bottom:1px solid #DDD; }
	#mansion_1 p { display:none; }

@media (max-width: 767px) {

	#mansion_1 { height:inherit; padding:30px 0; background:none; }
	#mansion_1 p { display:block; padding:0 25px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

}

@media (max-width: 600px) {

	#mansion_1 p { text-align:left; }

}

	/*-------------------------------------------------------------------
		#mansion_2
	-------------------------------------------------------------------*/
	#mansion_2 { padding:75px 0; border-bottom:1px solid #DDD; text-align:left; }
	#mansion_2 .title { margin-bottom:15px; }
	#mansion_2 .none.title:after { display:none; }
	#mansion_2 .kanbai.title:after { content:"完売御礼"; font-size:14px; position:relative; margin-left:15px; padding:5px 17px; background:#C51A1E; font-weight:bold; color:#FFF; display:inline-block; vertical-align:top;}
	#mansion_2 .new.title:after { content:"NEW"; font-size:14px; position:relative; margin-left:15px; padding:5px 17px; background:#F7D607; font-weight:bold; color:#FFF; display:inline-block; vertical-align:top;}
	#mansion_2 .now.title:after { content:"販売中"; font-size:14px; position:relative; margin-left:15px; padding:5px 17px; background:#0097E0; font-weight:bold; color:#FFF; display:inline-block; vertical-align:top;}
	#mansion_2 .niki.title:after { content:"分譲開始"; font-size:14px; position:relative; margin-left:15px; padding:5px 25px; background:#F7D607; font-weight:bold; display:inline-block; vertical-align:top;}
	#mansion_2 .bunjo_chu.title:after { content:"分譲中"; font-size:14px; position:relative; margin-left:15px; padding:5px 25px; background:#F7D607; font-weight:bold; display:inline-block; vertical-align:top;}
	#mansion_2 .wazuka.title:after { content:"残りわずか"; font-size:14px; position:relative; margin-left:15px; padding:5px 25px; background:#F7D607; font-weight:bold; display:inline-block; vertical-align:top;}
/*
	#mansion_2 .title:after { content:"NEW"; position:relative; vertical-align:top; margin-left:15px; padding:5px 25px; background:#F7D607; font-weight:bold; display:inline-block;}
*/
	#mansion_2 h3,
	#mansion_2 .title a,
	#mansion_2 .title span { font-size:27px; color:#333; display:inline-block; margin-bottom:15px; }
	#mansion_2 .comment { font-size:1.07em; }

	#danti #mansion_2 { padding:0 0 0; border-bottom:none; }
	#danti #mansion_2 .title a { font-size:25px; color:#333; }

	#logistics #mansion_2 .title:after { display:none; }

@media (max-width: 767px) {
	#mansion_2 .image { text-align:center;}
	#mansion_2 .image,
	#mansion_2 .image_left { margin-bottom:25px; }

}

@media (max-width: 479px) {
	#mansion_2 .title span:first-child,#mansion_2 .title a { display:block;}
	#mansion_2 .title:after { display:inline-block; margin:10px 0 0 !important; }
	#mansion_2 .container .mb50:last-child { margin-bottom:0;}
	#mansion_2 .container .mb50:last-child .row.mb30 { margin-bottom:0;}
	#mansion_2 .title a, #mansion_2 .title span { font-size:20px;}
	#mansion_2 .container .container { padding:0;}
}

	/*-------------------------------------------------------------------
		#mansion_3
	-------------------------------------------------------------------*/
	#mansion_3 { padding:75px 0; border-bottom:1px solid #DDD; text-align:left; }
	#mansion_3 .title { margin:0 0 28px; text-align:center; }
	#mansion_3 .comment { height:34px; margin-bottom:30px; background:url(../image/content/mansion/text_2.jpg) no-repeat center center; }
	#mansion_3 .comment p { display:none; }
	#mansion_3 ul { padding:0 10px; text-align:center; }
	#mansion_3 ul li { display:inline-block; margin:0 5px 15px; text-align:center; }
	#mansion_3 ul li img { margin-bottom:10px; }

@media (max-width: 830px) {

	#mansion_3 .title { margin:0 15px 15px; }
	#mansion_3 .title img { max-width:100%; height:auto; }
	#mansion_3 .comment { height:inherit; margin:0 15px 30px; background:none; }
	#mansion_3 .comment p { display:inherit; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

}

@media (max-width: 767px) {

	#mansion_3 ul li { width:30%; font-size:10px; vertical-align:top; }
	#mansion_3 ul li img { width:100%; height:auto; }

}

@media (max-width: 479px) {

	#mansion_3 ul li { width:45%; }

}

/*===================================================================
	#brand (mansion)
===================================================================*/
#brand_1 { text-align:left; margin:0 0 50px 0; }
#brand_1 .name { margin-bottom:20px; padding:15px 15px 25px; border-bottom:1px solid #DDD; }
#brand_1 .comment { padding:0 10px 18px; font-size:1.07em; line-height:1.8; }
#brand_1 .button a { display:block; position:relative; padding:10px 15px; border:1px solid #0097E0; border-radius:5px; text-align:center; color:#0097E0; text-decoration:none; }
#brand_1 .button a:after { content:""; display:block; position:absolute; top:50%; margin-top:-7px; right:10px; width:8px; height:14px; background:url("../image/content/mansion/brand/arrow.jpg") no-repeat center center; background-size:8px 14px; }
#head_background .row { display:table-cell; height:1000px; vertical-align:middle; text-align:left; }
#head_background.visual_text .container { width:100%;}
#head_background.visual_text .row { height:750px; vertical-align:bottom; float:right; position:relative;}
#head_background.visual_text .row p { padding:5px 10px; background:rgba(255,255,255,0.3); font-size:13px; margin-bottom:10px; position:absolute; width:150px; bottom:0; right:10px;}
.brand_main_visual { display:table; height:auto; width:100%; max-width:1170px; margin:0 auto 50px; position:relative; }
.brand_main_visual img { max-width:100% !important;}
#brand_logo { display:table-cell; width:20%; vertical-align:middle;}
.detail #brand_logo {}
#brand_logo p { margin:0 -10px 10px;}
#brand_logo span { display:inline-block; padding:0 40px;}
.detail #brand_logo span { padding:0 30px;}
#brand_photo { display:table-cell; width:80%;}
#brand_photo img,
#brand_photo .backstretch  { position:static !important; width:auto !important; height:auto !important;}

#brand_2 { padding:30px 0; text-align:left; }
#brand_2 .hl { margin:0 0 20px; font-size:25px; line-height:1.5; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#0097E0; }
#brand_2 .comment { font-size:1.17em; line-height:1.8; }
#brand_2 .logo { margin-bottom:50px; text-align:center; }
#brand_2 .col-lg-12 { text-align:center;}
#brand_2 .col-lg-12 > div { display:inline-block;}

@media (max-width: 767px) {
#brand_logo { width:25%;}
/*
.detail #brand_logo { position:absolute; width:100%; bottom:5px; left:-15px; padding:0 15px; background:none; z-index:5; text-align:left;}
.detail #brand_logo span { padding:0;}
.detail #brand_logo p img { padding:5px; background:#fff;}*/
#brand_photo { width:75%;}
.detail #brand_logo p { margin:0 0 10px;}
/*.detail #brand_photo { width:100%;}*/
#brand_1 .button a { margin-bottom:50px; }
#brand_1 .pos_ac { text-align:center; }

#brand_2 .logo img { width:100px; margin-bottom:-30px; }
#head_background .row,
.brand_main_visual { }
.detail #brand_logo span { padding:0 20px;}
#brand_2 .hl { font-size:20px; }
#brand_2 .comment { font-size:1em; margin-bottom:50px; }

}
@media (max-width: 700px) {
#brand_logo span { padding:0 20px;}
#brand_logo { width:35%;}
#brand_photo { width:65%;}

}
@media (max-width:479px){
#brand_logo span { padding:0 10px;}
#brand_2 .col-lg-12 > div { text-align:left; direction:block;}
/*.detail #brand_logo p img { max-width:80% !important;}/*/
}
/*===================================================================
	#reform
===================================================================*/
#reform {}
@media (min-width:480px){
#reform  .tab-pane p { text-align:center;}
#reform  .tab-pane p img { max-width:85%;}
}
@media (max-width:479px){
#reform #entry h1 { margin:50px 0 25px;}
.detail #brand_logo span { padding:0 10px;}
}
/*===================================================================
	#danti
===================================================================*/
#danti {}

	/*-------------------------------------------------------------------
		#danti_1
	-------------------------------------------------------------------*/
	#danti_1 { padding:40px 0; background:#EEE; }
@media (min-width:530px){
#danti_1 .area_map { text-align:center; margin-top:-80px;}
}
/*===================================================================
	#danti
===================================================================*/
#taiiku {}
@media (max-width: 767px) {
#taiiku #entry .calendar td { display:table-cell;}
#taiiku #entry .search_list table,#taiiku #entry .search_list tbody { display:block; width:100%;}
#taiiku #entry .search_list tr { border:2px solid #c6c6c6; display:block; width:100%; margin-bottom:10px;}
#taiiku #entry .search_list tr:last-child { margin-bottom:0;}
#taiiku #entry .search_list th,#taiiku #entry .search_list td { display:block; width:100% !important; border:none;}
#taiiku #entry .search_list th,#taiiku #entry .search_list td:nth-child(2) { border-bottom:2px solid #c6c6c6;}
}

/*===================================================================
	#logistics
===================================================================*/
#logistics {}

	/*-------------------------------------------------------------------
		#logistics_1
	-------------------------------------------------------------------*/
	#logistics_1 { height:265px; background:url(../image/content/logistics/text_1.jpg) no-repeat center center; border-bottom:1px solid #DDD; }
	#logistics_1 p { display:none; }

@media (max-width: 767px) {

	#logistics_1 { height:inherit; padding:30px 0; background:none; }
	#logistics_1 p { display:block; padding:0 25px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
}
#shinkura #head_background { margin-bottom:0;}
/*===================================================================
	#condominium
===================================================================*/
#condominium {}

@media (min-width:992px){
#condominium .box_2 { min-height:420px;}
}

@media (max-width: 767px) {
#condominium #mansion_2 { padding:60px 0;}
}
@media (max-width: 479px) {

#condominium .box_2 { padding:30px 15px;}

#rent #head_background ,
#condominium #head_background ,
#chukai #head_background,
#reform #head_background,
#logistics #head_background,
#shinkura #head_background { height:300px !important;}

#condominium #mansion_2 { padding:40px 0;}
#condominium #entry iframe { height:300px;}
#entry #koori h1 { margin:50px 0 25px;}
#entry #koori h3 { margin-top:30px; margin-bottom:15px;}
}