@charset "UTF-8";
@font-face {
    font-family: 'MyMincho';
    font-weight: normal;
    src: local('YuMincho-Medium'), local('Yu Mincho Medium'), local('YuMincho-Regular');
}

@font-face {
    font-family: 'MyMincho';
    font-weight: bold;
    src: local('YuMincho-Bold'), local('Yu Mincho');
}

.roboto {
    font-family: Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
}

.yumin {
    font-family: "游明朝", MyYuMincho, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", serif;
}

.item_pc {
    display: block;
}

.item_sp {
    display: none;
}

#commonparts_ttl {
	width:960px;
	margin: 0 auto;
	text-align: left;
	font-size: 30px;
	line-height: 1.3;
	padding: 20px 0;
}
#commonparts_ttl span {
	font-size: 22px;
}

.prd-mid_main{
	background:#f1eae4;
}
.prd-mid_main .commonparts_box{
	position:relative;
	width:960px;
	height:590px;
	background:url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fprd_parts_middle_bg_001.jpg) no-repeat 0 0;
	padding-top:0;
}
.prd-mid_main .commonparts_box #logo{
	position:absolute;
	width: 245px; 
	top: 20px; 
	right: 20px; 
	background: rgba(255, 255, 255, .6); 
	text-align: center; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	padding: 40px 0;
}
.prd-mid_main .commonparts_box #logo img{
	width: 160px;
	height: auto;
}
.prd-mid_point .commonparts_box,
.prd-mid_plan .commonparts_box{
	padding:60px 0 0 0;
}
.prd-mid_color .commonparts_box{
	padding:80px 0 0 0;
}
.prd-mid_point .commonparts_box+.commonparts_box{
	padding:30px 0 0 0;
}

.prd-mid_point .commonparts_box h2,
.prd-mid_plan .commonparts_box h2,
.prd-mid_color .commonparts_box h2,
.prd-mid_facility .commonparts_box h2{
	line-height:1.8;
	color:#13449d;
	border-bottom:none;
	text-align:center;
	padding-bottom:0;
}

.prd-mid_color .commonparts_box h2,
.prd-mid_facility .commonparts_box h2{
	color:#13449d;
}
.prd-mid_point .commonparts_box h2 .roboto,
.prd-mid_plan .commonparts_box h2 .roboto,
.prd-mid_color .commonparts_box h2 .roboto {
	font-size:1.6rem;
	letter-spacing:1px;
}
.prd-mid_point .commonparts_box h2 .yumin,
.prd-mid_plan .commonparts_box h2 .yumin,
.prd-mid_color .commonparts_box h2 .yumin{
	font-size:2.6rem;
	letter-spacing:2px;
}
.prd-mid_point .commonparts_box .lead {
	color:#eee;
	line-height:1.8;
	text-align:center;
	margin-top:24px;
}
.prd-mid_point .commonparts_box .box_list {
	margin-top:36px;
}
.prd-mid_point .commonparts_box .box_list+.box_list {
	margin-top:0;
}
.prd-mid_point .commonparts_box .box_list+.box_list.margin {
	margin-top:48px;
}
.prd-mid_point .commonparts_box .box_list li {
	background:#fff;
}
.prd-mid_point .commonparts_box .box_list li a {
	display:block;
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box {
	position:relative;width:960px;
}
.prd-mid_point .commonparts_box .box_list li.split2 a .prd-mid_btn_box {
	width:480px;
}
.prd-mid_point .commonparts_box .box_list li.split3 a .prd-mid_btn_box {
	width:308px;
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box .hover_wrap {
	width:100%;
	height:100%;
	transition:all .1s ease-in-out;
	
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box h3 {
	font-weight:bold;
	font-size:1.6rem;
	text-decoration:none;
	
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box p {
	font-size:1.4rem;
	line-height:1.6;
	text-decoration:none;
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box p.btn {
	display:inline-block;
	text-decoration:none;
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box h3+p {
	margin-top:10px;
}
.prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box p.btn {
	margin-top:16px;
	padding:12px 30px;
	transition:all .1s ease-in-out;
}
.prd-mid_point .commonparts_box .box_list li a:hover {
	text-decoration:none;
}
.prd-mid_point .commonparts_box .box_list li a:hover img {
	opacity:0.8;
}
.prd-mid_point .commonparts_box .box_list li a:hover .prd-mid_btn_box .hover_wrap {
	background:rgba(255,255,255,0.2);
}

.prd-mid_point .commonparts_box .box_list li.split3 p {
    width: 268px;
    height: 110px;
    background: #fff url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom;
    font-weight: bold;
    font-size: 1.6rem;
    color: #414141;
    padding: 20px 20px 0 20px;
    transition: all .1s ease-in-out;
}

.prd-mid_point .commonparts_box .box_list li.split3 p span {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 6px;
}

.prd-mid_point .commonparts_box .box_list li.split3 a:hover .prd-mid_btn_box p {
    background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom;
    color: #fff;
}

.prd-mid_plan .commonparts_box .plan_list {
    margin-top: 24px;
}

.prd-mid_plan .commonparts_box .commonparts_btn {
    margin-top: 30px;
    text-align: center;
}

.prd-mid_color .commonparts_box h2+a {
    margin-top: 30px;
}

.btn_large a {
    display: block;
}

.btn_large a .box_table {
    background: #eee;
    margin-top: 0;
    transition: all .1s ease-in-out;
}

.btn_large a .box_cell {
    padding: 30px;
}

.btn_large a .box_cell:last-child {
    position: relative;
    width: 330px;
    padding-left: 0;
    vertical-align: middle;
}

.btn_large a .box_cell h2 {
    color: #000;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2.0rem;
    font-weight: bold;
}

.btn_large a .box_cell p {
    font-size: 1.4rem;
    color: #000;
    margin-top: 24px;
}

.btn_large a .box_cell .btn_arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat 0 0;
}

.btn_large a:hover {
    text-decoration: none;
}

.btn_large a:hover .box_table {
    background: #fff;
}

.btn_large a:hover .box_cell .btn_arrow {
    background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat 0 0;
}

.btn_small a{display:block;}
.btn_small a .box_table{background:#eee;margin-top:0;transition:all .1s ease-in-out;}
.btn_small a .box_cell{padding:30px; height: 80px;}
.btn_small a .box_cell:last-child{position:relative;width:550px;padding-left:0;vertical-align:middle;}
.btn_small a .box_cell h2{color:#000;border-bottom:none;padding-bottom:0;font-size:2rem;font-weight: bold;}
.btn_small a .box_cell p{font-size:1.4rem;color:#000;margin-top:24px;}
.btn_small a .box_cell img{max-height: 100%; width: auto; display: block; margin: 0 auto;}
.btn_small a .box_cell .btn_arrow{position:absolute;bottom:0;right:0;width:24px;height:24px;background:url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat 0 0;}
.btn_small a:hover{text-decoration:none;}
.btn_small a:hover .box_table{background:#414141;}
.btn_small a:hover .box_cell .btn_arrow{background:url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat 0 0;}

.prd-mid_relation .commonparts_box .box_list li a .btn {
    width: 176px;
    min-height: 166px;
}

.prd-mid_relation .commonparts_box .box_list li a .btn p {
    width: 176px;
    height: 46px;
    font-size: 1.2rem;
    line-height: 1;
    color: #414141;
    background: #eee url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom;
    padding: 12px 0 0 0;
    text-align: center;
    transition: background .1s ease-in-out;
}

.prd-mid_relation .commonparts_box .box_list li a:hover {
    text-decoration: none;
}

.prd-mid_relation .commonparts_box .box_list li a:hover .btn p {
    color: #fff;
    background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom;
}

.prd-mid_facility .commonparts_box .box_list li.split3:nth-child(3n){
    margin-right: 0;
}

.prd-mid_facility .commonparts_box .box_list li a .btn .btn_img {
    border: solid #d9e0e3 1px;
}

.prd-mid_facility .commonparts_box .box_list li a .btn p {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #414141;
    background: #eee url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom;
    padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}

.prd-mid_facility .commonparts_box .box_list li a .btn p span {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    padding-bottom: 8px;
}

.prd-mid_facility .commonparts_box .box_list li a .btn p strong {
    font-weight: bold;
}

.prd-mid_facility .commonparts_box .box_list li a:hover {
    text-decoration: none;
}

.prd-mid_facility .commonparts_box .box_list li a:hover .btn p {
    color: #fff;
    background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom;
}


/*空間プラン*/

.showcase.plan {
    background: #000 url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fprd_parts_middle_bg_002.jpg) no-repeat center center;
    /*background-size:cover;*/
}

.showcase.plan .commonparts_box {
    background: none;
}

.showcase.plan .commonparts_box h1 {
    top: 110px;
    left: 0;
    font-weight: normal;
    color: #fff;
}

.showcase.plan .commonparts_box .lead {
    top: 210px;
    left: 0;
    color: #fff;
}

.anchor.plan {
    background: none;
}

.anchor.plan .box_list {
    margin-top: 0;
}

.anchor.plan .box_list li a {
    color: #414141;
    background: #fff;
    padding: 0 30px;
    text-align: left;
}

.anchor.plan .box_list li a:hover {
    color: #fff;
    background: #2e1f1b;
    text-decoration: none;
}

.plan_type .box_list.margin li {
    margin-bottom: 30px;
}

.plan_type .box_list.margin li a {
    color: #414141;
}

.plan_type .box_list.margin li a strong {
    font-weight: bold;
}

.plan_type .box_list.margin li a img {
    transition: all .1s ease-in-out;
}

.plan_type .box_list.margin li a:hover img {
    opacity: 0.8;
}

.relation2 .commonparts_box {
    width: 900px;
    border: none;
    background: #eee;
}

.relation2 .commonparts_box ul li a {
    background: #fff url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom;
    transition: all .1s ease-in-out;
}

.relation2 .commonparts_box ul li span {
    background: #fff;
    transition: all .1s ease-in-out;
}

.relation2 .commonparts_cell:nth-child(1) {
    width: 140px;
    background: #fff;
    padding-right: 0;
}

.relation2 .commonparts_cell:nth-child(2) {
    width: 268px;
    padding: 20px;
}

.relation2 .commonparts_cell img {
    width: 140px;
    height: 140px;
}

.relation2 .commonparts_cell p {
    font-weight: bold;
    font-size: 1.4rem;
}

.relation2 .commonparts_cell p span {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 16px;
}

.relation2 .commonparts_box ul li a:hover {
    background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom;
    text-decoration: none;
}

.relation2 .commonparts_box ul li a:hover .commonparts_cell img {
    opacity: 0.8;
}

.relation2 .commonparts_box ul li a:hover .commonparts_cell p {
    color: #fff;
}

@media screen and (max-width:767px) {
    #contents aside .prd_nav .cat_nav ul li:hover,
	#contents aside .prd_nav .cat_nav ul li.active2 {
        background: #fff;
    }
    .item_pc {
        display: none;
    }
    .item_sp {
        display: block;
    }
    #contents aside {
        height: auto;
    }
    #contents aside .prd_nav .cat_nav dl dt {
        background: #414141 url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fbtn_menu_sp.png) no-repeat right 0;
        background-size: 25px 80px;
    }
    #contents aside .prd_nav .cat_nav dl dd ul {
        margin-bottom: 0;
    }
    #commonparts_ttl {
        width:auto;
        font-size: 1.4rem;
        padding: 10px 13px;
    }
    #commonparts_ttl span {
        font-size: 1.2rem;
    }
    .prd-mid_main {
        background: none;
    }
    .prd-mid_main .commonparts_box {
        width: 100%;
        height: auto;
        background: none;
    }
    .prd-mid_main .commonparts_box img {
        width: 100%;
        height: auto;
    }
    .prd-mid_main .commonparts_box h1 {
        top: 15.5%;
        left: 0;
        right: 0;
        width: 247px;
        height: 65px;
        background-size: 247px 65px;
        margin: 0 auto;
    }
    .prd-mid_concept .commonparts_box h2,
	.prd-mid_point .commonparts_box h2,
	.prd-mid_plan .commonparts_box h2,
	.prd-mid_color .commonparts_box h2,
	.prd-mid_facility .commonparts_box h2 {
        line-height: 1.6;
    }
    .prd-mid_concept .commonparts_box h2 .roboto,
	.prd-mid_point .commonparts_box h2 .roboto,
	.prd-mid_plan .commonparts_box h2 .roboto,
	.prd-mid_color .commonparts_box h2 .roboto,
	.prd-mid_facility .commonparts_box h2 .roboto {
        font-size: 1.3rem;
    }
    .prd-mid_concept .commonparts_box h2 .yumin,
	.prd-mid_point .commonparts_box h2 .yumin,
	.prd-mid_plan .commonparts_box h2 .yumin,
	.prd-mid_color .commonparts_box h2 .yumin,
	.prd-mid_facility .commonparts_box h2 .yumin {
        font-size: 2.1rem;
    }
    .prd-mid_point {
        padding-bottom: 16px;
    }
    .prd-mid_point .commonparts_box.bb {
        border-bottom: solid #666 1px;
    }
    .prd-mid_point .commonparts_box .box_list {
        margin: 36px 0 0 0;
    }
    .prd-mid_point .commonparts_box .box_list.bb {
        border-bottom: solid #666 1px;
    }
    .prd-mid_point .commonparts_box .box_list li {
        width: 100%;
        background: none;
    }
    .prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box,
	.prd-mid_point .commonparts_box .box_list li.split2 a .prd-mid_btn_box {
        position: static;
        width: 100%;
    }
    .prd-mid_point .commonparts_box .box_list li a .prd-mid_btn_box .block_sp {
        padding-bottom: 40px;
        text-align: center;
    }
    .more_list {
        border: solid #fff 1px;
        margin: 0 16px;
    }
    .more_list a {
        display: block;
        font-size: 1.2rem;
        color: #fff;
        line-height: 40px;
        background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_open_w.png) no-repeat right center;
        background-size: 20px 10px;
        text-decoration: none;
        text-align: center;
    }
    .more_list a.close {
        background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_close_w.png) no-repeat right center;
        background-size: 20px 10px;
    }
    #accordion1 {
        display: none;
    }
    #accordion1 .box_list {
        margin-top: 0;
    }
    .prd-mid_point .commonparts_box .box_list li.split3 {
        width: 50%;
        margin: 0 0 16px 0;
    }
    .prd-mid_point .commonparts_box .box_list li.split3 a .prd-mid_btn_box {
        position: relative;
    }
    .prd-mid_point .commonparts_box .box_list li.split3:nth-child(odd) a .prd-mid_btn_box {
        width: auto;
        margin: 0 8px 0 16px;
    }
    .prd-mid_point .commonparts_box .box_list li.split3:nth-child(even) a .prd-mid_btn_box {
        width: auto;
        margin: 0 16px 0 8px;
    }
    .prd-mid_point .commonparts_box .box_list li.split3 a p {
        width: auto;
        height: 36px;
        font-size: 1.2rem;
        line-height: 1.4;
        background: #fff;
        padding: 8px 10px;
    }
    .prd-mid_point .commonparts_box .box_list li.split3 p span {
        display: none;
    }
    .prd-mid_plan .commonparts_box .plan_list {
        width: 100%;
    }
    .prd-mid_plan .commonparts_box .plan_list li {
        margin-bottom: 5px;
    }
    .prd-mid_plan .commonparts_box .commonparts_btn li {
        border: solid #13449d 1px;
    }
    .prd-mid_plan .commonparts_box .commonparts_btn li a {}
    .prd-mid_plan .commonparts_box .commonparts_btn li a span {
        font-size: 1.2rem;
        line-height: 1.6;
        padding: 10px 50px 10px 40px;
    }
    .prd-mid_color .commonparts_box {
        padding: 60px 0 0 0;
    }
    .prd-mid_color .commonparts_box h2+a {
        margin-top: 12px;
    }
    .prd-mid_color .commonparts_box .box_table {
        width: auto;
    }
    .btn_large a .box_cell {
       padding: 12px 24px 24px 12px;
    }
    .btn_large a .box_cell:last-child {
        width: auto;
    }
    .btn_large a .box_cell p {
        font-size: 1.2rem;
        color: #000;
        margin-top: 12px;
    }
    .btn_small a .box_cell {
        padding: 12px;
        height: auto;
    }
    .btn_small a .box_cell:last-child {
        width: auto;
    }
    .btn_small a .box_cell p {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 12px;
    }
    .btn_small a .box_cell img {
        width: 100%;
        height: auto;
    }
    .prd-mid_relation .commonparts_box .box_list li a .btn {
        width: auto;
        min-height: auto;
    }
    .prd-mid_relation .commonparts_box .box_list li a .btn p {
        position: static;
        width: auto;
        height: auto;
        font-size: 1.2rem;
        line-height: 1.4;
        background: #eee;
        padding: 8px 10px;
    }
    .prd-mid_facility {
        /*padding: 60px 0 16px 0;*/
    }
    .prd-mid_facility .commonparts_box .box_list {
        width: auto;
        margin: 12px 16px 0 16px;
    }
    .prd-mid_facility .commonparts_box .box_list li.split3 {
        width: 100%;
        margin: 0 0 16px 0;
    }
    .prd-mid_facility .commonparts_box .box_list li a .btn,
	.prd-mid_facility .commonparts_box .box_list li a .btn .btn_img,
	.prd-mid_facility .commonparts_box .box_list li a .btn p {
        width: auto;
        height: auto;
    }
    .prd-mid_facility .commonparts_box .box_list li a .btn p {
        line-height: 1.4;
        padding: 12px 12px 24px;
    }
    .prd-mid_facility .commonparts_box .box_list li a .btn p span {
        font-size: 1.4rem;
    }
    .more_facility {
        border: solid #414141 1px;
        margin: 0 16px;
    }
    .more_facility a {
        display: block;
        font-size: 1.2rem;
        color: #414141;
        line-height: 40px;
        background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_open_b.png) no-repeat right center;
        background-size: 20px 10px;
        text-decoration: none;
        text-align: center;
    }
    .more_facility a.close {
        background: url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_close_b.png) no-repeat right center;
        background-size: 20px 10px;
    }
    #accordion2 {
        display: none;
    }
    /*空間プラン*/
    .showcase.plan {
        background-size: cover;
    }
    .showcase.plan .commonparts_box h1 {
        top: 100px;
        left: 16px;
        font-size: 3.6rem;
    }
    .showcase.plan .commonparts_box .lead {
        top: 200px;
        left: 16px;
        margin: 0 16px 0 0;
    }
    .plan_type .commonparts_box h2 span {
        font-size: 1.4rem;
    }
    .plan_type .box_list.margin li {
        margin-bottom: 0;
    }
    .relation2 .commonparts_box {
        width: auto;
        padding: 16px 0;
    }
    .relation2 .commonparts_box h3 {
        font-size: 1.6rem;
    }
    .relation2 .commonparts_box ul li a,
    .relation2 .commonparts_box ul li span {
        margin: 0 16px;
    }
    .relation2 .commonparts_table {
        margin: 12px 0 0 0;
    }
    .relation2 .commonparts_cell:nth-child(1) {
        width: 100px;
    }
    .relation2 .commonparts_cell:nth-child(2) {
        width: auto;
        padding: 0;
    }
    .relation2 .commonparts_cell img {
        width: 100px;
        height: 100px;
    }
    .relation2 .commonparts_cell p {
        font-size: 1.2rem;
        padding: 10px;
    }
	.relation2 a .commonparts_cell p {
		padding-bottom: 20px;
	}
    .relation2 .commonparts_cell p span {
        font-size: 1rem;
        margin-top: 8px;
    }
    .prd-mid_point .commonparts_box,
	.prd-mid_plan .commonparts_box {
        width: 100%;
        padding: 16px 0 0 0;
    }
    .prd-mid_main .commonparts_box #logo{width: 110px; top: 10px; right: 10px; padding: 10px 0;}
    .prd-mid_main .commonparts_box #logo img{width: auto; height: 25px;}
}