@charset "UTF-8";
/* CSS Document */
.ml40{
	margin-left: 40px;
}
.txt_blue {
    font-weight: bold;
    font-size: 1.6rem;
    color: #0075c1;
}
.split2 h4.ttl_black {
	font-weight: bold;
	font-size: 1.6rem;
	color: #414141;
	text-align: left;
	/*	margin-top: 10px!important;*/
	margin-bottom: 15px;
}
.split2 h4.ttl_red {
	font-weight: bold;
	font-size: 1.6rem;
	color: #e60005;
	text-align: left;
	margin-bottom: 15px;
}
.split2 h4.ttl_black +p, .split2 h4.ttl_red +p {
	margin-bottom: 15px;
}
.split3 h4.ttl_black {
	font-weight: bold;
	font-size: 1.3rem;
	color: #414141;
	text-align: left;
	margin: 0 0 5px;
}
.split3 h4.ttl_red {
	font-weight: bold;
	font-size: 1.3rem;
	/*color: #e60005;*/
    color: #0075c1;
	text-align: left;
	margin: 0 0 5px;
	line-height: 1;
}
.split4 h4.ttl_black {
	font-weight: bold;
	font-size: 1.3rem;
	color: #414141;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 15px;
	line-height: 1.3em;
}
.commonparts_box .t_gray0 {
	font-size: 1.4rem;
	line-height: 1.6;
	color: #414141;
	margin-top: 0px!important;
	margin-bottom: 30px;
}
.cost {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #00b466;
	padding: 2px 5px;
	border-radius: 5px;
	border: 1px solid #00b466;
	width: 48%;
	color: #fff!important;
}
.cost_100 {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #00b466;
	padding: 2px 5px;
	border-radius: 5px;
	border: 1px solid #00b466;
	width: 90%;
	color: #fff!important;
}
.cost p, .cost_100 p {
	color: #fff!important;
	font-size: 1.8rem;
	text-align: center;
}
.box_list li.option a {
	display: inline!important;
	transition: all .1s ease-in-out;
}
.txt_red {
	font-weight: bold;
	font-size: 1.6rem;
	color: #e60005;
}
.tC, .t_c {
	text-align: center;
}
.tL {
	text-align: left;
}


.gray {
	background-color: #e7e4e4;
}
/*注釈*/
.note_list li {
	font-size: 1.2rem;
	text-indent: -1em;
	margin-bottom: 4px;
	padding-left: 1em;
}
/*-------GA plan用追加CSS--------*/
/* CSS Document */
.plan_osusume {
	color: #00a040;
	padding: 0px;
	display: inline-block;
}
.tables_split2 dt span.plan_osusume {
	color: #00a040;
	padding: 0px;
	display: inline-block;
}
.p_b {
	color: #00a1e8;
	padding: 0px;
}
.tables_split2 dt span.p_b {
	color: #00a1e8;
	display: inline-block;
	padding: 0px;
}
.tables_split2 dt span.p_b {
	color: #00a1e8;
	display: inline-block;
	padding: 0px;
}
.bg_set {
	background-color: #fffcdb;
	border: 1px #000000 solid;
}
.icon-1week, p span.icon-1week {
	border: 1px solid #333;
	color: #333;
	padding: 0 .2em;
	margin-left: .5em;
	text-align: center;
	background: #fff573;
	font-size: 80%;
	display: inline-block;
}
.tables_split2 dt span.icon-1week {
	border: 1px solid #333;
	color: #333;
	padding: 0 .2em;
	margin-left: .5em;
	text-align: center;
	background: #fff573;
	font-size: 80%;
	display: inline-block;
}
.icon-red, p span.icon-red {
	color: #e60012;
	padding: 0;
	font-size: 100%;
	display: inline-block;
}
.p_b, p span.p_b {
	color: #0075c2;
	padding: 0px;
}
p.mt0 {
	margin-top: 0px;
}
.caption span.st {
	font-weight: bold;
}
.coordinate .split3 h4.ttl_black {
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #414141;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: -10px !important;
}
.coordinate .split3 .caption {
	line-height: 2rem!important;
}
.clusters img {
	margin-left: 15px;
}
.icn_no_red {
	color: #0075c2;
/*	color: #e60005;*/
	display: inline-block !important;
	font-size: 1.6rem;
}
.label_newitem {
	display: inline-block!important;
	margin: 0 0 .5em 0;
	padding: 2px 4px!important;
	font-weight: normal!important;
	font-size: 12px!important;
	color: #f00;
	vertical-align: top;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #f00;
}
.parts_feature04 .showcase_ttl .sub {
	color: #ffffff;
}
.commonparts_box .note_list {
	font-size: 1.2rem !important;
}
.commonparts_box .note_list.mLR16 {
	margin-left: 16px;
	margin-right: 16px;
}
.commonparts_box .note_list a {
	display: inline-block;
}
.commonparts_box p.indent-1 {
	padding-left: 1em;
	text-indent: -1em;
}
.commonparts_box p.indent-2 {
	padding-left: 2em;
	text-indent: -2em;
}
.commonparts_box .note_list li.indent-2 {
	padding-left: 2em;
	text-indent: -2em;
}
span.small {
	font-size: 0.6em;
	font-weight: normal;
	color: #414141;
}
.box_list li span.p_b, .p_b {
	color: #0075c2;
	display: inline;
}

@media screen and (min-width: 768px) {
.pl15 {
	padding-left: 15px;
}
.pr15 {
	padding-right: 15px;
}
.ln_mt5 {
	margin-top: 5px;
}
}

@media screen and (max-width:767px) {
.split2 .box_list {
	width: 100%;
}
	
.tL {
	text-align: left;
	margin: 15px;
}	
	
.box_list.margin .split4.clusters {
	width: 24% !important;
}
.note {
	margin: 0;
}
.w_max {
	width: 100%;
}
}
/*メイン画像*/
.reference_price .commonparts_cell:nth-child(2) ul li {
	font-size: 1.2rem;
	text-indent: 0em !important;
	margin-bottom: 4px;
	padding-left: 0em !important;
}
/*背景の設定*/
.showcase.no-bgimg .commonparts_box {
	background: none;
	height: auto;
	padding: 60px 0 75px;
}
.showcase.parts_color .commonparts_box, .showcase.parts_door .commonparts_box, .showcase.parts_feature01 .commonparts_box, .showcase.parts_feature02 .commonparts_box, .showcase.parts_feature03 .commonparts_box, .showcase.parts_feature04 .commonparts_box, .showcase.parts_feature05 .commonparts_box, .showcase.parts_feature06 .commonparts_box, .showcase.parts_feature07 .commonparts_box, .showcase.plan_index .commonparts_box {
	background: none;
}
.showcase .plan_index {
	background-image: url(/products/groom/octave/images/plan/plan_index_photo.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature01.htm*/
.showcase.parts_feature01 {
	background-image: url(/products/groom/octave/images/feature01/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature02.htm*/
.showcase.parts_feature02 {
	background-image: url(/products/groom/octave/images/feature02/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature03.htm*/
.showcase.parts_feature03 {
	background-image: url(/products/groom/octave/images/feature03/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature04.htm*/
.showcase.parts_feature04 {
	background-image: url(/products/groom/octave/images/feature04/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature05.htm*/
.showcase.parts_feature05 {
	background-image: url(/products/groom/octave/images/feature05/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature06.htm*/
.showcase.parts_feature06 {
	background-image: url(/products/groom/octave/images/feature06/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*feature07.htm*/
.showcase.parts_feature07 {
	background-image: url(/products/groom/octave/images/feature07/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*door.htm*/
.showcase.parts_door {
	background-image: url(/products/groom/octave/images/door/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
/*color.htm*/
.showcase.parts_color {
	background-image: url(/products/groom/octave/images/color/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}




#logo .tag_new{
	font-size: 1.3rem!important;
	color: #c00!important;
	border: 1px solid #c00!important;
	padding: 3px 3px!important;
	margin: 0 auto!important;
	background: rgba(255,255,255,0.6)!important;
	text-align: center!important;
	display: block!important;
	width: 50%!important;
	box-sizing: border-box;
}

.sub_tB {
    font-weight: bold;
}

.enclose{
	border: 1px solid #000;
	padding: 2px;
	display: inline-block!important;
	margin: 5px 5px 0 0;
}