@charset "utf-8";
/* ---------------------------------------------- */
/* content CSS ===================================*/
/* ---------------------------------------------- */
/* header-con ============================== */
@media screen and (max-width:480px) {
    #header-con img{width:80%; height:auto; vertical-align:top;}
}

/* related_stage-contents -------------------*/
@media screen and (max-width:550px) {
    #related_stage-contents p{margin:0 auto 8px; }
    #related_stage-contents h2{font-size: 1.4rem; margin: 33px auto; font-weight: normal;}
    #related_stage-contents h4 span{font-size: 1rem;}
}

/* inner-con ============================== */
@media screen and (max-width:1500px) {
    .inner-con{width:100%; margin:0 auto; padding:70px;}/* paddeing top 同 */
    .inner-con-coeur{width:100%; margin:0 auto; padding:70px;} /* paddeing top 同 */
    .inner-con-glossy{width:100%; margin:0 auto; padding:70px;} /* paddeing top 同 */
#related_stage-contents .eria-left_border {float: left; width: 48%; margin:0 auto 22px; padding:0.5% 2.5%; border:solid 1px #cccccc; border-radius: 8px;}
#related_stage-contents .eria-right_border {float: right; width: 48%; margin:0 auto 22px; padding:0.5% 2.5%; border:solid 1px #cccccc; border-radius: 8px;}
}

@media screen and (max-width:1024px) {
    .inner-con{width:100%; margin:0 auto; padding:30px;}/* paddeing top 同 */

.inner-con-coeur-top{width:100%; margin:0 auto; padding:10px 20px;} 
.inner-con-glossy-top{width:100%; margin:0 auto; padding:10px 20px;}
    .inner-con-coeur{width:100%; margin:0 auto; padding:0 30px 30px;} /* paddeing top 同 */
    .inner-con-glossy{width:100%; margin:0 auto; padding:0 30px 30px;} /* paddeing top 同 */
}

/* related_stage-contents eria 2カラム================= */
@media screen and (max-width:960px) {
    #related_stage-contents .eria-left {float: none; width: 100%; margin:0 auto; padding:0 2%;}
    #related_stage-contents .eria-right {float: none; width: 100%; margin:0 auto; padding:30px 2% 0;}

    #related_stage-contents .eria-left-07 {float: none; width: 100%; margin:0 auto; padding:0;}
    #related_stage-contents .eria-right-03 {float: none; width: 100%; margin:0 auto; padding:0;}
    #related_stage-contents .eria-left-03 {float: none; width: 100%; margin:0 auto; padding:0;}
    #related_stage-contents .eria-right-07 {float: none; width: 100%; margin:0 auto; padding:0;}
    #related_stage-contents .eria-left_border {float: none; width: 100%; margin:0 auto 22px; padding:0 0 48px; border:solid 0px #ffffff;}
    #related_stage-contents .eria-right_border {float: none; width: 100%; margin:0 auto; padding:0; border:solid 0px #ffffff; }

/*
    #related_stage-contents .eria-left_border {float: none; width: 100%; margin:0 auto; padding:0; border:solid 1px #cccccc; border-radius: 3px;}
    #related_stage-contents .eria-right_border {float: none; width: 100%; margin:0 auto; padding:0; border:solid 1px #cccccc; border-radius: 3px;}
*/
}


/*==========================================
 menu design partsCSS
===========================================*/
@media screen and (max-width:1200px) {
/* ---- boximg ----------------------------------------------------*/
    .boximg img{width:400px; height:auto;}
    .boximg .boximg-area{width: 400px; padding: 8px;}
    .boximg .boximg-area h3{font-size: 1.1rem; margin: 0 0 8px 0;}
    .boximg .boximg-area h6{font-size: 1.1rem; margin: 0 0 18px 0;}
    .boximg .boximg-area h6 span{font-size: 0.8rem; margin: 0 4px 0 0;}
    .boximg .boximg-area p{font-size: 1rem; margin:0 auto;}
}
@media screen and (max-width:960px) {
/* ---- boximg ----------------------------------------------------*/
    .boximg img{width:380px; height:auto;}
    .boximg .boximg-area{width: 380px;}
    .boximg .boximg-area h3{font-size: 1rem; margin: 0 0 4px 0;}
    .boximg .boximg-area h6{font-size: 1.1rem; margin: 0 0 8px 0;}
    .boximg .boximg-area h6 span{font-size: 0.88rem; margin: 0 4px 0 0;}
    .boximg .boximg-area p{font-size: 0.88rem; margin:0 auto;}
}

@media screen and (max-width:1024px) {
/* ovlight-img4 4カラム------------------------------------------------------------*/
.ovlight-img4 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img4 li:nth-child(1) {float: left; margin:1%; padding:0.25%; width: 48%;}
.ovlight-img4 li:nth-child(2) {float: left; margin:1%; padding:0.25%; width: 48%;}
.ovlight-img4 li:nth-child(3) {float: left; margin:1%; padding:0.25%; width: 48%;}
.ovlight-img4 li:nth-child(4) {float: left; margin:1%; padding:0.25%; width: 48%;}
.ovlight-img4 img{max-width: 100%; height: auto; padding:0;}
}

@media screen and (max-width:900px) {
/* ovlight-img2_menu 2カラム------------------------------------------------------------*/
    .ovlight-img2_menu{margin: 22px auto; padding:0px;}
    .ovlight-img2_menu li:nth-child(1) {float: left; margin:0.5% 1%; padding:0.25%; width: 48%;}
    .ovlight-img2_menu li:nth-child(2) {float: right; margin:0.5% 1%; padding:0.25%; width: 48%;}
    .ovlight-img2_menu img{max-width: 100%; height: auto; padding:0;}
    .ovlight-img2_menu p {font-size: 0.8rem;}
    .ovlight-img2_menu p span{display: none;}
/*= btn001 ===========================================*/
    a.btn001{font-size: 1.1em;}
    a.btn001 i{font-size:1.1em;}
}

@media screen and (max-width:768px){
    .btn03 {padding:4px 0;}
    .ovlight_2-banner li:nth-child(1) {float: none; margin:0 auto 1.5%; padding:0 0.5% 0; width: 100%;}
    .ovlight_2-banner li:nth-child(2) {float: none; margin:0; padding:0 0.5% 0; width: 100%;}
    .ovlight_2-banner p{margin: 4px auto; padding:0; text-align: center;}
}

@media screen and (max-width:600px) {
/**-- share-contact ------------------------------------------------------**/
    .share-contact li{float: none; margin:1% auto; padding:0; width: 100%;}
/* ---- boximg ----------------------------------------------------*/
    .boximg img{width:80%; height:auto;}
    .boximg .boximg-area{width: 100%;}
    .boximg .boximg-area h3{font-size: 1rem; margin: 0 0 4px 0;}
    .boximg .boximg-area h6{font-size: 1.1rem; margin: 0 0 8px 0;}
    .boximg .boximg-area h6 span{font-size: 0.88rem; margin: 0 4px 0 0;}
    .boximg .boximg-area p{font-size: 0.88rem; margin:0 auto;}

}

/**--table---- ---------------------------------------------**/

@media screen and (max-width:1500px) {
/**--table_info ---------------------------------------------**/
.table_info{width: 100%;}
.table_info thead{display: none;}
.table_info tr{display: block; margin: 18px auto; width: 100%;}
.table_info th,.table_info td{display:list-item; border: none;}
.table_info th{margin: 0; padding:2px 8px; list-style-type: none; border-top: 1px solid #cccccc; background-color:#ededed;}
.table_info td{margin: 0 auto 8px; padding:2px 22px; list-style-type: none;}
.table_info ul li span{display: block; margin:0 0 5px 22px; padding:0; list-style: none; font-size:0.88em;}
}

@media screen and (max-width:940px) {
/**--table_price ---------------------------------------------**/
.table_price{width: 100%;}
.table_price thead{display: none;}
.table_price tr{display: block; margin: 18px auto 0; width: 100%;}
.table_price th{display:list-item; font-size: 1.1rem; padding:8px 8px 0; border-bottom: 0px;}
.table_price td{display:list-item; font-size: 1.3rem; padding:0 8px 8px; border-bottom: 1px solid #cccccc;}
.table_price th{list-style-type: none;}
.table_price td{list-style-type: none;}
}