/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select {
	border: 0;
	font-size: 15px; /* ベースのフォントサイズを記述 */
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color: #303a3f;
	line-height: 1.2;
}
/* レスポンシブでない場合は、削除*/
@media all and (max-width: 640px) {
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {
		font-size: 1.5rem; /* スマホのベースのフォントサイズを記述 */
		line-height: 1.2;
	}
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
body {
	background: #fff;
	min-width: 1100px; /* 基本の横幅を記述 */
}
ul , li {
	list-style: none;
}
table {
	border-collapse: collapse;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
img,
input[type="image"] {
	height: auto;
	max-width: 100%;
}
input[type="submit"],
input[type="button"] {
	cursor: pointer;
}
strong {
	font-weight:bold;
}
a {
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
a:hover img,
input[type="image"]:hover,
input[type="button"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* レスポンシブでない場合は、削除*/
@media all and (max-width: 640px) {
	a:hover img,
	input[type="image"]:hover,
	input[type="button"]:hover {
		opacity: 1.0;
	}
}

figure {
	margin: 0;
}
/*--------------------------------------------------------------
 note: Layout/PageBase
--------------------------------------------------------------*/

/*note: Layout/PageBase*/

#wrapper {
}
#header {
}
#footer {
}
#main {
}

.l_box_list ul {
	margin-left: -1.5758%;
}
.l_box_list li {
	float: left;
	width: 23.4487%;
	margin-left: 1.5513%;
	margin-bottom: 2.8%;
}

.l_media_list {
	margin-left: -1.8636%;
	margin-right: -0.3182%;
}

.abt_content .abt_event .l_media_list {
	margin-left: 0%;
	margin-right: 0%;
}

.l_media_list_item {
	float: left;
	width: 48.4875%;
	margin-left: 1.5125%;
}

/*--------------------------------------------------------------
 Component/Common
--------------------------------------------------------------*/

/*note: componet*/

#toggle-menu,
.toggle {
	display: none;
}

.c_fig_box {
	letter-spacing: normal;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);
	border: solid 1px #e7e7e7;
	margin-bottom: 15px;
}
.c_fig_box img {
	display: block;
}
.c_fig_box_cap {
	font-size: 13px;
	color: #303a3f;
	margin: 1.2em 1.4em 1.1em;
}
.c_fig_box_cap .suppli {
	margin-top: 0.7em;
	font-size: 12px;
}
.c_fig_box_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.c_fig_box_ttl {
	font-size: 18px;
	font-weight: bold;
	margin-top: 1.4em;
}
.c_fig_box_txt {
	font-size: 14px;
	color: #515151;
	line-height: 1.8;
	margin-top: .8em;
	margin-bottom: 2em;
}
.c_fig_box figure .hovercaption {
	display:none;
}
.c_fig_box figure:hover .hovercaption {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:180px;
	padding-top:80px;
	color: white;
	background: rgba(0,0,0,.6);
	line-height: 1.8;
	opacity: 1;
	font-weight:bold;
	text-align:center;
}

.c_sec_ttl {
	font-size: 21px;
	font-weight: bold;
}
.c_sec_ttl:before {
	content: 'icon';
	color: transparent;
	display: inline-block;
	width: 29px;
	height: 33px;
	background: url(../img/ico_cal.png) no-repeat;
	background-size: contain;
	vertical-align: .3em;
	margin-right: .8em;
}
.c_sec_ttl.company_movie_ttl:before {
    width: 29px;
    height: auto;
    background: url(../img/icon2/movie_btn.png) no-repeat;
    background-size: contain;
    background-position: left 0px;
    vertical-align: middle;
}

.c_sec_ttl.__02 {
	color: #e94a35;
}
.c_sec_ttl.__02:before {
	content: 'icon';
	color: transparent;
	display: inline-block;
	width: 29px;
	height: 33px;
	background: url(../img/ico_cal02.png) no-repeat;
	background-size: contain;
	vertical-align: .3em;
	margin-right: .8em;
}

.abt_event.company_movie + .abt_case {
	margin-top: -30px;
}

.c_sec_ttl.__03 {
	color: #e94a35;
}
.c_sec_ttl.__03:before {
	content: 'icon';
	color: transparent;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/ico_check.png) no-repeat;
	background-size: contain;
	vertical-align: 0;
	margin-right: .8em;
}

.c_tbl {
	display: table;
	width: 100%;
}
.c_tbl * {
	font-size: 14px;
	color: #515151;
}
.c_tbl li {
	display: table-row;
}
.c_tbl li:first-child .c_tbl_item {
	border-top: solid 1px #b9b8b8;
}
.c_tbl_item {
	display: table-cell;
	padding: 1.6em .4em;
	border-bottom: solid 1px #b9b8b8;
	line-height: 1.5;
}
.c_tbl_item em {
	font-size: 24px;
	font-weight: bold;
}
.c_tbl_btn {
	vertical-align: -.7em;
	background: url(../img/btn_openmap_ro.png) no-repeat;
	background-size: contain;
}
.c_tbl_btn:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}
.c_tbl_url {
	color: #e94a35;
}
.c_tbl_ttl {
	margin-left: 21%;
	margin-right: 14.2%;
}

.c_sns_btn {
	float: left;
}
.c_sns_btn div {
	display: inline-block;
	vertical-align: bottom;
}
.c_sns_btn .tw iframe {
	display: block;
}
.c_sns_btn .hb iframe {
	display: block;
}

.c_contact_btn {
	float: right;
}
.c_contact_btn img {
	display: block;
}
.c_contact_btn:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}

.c_more_btn {
	text-align: center;
}
.c_more_btn a + a {
	margin-left: 2%;
}
.c_more_btn a:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}

.c_bn_list ul {
	text-align: center;
}
.c_bn_list li {
	display: inline-block;
}



.c_modal {
/*	max-width: 735px;*/
/*	margin: 0 auto;*/
}
.c_modal-wrapper {
	text-align: center;
}
.c_modal-close img {
	display: block;
}
.c_modal-header {
	position: relative;
	padding-bottom: 15%;
	margin-bottom: 1.5%
}
.c_modal-icon {
	position: absolute;
	bottom: -105%;
	left: 10%;
	right: 10%;
}
.c_modal-icon span {
	display: block;
	width: 40.817%;
	margin: 0 auto;
}
.c_modal-icon img {
	display: block;
}
.c_modal-body {
	padding-top: 14.4%;
	background: #fff;
}
.c_modal-text {
	margin-bottom: 3.3%;
}
.c_modal-input input {
	padding: 2.5% 3%;
	width: 58.095%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f5f3f3;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	border: solid 1px #cecdcd;
}
.c_modal-input.__email {
	margin-bottom: 3.3%;
}
.c_modal-input.__pass {
	margin-bottom: 5%;
}
.c_modal-button {
	width: 33.742%;
	margin: 0 auto;
}
.c_modal-button input[type="image"] {
	opacity: 1;
	filter:alpha(opacity=100);
}
.c_modal-notice {
	font-size: 12px;
	color: #a3a3a3;
	margin: -2.5% 0 4.5%;
}
.c_modal-txt {
	font-size: 14px;
	color: #515151;
	background: url(../img/img_modal_border.png) no-repeat;
	background-position: top;
	padding: 6.2% 0 6%;
	margin-top: 2.8%;
}
.c_modal a {
	font-size: 14px;
	color: #2684c6;
	margin: 0 .1em;
}
.c_modal-footer {
	background: #e9e6e6;
	font-size: 14px;
	color: #353535;
	padding: 1.8em 0;
}


.c_map_modal {
}
.c_map_modal-wrapper {
	margin: auto;
}
.c_map_modal-header {
}
.c_map_modal-close {
	visibility: hidden;
	width: 5%;
	padding: 2% 0;
}
.c_map_modal-box {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.c_map_modal-box iframe {
	position: absolute;
	top: 0;
	left: 0;
}
.c_modal_window,
.c_map {
	display: none;
}

.c_topcpath {
	padding: 1.2em 1em;
}
.c_topcpath * {
	font-size: 11px;
	color: #515151;
}
.c_topcpath li {
	float: left;
}
.c_topcpath span {
	margin-left: .4em;
}
.c_topcpath span:before {
	content: '>';
	margin-right: .4em;
}

.c_finderblock {
	position: fixed;
	right: 0;
	top: 364px;;
	z-index: 9999;
}
.c_finder_toggle {
	float: left;
/*	margin-right: -5px;*/
}
.c_finder_toggle img {
	display: block;
}
.c_finder {
	float: left;
	display: inline-block;
	letter-spacing: -.15em;
	background: #e6e5e5;
	padding: .9em 1.4em;
}
.c_finder span {
	display: inline-block;
	background: #fff;
	border: solid 1px #b9b8b8;
	border-radius: 5px;
	padding: 1em;
}
.c_finder img,
.c_finder input[type="image"] {
	vertical-align: middle;
}
.c_finder input[type="text"] {
	padding-left: .5em;
	width: 250px;
}
.c_finder input[type="image"] {
	opacity: 1;
}


#cboxOverlay {
	background: #000;
	-webkit-filter:blur(15px);
	-moz-filter:blur(15px);
	filter:blur(15px);
}
#cboxClose,
#cboxClose:hover {
	background:url(../img/btn_modal_close.png) no-repeat;
	background-size: contain;
	width: 3em;
	width: 5.44%;
	height: 3em;
	height: 6.05%;
	top: 2.8%;
	right: .5%;
	display: none;
}
#cboxContent,
#cboxLoadedContent,
#cboxLoadingOverlay {
	background-color: transparent;
}


/*--------------------------------------------------------------
 Project
--------------------------------------------------------------*/

/*note: header*/

.h_top {
	position: relative;
}
.h_top img {
	display: block;
}
.h_container {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
}
.h_logo {
	float: left;
	width: 220px;
	margin-top: 1.6em;
}
.h_top_nav {
	float: right;
	margin-top: 1.9em;
}
.h_top_nav li {
	float: left;
	width: 132px;
	margin-left: 10px;
	margin-bottom: 10px;
}



.h_pdm {
	display: inline-block;
	margin-left: -3.2em;
	margin-top: .6em;
}
.h_pdm-top img {
	margin-left: 7em;
}
.h_pdm-body {
	display: inline-block;
	background: #fff;
	-webkit-box-shadow: 0 0 2px rgba(3,0,0,.5);
	-moz-box-shadow: 0 0 2px rgba(3,0,0,.5);
	box-shadow: 0 0 2px rgba(3,0,0,.5);
}
.h_pdm-body li {
	float: none;
	min-width: 233px;
	width: auto;
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 1.2em;
}
.h_pdm-body li a {
	display: block;
	background: url(../img/ico_h_arrow.png) no-repeat;
	background-position: right;
	font-size: 12px;
	padding-right: 2em;
}
.h_pdm-body .h_pdm-account {
	border-bottom: solid 1px #eee9e9;
	white-space: nowrap;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
.h_pdm-body .h_pdm-confirm {
	padding-top: 1.3em;
	padding-bottom: .6em;
}
.h_pdm-body .h_pdm-logout {
	padding-top: .6em;
	padding-bottom: 1.3em;
}
.h_pdm-member {
	font-size: 21px;
	font-weight: bold;
}
.h_pdm-member small {
	font-size: 12px;
	font-weight: normal;
}
.h_pdm-code {
	font-size: 12px;
	font-weight: bold;
}

/*note: footer*/

.f_top {
	background: #333333;
}
.f_bottom {
	background: #1b1b1b;
}
.f_nav01 {
}
.f_nav01 ul {
	text-align: center;
	padding: 2.8em 0 1.8em;
	margin-left: -2.7em;
}
.f_nav01 li {
	display: inline-block;
	margin-left: 2.7em;
}
.f_nav01 li a {
	background: url(../img/ico_f_arrow.png) no-repeat left center;
	display: block;
	color: #fff;
	padding:.5em 0 .5em 2.3em;
}
.f_nav01 li a:hover {
	background: url(../img/ico_f_arrow_ro.png) no-repeat left center;
}


.f_nav02 {
	text-align: center;
	border-top: solid 1px #000;
	position: relative;
}
.f_nav02:before {
	position: absolute;
	content: '';
	border-top: solid 1px #4b4a4a;
	width: 100%;
	left: 0;
}
.f_nav02 ul {
	display: inline-block;
	padding-top: 1.5em;
	padding-bottom: 4.5em;
	margin-left: -2.5em;
}
.f_nav02 li {
	display: inline-block;
	margin-left: 2.5em;
}
.f_nav02 li > a {
	font-size: 13px;
	line-height: 1.8;
	color: #b2b1b1;
}
.f_nav02 li > a:before {
	content: '> ';
}
.f_copy {
	font-size: 12px;
	color: #5d5d5d;
	text-align: center;
	padding: 3.5em 0 2.7em;
}

/*note: top*/

.top_slider {
	position: relative;
}
.top_slider ul li {
	height: 732px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	z-index: -1 !important;
}
.top_slider .bx-wrapper .bx-prev {
	left: 0;
	background: url(../img/btn_top_prev.png) no-repeat;
	background-position: left;
}
.top_slider .bx-wrapper .bx-next {
	right: 0;
	background: url(../img/btn_top_next.png) no-repeat;
	background-position: right;
}
.top_slider .bx-wrapper .bx-prev:hover,
.top_slider .bx-wrapper .bx-next:hover {
	opacity: .8;
}
.top_slider .bx-wrapper .bx-controls-direction a {
	margin-top: 0;
	top: 76%;
	width: 51px;
/*	width: 3.643%;*/
	height: 120px;
	background-size: contain;
}

.top_content a img {
	display: block;
}

.top_catch {
	width: 65.364%;
	width: 719px;
	margin: 0 auto 12.8em;
	margin: -30.4em auto 0;
	position: relative;
}



.top_finderrow {
	text-align: center;
	margin-bottom: 4em;
}

.top_finder {
	display: inline-block;
	letter-spacing: -.15em;
}
.top_finder form {
	display: flex;
}
.top_finder span {
	display: inline-block;
	background: #fff;
	border: solid 1px #b9b8b8;
	border-radius: 5px;
	padding: 1em;
	max-height: 51px;
	margin-right: 3px;
}
.top_finder img,
.top_finder input[type="image"] {
	vertical-align: middle;
}
.top_finder input[type="text"] {
	padding-left: .5em;
	width: 17em;
	font-size: 150%;
}
.top_finder input[type="image"] {
	opacity: 1;
}


.top_leading {
	margin-top: 12.8em;
	margin-top: 5.4em;
}

.top_event {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	padding-bottom: 5%;
}
.top_event_ttl {
	position: relative;
	font-size: 24px;
	font-weight: bold;;
	text-align: center;
	padding-top: 1.2em;
}
.top_event_toggle_btn {
	position: absolute;
	top: 30px;
	right: 50px;
	cursor: pointer;
}
.top_event_block {
	position: relative;
	text-align: center;
}
.top_event_block .bx-wrapper .bx-viewport {
	height: auto !important;
	padding-bottom: 10px;
}
.event_body {
	padding: 0 1em;
	text-align: left;
}
.event_list {
	margin: 0 30px;
}
.event_body_ttl {
	margin-bottom: 2.8%;
}
.event_fig_box {
	width: 48%;
	height: 19rem;
	overflow: hidden;
	letter-spacing: normal;
	position: relative;
	background-color: #fff;
/*
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);
	border: solid 1px #e7e7e7;
*/
	margin-left: 2%;
	margin-bottom: 20px;
}
.event_fig_box_img {
	object-fit: contain;
	max-width: 210px;
	max-height: 140px;
	width: 45%;
	height: auto;
	float: left;
	margin-right: 1em;
}
.event_fig_box_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.event_fig_box_flag {
	position: absolute;
	top: 0;
	left: 0;
}
.event_fig_box_flag_txt {
	font-size: 1.0vw;
}
.event_flag_tour {
	color: #e94a35;
}
.event_flag_event {
	color: #00bf9c;
}
.event_fig_box_day {
	font-size: 1.6vw;
	line-height: 1.5;
	font-weight: bold;
}
.event_fig_box_time {
	font-size: 1.1vw;
	color: #515151;
	line-height: 1.5;
	margin-bottom: .8em;
}
.event_fig_box_ttl {
	font-size: 1.4vw;
	font-weight: bold;
}
.event_fig_box_txt {
	font-size: 1.0vw;
	color: #515151;
	line-height: 1.5;
	margin-top: .8em;
	margin-bottom: 2em;
}
@media all and (min-width: 1200px) {
	.event_fig_box_flag_txt {
		font-size: 13px;
	}
	.event_fig_box_day {
		font-size: 18px;
	}
	.event_fig_box_time {
		font-size: 14px;
	}
	.event_fig_box_ttl {
		font-size: 17px;
	}
	.event_fig_box_txt {
		font-size: 13px;
	}
}
@media all and (min-width: 641px) {
	.event_fig_box_cap {
		padding-left: 50%;
	}
}

.top_event_btn {
	text-align: center;
}
.top_event_btn a {
	display: inline-block;
	vertical-align: bottom;
	background: url(../img/btn_top_event_ro.png) no-repeat;
	background-size: contain;
	width: 43.091%;
	margin-top: 3.6%;
}
.top_event_btn a:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}

/*
.top_cal {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	margin: 10px;
}
*/
.top_cal_move {
/*	margin-top: 4.8%;*/
/*	margin-bottom: 3.5em;*/
	padding-top: 2%;
	visibility: hidden;
}
.top_cal_move.__last {
	float: left;
	padding-left: 6%;
}
.top_cal_move.__coming {
	float: right;
	padding-right: 6%;
}
.top_cal_ttl {
	font-size: 24px;
	font-weight: bold;;
	text-align: center;
	padding-top: 1.2em;
}
.top_cal_ttl img {
	display: block;
	margin: 0 auto .6em;
}
.top_cal_body {
	padding: 0 1em;
}
.top_cal_body table {
	margin: 0 auto;
}

.top_cal_week{ padding: 5px 0; background: #d9d9da; border: 1px solid #c9c9c9; color: #fff; font-size:13px; }
	#cal_sat{ /*color: #357dc7;*/ }
	#cal_sun{ /*color: #e94a35;*/ }


.top_cal_cell {
	width: 117px;
	height: 117px;
	border: solid 1px #c9c9c9;
}
.top_cal_cap_left {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #5b5c5d;
	margin-bottom: 1em;
}
.top_cal_cap_right {
	float: right;
	font-weight: bold;
	width: 65%;
	text-align: right;
}
.top_cal_legend {
	display: inline-block;
	font-size: 14px;
	color: #5b5c5d;
	margin-right: 1.5%;
	padding: .1em 0 .1em 1.8em;
	line-height: 1;
}
.top_cal_legend.__01 {
	background: url(../img/ico_dot_red.png) no-repeat;
	background-size: contain;
}
.top_cal_legend.__02 {
	background: url(../img/ico_dot_green.png) no-repeat;
	background-size: contain;
	margin-left: 3%;
}
.top_cal_num {
	font-size: 24px;
	color: #aaacad;
	margin-top: .6em;
	margin-left: .6em;
}
.top_cal_notice {
	border-radius: 3px;
	padding: 0 0 3px;
	margin: 0 3% .25em;
}
.top_cal_notice > span {
	display: block;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	padding: .6em .8em .4em;
}
.top_cal_notice.__01 {
	background: #b72d1b;
}
.top_cal_notice.__01 > span {
	background: #e94a35;
}
.top_cal_notice.__02 {
	background: #038c73
}
.top_cal_notice.__02 > span {
	background: #00bf9c;
}


.top_cal_block {
	position: relative;
}
.top_cal_block .bx-wrapper .bx-viewport {
	height: auto !important;
}
.top_cal_block .bx-wrapper .bx-prev {
	left: 14%;
	background: url(../img/btn_cal_last.png) no-repeat;
	background-size: contain;
}
.top_cal_block .bx-wrapper .bx-next {
	right: 14%;
	background: url(../img/btn_cal_coming.png) no-repeat;
	background-size: contain;
}
.top_cal_block .bx-wrapper .bx-controls-direction a {
	top: -5em;
	margin-top: 0;
	width: 139px;
	height: 7.385%;
}
.top_cal_block .bx-wrapper .bx-prev:hover {
	background: url(../img/btn_cal_last_ro.png) no-repeat;
	background-size: contain;
}
.top_cal_block .bx-wrapper .bx-next:hover {
	background: url(../img/btn_cal_coming_ro.png) no-repeat;
	background-size: contain;
}

.top_case_list {
	margin-top: 8.5%;
}

.top_case_list_ttl {
	font-size: 24px;
	font-weight: bold;;
	text-align: center;
	padding-bottom: 1.2em;
}

.top_more_btn {
	text-align: center;
}
.top_more_btn a {
	display: inline-block;
	vertical-align: bottom;
	background: url(../img/btn_top_gallery_ro.png) no-repeat;
	background-size: contain;
	width: 43.091%;
	margin-top: 3.6%;
}
.top_more_btn a:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}

.top_bn_list ul {
	margin-top: 18.2%;
	margin-bottom: 11.2%;
}


/*note: event list*/

.el_top,
.el_top-inner:before {
	background: url(../img/img_gl_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 270px;
	text-align: center;
}
.el_top {
	position: relative;
}
.el_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
}
.el_top_ttl {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding-top: 4.7em;
	position: relative;
}
.el_content {
	margin-top: 100px;
}

/*note: gallery list*/

.gl_top,
.gl_top-inner:before {
	background: url(../img/img_gl_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 270px;
	text-align: center;
}
.gl_top {
	position: relative;
}
.gl_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
}

.gl_top_ttl {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding-top: 4.7em;
	position: relative;
}

.gl_case_list {
	margin-top: 8.5%;
}

.gl_search_result {
	margin-bottom: 10px;
}

.gl_bn_list ul {
	margin-top: 14.7%;
	margin-bottom: 11.6%;
}
.gl_bn_list li{
	float: left;
	width: 27.273%;
}
.gl_bn_list li + li {
		margin-left: 9.09%;
}
.gl_bn_list img {
	display: block;
}

/*note: gallery detail*/

.gd_top,
.gd_top-inner:before {
/*
	background: url(../img/img_gd_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
*/
	height: 412px;
	text-align: center;
}
.gd_top {
	position: relative;
}
.gd_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
/*		overflow: hidden;*/
}

.gd_top_ttl {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	padding-top: 4.3em;
	position: relative;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
}
.gd_top_sub {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-top: 1.9em;
	position: relative;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
}
.gd_logo_icon {
	text-align: center;
	margin-top: -100px;
	position: relative;
}

.gd_logo_icon img{ border: 7px solid #fff; box-shadow: 0 0 10px #ccc; }

.gd_sns_btn {
	float: left;
	margin-top: 2.5%;
}

.gd_home_btn {
/*	float: right;*/
/*	margin-top: 2.5%;*/
	display: inline-block;
	background: url(../img/btn_move_top_ro.png) no-repeat;
	background-size: contain;
}
.gd_home_btn img {
	display: block;
}
.gd_home_btn:hover img {
	opacity: 1;
	filter: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	visibility: hidden;
}

.gd_slider {
	position: relative;
	margin-top: 3%;
}
.gd_slider .bx-wrapper .bx-prev {
	left: -4%;
	background: url(../img/btn_slide_prev_ia.png) no-repeat;
	background-position: left;
}
.gd_slider .bx-wrapper .bx-next {
	right: -4%;
	background: url(../img/btn_slide_next_a.png) no-repeat;
	background-position: right;
}
.gd_slider .bx-wrapper .bx-prev:hover,
.gd_slider .bx-wrapper .bx-next:hover {
	opacity: .8;
}
.gd_slider .bx-wrapper .bx-controls-direction a {
	margin-top: 0;
	top: 0;
	width: 54%;
	height: 100%;
}
.gd_slider .bx-wrapper {
	margin-bottom: 1.2%;
}

.gd_pager {
	margin-left: -0.7576%;
}
.gd_pager div {
	float: left;
	display: block;
	width: 13.534%;
	margin-left: 0.7519%;
}
.gd_pager img {
	display: block;
}

.gd_script {
	color: #2a2a2a;
	line-height: 1.67;
	margin-top: 6.5%;
}

.gd_drawing {
	text-align: center;
	margin-top: 7.8%;
	margin-bottom: 7.8%;
}

.gd_spec * {
	font-size: 14px;
	color: #6f6f6f;
}
.gd_spec_item {
	float: left;
	width: 50%;
	border-bottom: solid 1px #b9b8b8;
	padding: 1.8em .5em;
}
.gd_spec_item.__hastop {
	border-top: solid 1px #b9b8b8;
}
.gd_spec_item.__sp {
	padding-left: 3.5%;
}
.gd_spec_ttl {
	display: inline-block;
	width: 33%;
}
.gd_catalog {
	padding-top: 3em;
	text-align: center;
}

.gd_more_btn {
	text-align: center;
	margin-top: 7%;
}

.gd_more-top {
	background: url(../img/btn_move_top_ro.png) no-repeat;
	background-size: contain;
}
.gd_more-list {
	background: url(../img/btn_return_list_ro.png) no-repeat;
	background-size: contain;
}


.gd_event_ttl {
	font-size: 21px;
	font-weight: bold;
	margin-top: 12.7%;
	margin-bottom: 3%;
}

.gd_event_list {
	margin-bottom: 24.5%;
}



/*note: builder list*/

.bl_top,
.bl_top-inner:before {
	background: url(../img/img_gl_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 270px;
	text-align: center;
}
.bl_top {
	position: relative;
}
.bl_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
}
.bl_top_ttl {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding-top: 4.7em;
	position: relative;
}
.bl_content {
	margin-top: 100px;
}
.bl_case_list {
	margin-top: 8.5%;
}
.bl_case_list ul li {
	text-align: center;
}
.bl_case_list ul li figure {
	display: table;
	margin: auto;
}


/*note: about*/

.abt_top,
.abt_top-inner:before {
	background: url(../img/img_abt_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 128px;
}
.abt_top {
	position: relative;
}

.abt_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
/*	overflow: hidden;*/
}

.abt_top_ttl {
	font-size: 30px;
	font-weight: bold;
	color: #252525;
	text-align: center;
	margin-top: 7%;
	position: relative;
}

.abt_sns_btn {
	margin-top: 2.5%;
}
.abt_contact_btn {
	background: url(../img/btn_contact_ro.png) no-repeat;
	background-size: contain;
	margin-top: 2.5%;
}

.abt_top_photo {
	margin-left: -1.8636%;
	margin-right: -0.3182%;
	margin-top: 3.5%;
}
.abt_photo_item {
	float: left;
	width: 48.49%;
	margin-left: 1.51%;
}

.abt_leading_ttl {
	font-size: 21px;
	font-weight: bold;
	color: #353535;
	margin-top: 4.7%;
}

.abt_leading_txt {
	color: #2a2a2a;
	line-height: 1.67;
	margin-top: 1.2em;
}

.abt_info {
	margin-top: 5.9%;
}
.abt_info .c_tbl_ttl {
	width: 16%;
	vertical-align: middle;
}
.abt_visible_sp {
	display: none;
}

.abt_event_ttl {
	margin-top: 9%;
	margin-bottom: 2.8%;
}

.abt_case_ttl {
	margin-top: 9%;
	margin-bottom: 2.8%;
}

.abt_more_btn {
	margin-top: 7%;
	margin-bottom: 30%;
}
.abt_more-contact {
	background: url(../img/btn_contact_ro.png) no-repeat;
	background-size: contain;
}
.abt_more-top {
	background: url(../img/btn_ret_top_ro.png) no-repeat;
	background-size: contain;
}

/*note: openhouse*/

.oh_top,
.oh_top-inner:before {
	background: url(../img/img_oh_top02.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	text-align: center;
	position: relative;
}
.oh_top * {
	color: #fff;
}
.oh_top {
	position: relative;
}

.oh_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
/*	overflow: hidden;*/
}
.oh_top_ttl {
	font-size: 36px;
	font-weight: bold;
	padding-top: 4em;
	position: relative;
}
.oh_top_ttl span {
	font-size: 36px;
}
.oh_top_sub {
	font-size: 18px;
	font-weight: bold;
	margin-top: .8em;
	position: relative;
}
.oh_top_sub span {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	margin-top: 2.2em;
	border: solid 1px #fff;
	border-radius: 3px;
	padding: .6em 2.5em .5em;
	margin-bottom: 10em;
}

.oh_logo_icon {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4.85em;
}

.oh_logo_icon img{ border: 7px solid #fff; box-shadow: 0 0 10px #ccc; }

.oh_coname {
	font-size: 18px;
	font-weight: bold;
	color: #515151;
	text-align: center;
	margin-top: 4.8em;
}

.oh_sns_btn {
	margin-top: -.8%;
}
.oh_reserve_btn {
	margin-top: -.8%;
	background: url(../img/btn_reserve_ro.png) no-repeat;
	background-size: contain;
}

.oh_leading_main {
	margin-top: 3%;
}

.oh_leading_txt {
	color: #2a2a2a;
	line-height: 1.7em;
	margin-top: 2.7%;
}

.oh_leading_photo {
	margin-left: -1.8636%;
	margin-right: -0.3182%;
	margin-top: 8.5%;
}
.oh_leading_photo div {
	float: left;
	width: 48.49%;
	margin-left: 1.51%;
}


.oh_info {
	margin-top: 5.7%;
}
.oh_info .c_tbl_ttl {
	width: 28.6%;
}
.oh_info .__bottom {
	line-height: 1.8;
	padding-bottom: 1.7em;
}

.oh_more_btn {
	margin-top: 5%;
	margin-bottom: 12%;
}
.oh_more-reserve {
	background: url(../img/btn_reserve_ro.png) no-repeat;
	background-size: contain;
}
.oh_more-top {
	background: url(../img/btn_ret_top_ro.png) no-repeat;
	background-size: contain;
}

.oh_event_ttl {
	margin-bottom: 2.8%;
}

.oh_event {
	margin-bottom: 22%;
}


/*note: mypage*/

.mypg .u_wrapper {
	background: #f2f2ef;
}
.mypg_content {
	background: #fff;
}

.mypg_top {
	height: 84px;
}


.mypg_nav {
	float: left;
	width: 23.819%;
	margin-top: 5.5em;
	padding-left: 5.2%;
}


.mypg_nav_ttl {
	font-size: 14px;
	font-weight: bold;
	color: #353535;
}
.mypg_menu {
	margin-top: 3.5em;
}
.mypg_menu li * {
	font-size: 12px;
	color: #515151;
}
.mypg_menu li {
	margin-bottom: 1em;
}
.mypg_menu li span:before {
	content: '>';
}
.mypg_menu li a {
	margin-left: .7em;
}


.mypg_main {
	float: right;
	width: 76.182%;
	background: url(../img/bg_shadow.png) no-repeat;
	padding-left: 9.5%;
	padding-right: 5%;
	margin-top: 5em;
	margin-bottom: 30%;
}
.mypg_ttl {
	font-size: 21px;
	font-weight: bold;
	color: #353535;
}
.mypg_ttl span {
	display: block;
	font-weight: normal;
	color: #515151;
	font-size: 11px;
	margin-top: .2em;
}
.mypg_msg {
	font-size: 12px;
	color: #515151;
	border-bottom: solid 1px #515151;
	margin-top: 3em;
	padding-bottom: 2.1em;
}

.mypg_fieldset * {
	font-size: 14px;
	color: #515151;
}
.mypg_fieldset table {
	width: 100%;
}

.mypg_view {
	margin-top: 2.4em;
}
.mypg_view th,
.mypg_view td {
	padding: 1.2em 0;
}
.mypg_view th {
	text-align: left;
	width: 28%;
}
.mypg_view td {
	padding-left: 2%;
}

.mypg_actrow {
	text-align: center;
	margin-top: 5em;
}
.mypg_actrow a:active,
.mypg_actrow a:hover,
.mypg_actrow a:focus {
	text-decoration: none;
}
.mypg_actrow a:hover {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.mypg_btn {
	background: #f58c04;
	color: #fff;
	width: 200px;
	height: 37px;
	border-radius: 2px;
	letter-spacing: .1em;
}
.mypg_actrow a {
	display: inline-block;
	padding-top: .8em;
}


.mypg_form {
	margin-top: 2.1em;
}
.mypg_form th {
	position: relative;
	text-align: left;
	width: 28%;
	padding-left: 2.5em;
	padding: 1.2em 0 1.2em 2.5em;
}
.mypg_form td {
	padding-left: 2%;
}
.mypg_form small {
	font-size: 10px;
	margin-left: .5em;
}

.mypg_fieldset input,
.mypg_fieldset label,
.mypg_fieldset select {
	font-size: 13px;
}


.mypg_fieldset input[type="text"],
.mypg_fieldset input[type="email"],
.mypg_fieldset input[type="tel"],
.mypg_fieldset input[type="password"] {
	border: solid 1px #c8c6c6;
	padding: .5em;
	width: 86%;
}


.mypg_required {
	position: absolute;
	left: 0;
	font-size: 10px;
	padding: 3px;
	border-radius: 2px;
	background: #e94a35;
	color: #fff;
}
.mypg_optional {
	position: absolute;
	left: 0;
	font-size: 10px;
	padding: 3px;
	border-radius: 2px;
	background: #777777;
	color: #fff;
}


/*note: form*/

.form_top,
.abt_top-inner:before {
	background: url(../img/img_abt_top.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	height: 128px;
}
.form_top {
	position: relative;
}

.form_top-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	filter:blur(5px);
}

.form_top_ttl {
	font-size: 30px;
	font-weight: bold;
	color: #252525;
	text-align: center;
	padding-bottom: 10%;
	margin-top: 7.5%;
	margin-bottom: 3.9%;
}

.form_top_row {
	padding-bottom: 4.2%;
}
.form_img_box {
	position: relative;
	float: left;
	width: 49.546%;
}
.form_info_box {
	float: left;
	width: 47.054%;
	margin-left: 3.4%;
}

.form_info_sub {
	font-size: 18px;
	font-weight: bold;
	color: #303a3f;
	margin-top: 1.25em;
	margin-left: 9%;
}
.form_info_desc {
	font-size: 14px;
	color: #515151;
	line-height: 1.7;
	margin-left: 9%;
	margin-top: 1em;
}
.form_info_desc span {
	display: block;
	font-size: 14px;
	color: #303a3f;
	margin-top: 2.8em;
}
.form_info_tel {
	font-size: 14px;
	color: #6f6f6f;
	margin-left: 9%;
	margin-top: 1.3em;
}
.form_info_tel em {
	font-size: 24px;
	color: #515151;
	vertical-align: middle;
	margin-left: 2.8%;
}
.form_info_url {
	margin-left: 9%;
	margin-top: 1.1em;
}
.form_info_url a {
	font-size: 14px;
	color: #e94a35;
}

.form_txt_row {
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;
	line-height: 1.81;
	margin-top: 4%;
	margin-bottom: 4.4%;
}
.form_txt_row em {
	font-size: 14px;
	color: #e94a35;
}

.form_hl {
	position: relative;
	border-bottom: solid 1px #d5d4d4;
}
.form_hl:before {
	position: absolute;
	content: '';
	border-bottom: solid 1px #e3e3e3;
	width: 100%;
	left: 0;
	bottom: 0px;
}

.form_fieldset th {
	text-align: left;
	width: 16%;
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;
	vertical-align: top;
	line-height: 1.8;
}

.form_fieldset th span {
	font-size: 10px;
	color: #e94a35;
	display: block;
	margin-top: 3.8em;
	margin-bottom: .2em;
}

.form_fieldset th,
.form_fieldset td {
	border-top: solid 1px #d5d4d4;
	border-bottom: solid 1px #e3e3e3;
	border-collapse: separate;
}

.form_fieldset td {
	width: 84%;
	padding: 2.8em 0;
}

.form_fieldset table {
	width: 100%;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #d5d4d4;
	border-collapse: separate;
	border-spacing: 0;
}

.form_field_ttl {
	display: inline-block;
	font-size: 14px;
	color: #515151;
	vertical-align: middle;
}
.form_field_ttl.__01 {
	width: 8%;
}
.form_field_ttl.__02 {
	width: 4%;
}

.form_fieldset input[type="text"],
.form_fieldset input[type="email"],
.form_fieldset textarea,
.form_fieldset select {
	font-size: 14px;
	vertical-align: middle;
}

.form_fieldset input[type="text"],
.form_fieldset input[type="email"] {
	border: solid 1px #d5d4d4;
	border-radius: 5px;
	padding: .85em .5em;
}
.form_fieldset select {
	width: 28.5%;
	border: solid 1px #d5d4d4;
	border-radius: 5px;
	background-color: #eeeeee;
	font-weight: bold;
	padding: .6em 1.2em;
	margin-right: .15em;
}


.form_fieldset textarea {
	border: solid 1px #d5d4d4;
	border-radius: 3px;
	padding: .85em .5em;
	width: 94.5%;
}

.form_date_row.__01,
.form_date_row.__02 {
	margin-bottom: 1.3em;
}

.form_field_ctrl_tm {
	width: 31%;
	margin-right: 2.8%;
}
.form_field_ctrl_ts {
	width: 18.8%;
}
.form_field_ctrl_tl {
	width: 84.5%;
}

.form_address_row.__01,
.form_address_row.__02,
.form_address_row.__03 {
	margin-bottom: 1.3em;
}

.form_delimiter {
	font-size: 14px;
	color: #515151;
	vertical-align: -.2em;
	padding-left: .8%;
	padding-right: .6%;
}

.form_act_row {
	text-align: center;
	padding-top: 9%;
	padding-bottom: 45%;
}


/* radiobutton */
.c_radio input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.c_radio label {
	display: inline-block;
	padding: .2em 0;
	overflow: hidden;
	padding-left: 1.8em;
	background:url(../img/rdo_btn.png) no-repeat left center;
	background-size: 1.2em;
	text-align: left;
	cursor: pointer;
	margin-right: 1em;
}



/*--------------------------------------------------------------
 Utility
--------------------------------------------------------------*/
.u_inner {
	width: 1100px;
	margin:0 auto;
}
.u_clearfix:after,
.u_clearfix > li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html .u_clearfix,
* html .u_clearfix > li {
	zoom: 1;
}
*+html .u_clearfix,
*+html .u_clearfix li {
	zoom: 1;
}
.u_clear {
	clear:both;
}
.u_hide {
	display: none;
}
/* 透過画像、文字などでリンクマップ時、HOVERモーションを追加  */
a.u_hvr,
.u_hvr a {
	color:transparent;
}
a.u_hvr:hover,
.u_hvr a:hover {
	background: #fff;
	opacity: 0.3;
	filter: alpha(opacity=80);
	-moz-opacity: 0.3;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.u_aln-center {
	text-align: center;
}
.u_aln-center img {
	margin: 0 auto;
	display: block;
}
.u_aln-right {
	text-align: right;
}
.u_visible-sp {
    display: none;
}
.u_fl-left {
    float:left;
    width:48%;
}
.u_fl-right {
    float:right;
    width:48%;
}
.u_lnk-right {
    text-align: right;
}
.u_lnk-right a {
    display: inline-block;
}
.u_color01 {
	color: #357dc7;
}
.u_color02 {
	color: #e94a35;
}
.u_cal_today {
	background-color: #f7f7f7;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1);
	box-shadow: inset 0 0 5px rgba(0,0,0,.1);
}
.u_bold {
	font-weight: bold;
}
.u_content_root {
	position: relative;
}
.u_block {
	display: block;
}

.u_a_inline_img {
	display: inline-block;
}
.u_a_inline_img img {
	display: block;
}

.u_a_block_img {
	display: block;
}
.u_a_block_img img {
	display: block;
}
.u_r_space {
	margin-right: 2em;
}
.u_blur{
	-webkit-filter:blur(15px);
	-moz-filter:blur(15px);
	filter:blur(15px);
}
.u_current {
	font-weight: bold;
}

/*--------------------------------------------------------------
 Context
--------------------------------------------------------------*/
@media all and (max-width: 640px) {
}

@media all and (min-width: 641px) {
	#toggle-menu,
	.toggle {
		display: none !important;
	}
}

@media all and (max-width: 1206px) {
	body {
		min-width: 0;
	}
	.u_inner {
		width: auto;
		margin:0 5%;
	}
}

@media all and (max-width: 860px) {
	.u_wbr:before {
		content: '\A';
		white-space: pre;
	}

	.top_catch {
		width: 86.627%;
	}
	.top_more_btn a {
		width: 59.26%;
	}
	.oh_coname {
		color: transparent;
	}
}

@media all and (max-width: 655px) {
	.top_catch {
		width: 84.85%;
		margin: -10.4em auto 0;
	}
}



/* add marukin */
.birth_group select, [name='tdfk']{ border: 1px solid #ccc; }

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

/*-------------------------------------------
	basic
--------------------------------------------*/
.fl{float: left;}
.fr{float: right;}
.clfix:after {
	height: 0; visibility: hidden; content: ".";
	display: block; clear: both;
}
.img100{width: 100% ; display: block;}

.mincho{
    font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.goshi{
    font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*-------------------------------------------
	adds
--------------------------------------------*/
.wib01{
	max-width: 1100px;
	margin: 0 auto;
	/*background: #f6f6f6;*/
}
.flow_box1{
	margin-top: 40px;
}
.flow_box2{
	margin-top: 60px;
}
.tac_wrap{
	text-align: center;
}
.login_l .message {
	margin-bottom: 20px;
	display: hidden;
}
.login_l input[type="email"],
.login_l input[type="password"]{
    width:98%;
    background: #f5f3f3;
    -webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.5) inset;
    -moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.5) inset;
    box-shadow: 0 0 2px 2px rgba(200,200,200,0.5) inset;
    padding:1em;
    border: 1px solid #eee;
    font-size: 15px;
    border-radius: 5px;
}

.login_l , .login_r{
	width: 45%;
}
.login_f{
	width: 100%;
}
.login_l section{
	margin-bottom: 15px;
}
.login_l h6{
	font-size: 12px;
	color: #a3a3a3;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.login_btn{
	text-align: center;
}
.login_l .login_btn input{
    padding: 15px 0;
    width: 50%;
    background: #e94a35;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #e94a35;
    -webkit-box-shadow: 0 5px 0 0 #b72d1b;
    box-shadow: 0 5px 0 0 #b72d1b;
    -webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.login_l .login_btn input:hover{
	opacity: .7;
}

.login_l h5{
	text-align: center;
	margin-top: 25px;
}
.login_l h5 a{
	color: #2684c6;
	font-size: 14px;
	text-decoration: underline;
}
.login_l #loginForgetBox {
	padding: 30px 0;
	display: none;
}
.login_l #loginforget_email {
	width: 80%;
	padding: 5px 10px;
	background-color: #f5f3f3;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	box-shadow: inset 0 0 5px rgba(0,0,0,.15);
	border: solid 1px #cecdcd;
	border-radius: 3px;
	font-size: 14px;
}
.login_l #btn_loginforget {
	padding: 6px 12px;
	background: #e94a35;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
}

.login_r h3{
	font-size: 18px;
	color: #33579c;
	margin-bottom: 10px;
}
.login_r h5{
	font-size: 15px;
	color: #2a2a2a;
	margin-bottom: 10px;
}
.login_r .login_btn a{
	display: block;
    padding: 13px 0;
    width: 70%;
    margin: 0 auto;
    background: #637bad;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #637bad;
    -webkit-box-shadow: 0 5px 0 0 #29447e;
    box-shadow: 0 5px 0 0 #29447e;
    -webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	margin-top: 30px;
}
.login_r .login_btn a:before{
    content: url('../img/login/icon_fb.jpg');
    position: relative;
    padding-right: 5px;
    top: 5px;
}
.login_r .login_btn a:hover{
	opacity: .7;
}

@media (max-width: 640px){
	.wib01{
		padding: 0 10px;
	}
	.login_l input[type="email"],
	.login_l input[type="password"]{
		width: 90%;
	}
	.login_f input[type="email"],
	.login_f input[type="password"]{
		width: 100%;
	}
	.login_l , .login_r{
		width: 100%;
	}
	.login_l{
		margin-bottom: 50px;
	}
	.login_r .login_btn a{
		width: 80%;
	}
	.login_l #loginforget_email {
		width: 100%;
		margin-bottom: 10px;
	}
	.login_l #btn_loginforget {
		float: right;
	}
}

.aca{
	background: #eee;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	margin-bottom: 70px;
}
.aca a{
	color: #2684c6;
	text-decoration: underline;
	font-size: 14px;
}

/*-------------------------------------------
	会員登録特典
--------------------------------------------*/
.toroku_mds{
	font-size: 24px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}
ul.toroku_ul li{
	float: left;
	width: 47.5%;
	margin-bottom: 50px;
}
ul.toroku_ul li:nth-child(2n){
	margin-left: 5%;
}
ul.toroku_ul li .to_img{
	width: 33%;
}
ul.toroku_ul li .to_greek{
	width: 63%;
}
ul.toroku_ul li .to_greek h4{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.6;
}
ul.toroku_ul li .to_greek h4 img{
	position: relative;
	top: 4px;
}
ul.toroku_ul li .to_greek p{
	font-size: 14px;
	margin-top: 15px;
	line-height: 1.6;
}

@media (max-width: 640px){
	ul.toroku_ul li{
		width: 100%;
	}
	ul.toroku_ul li:nth-child(2n){
		margin-left: 0;
	}
}

/*-------------------------------------------
	top固定バナー
--------------------------------------------*/
.book_bn{
	position: fixed;
	top: 100px;
	right: 20px;
	z-index: 100;
}
.book_bn img{
	max-width: 200px;
	height: auto;
}
.book_bn2{
	display: none;
}

@media screen and (max-width:767px) {
	.book_bn{
		display: none;
	}
}

@media (max-width: 640px){
	.book_bn{
		display: none;
	}
	.book_bn2{
		display: none;
		/* display: block; */
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 100;
	}
}



ul.u_clearfix.youtube_sec_wrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	float: none;
	margin-left: 0;
}
ul.u_clearfix.youtube_sec_wrap li {
	width: calc((100% - 50px) / 3); /* 隙間を考慮して幅を計算 */
	max-width: 350px;
	height: auto;
	margin-left: 0;
	margin-bottom: 0;
	float: none;
	margin-bottom: 40px;
	margin-right: 25px;
}
ul.u_clearfix.youtube_sec_wrap li:nth-child(3n) {
	margin-right: 0;
}
ul.u_clearfix.youtube_sec_wrap li iframe{
	width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}
.youtube_ttl {
	font-size: 15px;
    margin-top: 13px;
    margin-bottom: 7px;
	color: #333333;
	font-weight: bold;
	line-height: 1.4em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
ul.u_clearfix.youtube_sec_wrap:after {
    content: "";
    display: block;
    width: calc((100% - 50px) / 3);
    max-width: 350px;
    height: 0;
}
.house_maker_txt {
	color: #6B6B6C;
	font-size: 13px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sns_wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.sns_wrap > div a img {
    margin-right: 15px;
}

.sns_wrap > div:nth-child(1) a img {
    max-width: 37px;
    height: auto;
}

.sns_wrap > div:nth-child(2) a img {
    max-width: 48px;
    height: auto;
}

.sns_wrap > div:nth-child(3) a img {
    max-width: 34px;
    height: auto;
}

.sns_wrap > div:nth-child(4) a img {
    max-width: 33px;
    height: auto;
}


@media screen and (max-width:960px){
	.youtube_ttl {
		font-size: 13px;
	}
	.house_maker_txt {
		font-size: 11px;
	}
}
@media screen and (max-width:767px) {
	ul.u_clearfix.youtube_sec_wrap li {
		margin-right: 15px;
		margin-bottom: 30px;
		width: calc((100% - 15px) / 2);
		max-width: none;
	}
	ul.u_clearfix.youtube_sec_wrap:after {
		width: calc((100% - 15px) / 2);
		max-width: none;
	}
	ul.u_clearfix.youtube_sec_wrap li:nth-child(2n) {
		margin-right: 0px;
	}
	ul.u_clearfix.youtube_sec_wrap li:nth-child(3n) {
		margin-right: unset;
	}
	.youtube_ttl {
		font-size: 12px;
		margin-top: 9px;
	}
	.house_maker_txt {
		font-size: 10px;
	}
	.sns_wrap > div {
		width: 14%;
		margin-right: 15px;
	}
	.sns_wrap > div a img {
		max-width: 100% !important;
		max-height: 40px;
		height: auto;
	}

	
}
@media screen and (max-width:500px) {
	ul.u_clearfix.youtube_sec_wrap li {
		margin-right: 0px;
		margin-bottom: 30px;
		width: 100%;
		max-width: none;
	}
	ul.u_clearfix.youtube_sec_wrap:after {
		width: 100%;
		max-width: none;
	}

}