@charset "utf-8";

/*  レイアウト調整
-------------------------------------*/

#marriage #content {
    margin: 10px auto 45px;
}


.imgTitle01{
    margin: 10px auto 0;
     width: 950px;
     height: 350px;
}

.comicSubtit {
    display: block;
     width: 950px;
     height: 80px;
    padding: 0;
    margin: 45px 0 15px 0;
}
/*
.comicTit1 {
    display: block;
    padding: 0;
    margin: 10px 0 23px 0;
}*/

.innerWrap {
    margin-bottom: 30px;
}
/*
.toggleList .togTit {
    background-position: 915px 8px;
}*/

#marriage .main .red_end {
    color: #cc2201;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}

/* ----------------------------------------
reuseBox
---------------------------------------- */

.reuseBox {
    display: block;
    width: 880px ;
    height: 135px ;
    background-image: url("/img/special/marriage/img_eco_02.png");
    background-repeat: no-repeat;

    padding: 35px;
    margin: 35px 0;
}



.reuseBoxL {
    float: left;
    width: 147px;
/*    background: #EDF9E3; */
    padding-right: 25px;
    margin: 0;
}

.reuseBoxR {
    float: right;
    width: 700px;
/*    padding: 15px 30px 15px 0; */
    margin-right: 0;
    font-size: 16px;
}

.bigWord {
    font-size: 18px;
    font-weight: bolder;
    letter-spacing: 1.1px;
}
.boldWord {
    font-size: 14px;
    font-weight: bolder;
    margin: 10px 0 0;
}

.reuseBoxR .word {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.5px;
}

.reuseBox span.red {
    color: #e27070;
}

/* ----------------------------------------
caseBox
---------------------------------------- */

.caseBox {
    display :block;
    height :550px;
    margin-bottom : 45px;
}

.caseBox .left {
    display: block;
    float: left ;
    width: 48% ;
    padding: 0 ;
    margin: 0 ;
}
.caseBox .right {
    display: block;
    float: right ;
    width: 48% ;
    padding: 0 ;
    margin: 0 ;
}

/* ----------------------------------------
entry_area
---------------------------------------- */

.entry_area {
    display: block;
    width: 100% ;
    height: auto ;
    padding: 0;
    margin: 45px auto 65px;
    text-align: center;
}

.entry_area .entry_btn{
    margin-bottom : 20px;
}

.entry_area .entry_btn img:hover{
    opacity:0.8;
}

.sp_entry_tell {
    display: none;
}


/* ----------------------------------------
areaBox
---------------------------------------- */

.areaBox {
    display: block;
    width: 880px ;
    height: 145px ;
    background-image: url("/img/special/marriage/img_map_02.png");
    background-repeat: no-repeat;
/*    background: #EDF9E3; */
    padding: 35px;
    margin: 40px 0 50px;
}

.areaBoxL {
    float: left;
    width: 190px;
/*    background: #EDF9E3;
    padding: 35px 5px 0 35px ;*/
    margin: 0;
}

.areaBoxR {
    float: right;
    width: 670px;
    font-size: 16px;
    letter-spacing: 0.5px;
/*    padding: 30px 30px 15px 0; */
    margin: 0;

}

.areaBtn {
    float: left;
    width: 284px ;
    padding: 15px 30px 0 20px;
    margin: 0;
    font-size: 16px;
}


/* ----------------------------------------
inqBox03
---------------------------------------- */
/*
.inqBox03 {
    background: #FFFED1 none repeat scroll 0% 0%;
    border: 4px solid #EBE9A5;
       padding: 0;
    margin: 50px 0 0px;

}

.inqBox03 .inWrap {
    border: 1px solid #FFF;
    position: relative;
    padding: 0px 10px 0px 0px;
}

.inqBox03 .inTit {
    float: right;
    width: 695px;
    font-size: 26px;
    font-weight: 500;
    text-align: left ;
    margin: 10px 10px 0 10px;
    padding-bottom: 0px;
    border-bottom: medium none;
    color: #262626;
}

.inqBox03 ul {
    padding: 0 ;
    margin: 0 0 0 200px ;
}

.inqBox03 ul li{
    float:left;
}

.inqBox03 img{
    margin-bottom:10px;
}

.inqBox03 ul li .tellBtn {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnS {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnL {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnA {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnB {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnF {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}
.inqBox03 ul li .tellBtnEvt {
    height: 38px;
    font-size:38px;
    font-weight:bold;
    margin-bottom:12px;
    width: 370px;
}

.inqBox03 ul li .formBtn a {
    background: transparent url(/img/common/btn_form_03.png) no-repeat 0 0;
    display: block;
    height: 54px;
    text-indent: -9999px;
    width: 311px;
    margin-left: 20px;
}

.inqBox03 ul li .tellCap {
    font-size: 12px;
}

.inqBox03 .inImg {
    display: block;
    position: static;
    float: left;
    padding: 0 ;
    margin: -15px 0 0 20px ;
    bottom: -2px;
    right: 5px;
}


.telinfo {
    display: block;
    width: 685px;
}

.comicinqRight {
    display: block;
    float: right;
    padding: 0 ;
    margin: 0 20px 0 0 ;
}
.comicinqLeft {
    display: block;
    float: left ;
    padding: ;
    margin: 0 0 0 20px ;
    background: transparent url(/img/common/txt_tell_03.png) no-repeat scroll 0px 0px;
    height: 38px;
    text-indent: -9999px;
    width: 371px;
    margin-bottom: 8px;
}
*/


/* --- inqBox04
---------------------------------------- */

ul.col4Box {
    width: 910px;
    height: auto ;
    padding: 0;
    margin: 30px auto 0;
    text-align : center;
}


ul.col4Box li {
    width: 212px;
    margin-right: 20px;
}

ul.col4Box li div p {
    text-align : left;
    margin-top: 13px;
}



/* --- firstStep
---------------------------------------- */
/*
.firstStep li {
    width: 294px;
    float: left;
    margin-left: 34px;
    position: relative;
}

.firstStep li.top {
    margin-left: 0;
}


.firstStep .imgStep {
    margin-bottom: 10px;
}

.firstStep .titStep {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.firstStep .titStep img {
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
}
*/

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.firstSec:after,
.firstStep:after,
.planSec:after,
ul.col3Box03:after,
ul.col3Box03 li div:after,
.inqBox03 ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
.firstSec,
.firstStep,
.planSec,
ul.col3Box03,
ul.col3Box03 li div,
.inqBox03 ul {
    *zoom: 1;
}


/* comicTit2 スマホ対応
---------------------------------------- */

.comicTit2 {
    display: none;
}

/* reuseBox スマホ対応
---------------------------------------- */
@media screen and (max-width: 720px) {
.reuseBox {
/*    display: block;    */
    width: auto ;
    height: auto ;
    background: #EDF9E3;
    padding: 10px;
    margin: 5px;
}
.reuseBoxL {
    display: none;
    float: none;
    width: 0;
    background: #EDF9E3;
    padding: 0 ;
    margin: 0;
}


.reuseBoxR {
    float: none;
    width: auto ;
    background: #EDF9E3;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.bigWord {
    font-size: 16px;
    font-weight: bolder;
    display: block;
    margin: 0 0 0.3px 0;
}

.boldWord {
    font-size: 14px;
    font-weight: bolder;
}

.buy_item {
    margin: 25px 5vw;
}

}


/* ----------------------------------------
areaBox　スマホ対応
---------------------------------------- */
@media screen and (max-width: 720px) {
.areaBox {
/*    display: block;    */
    width: auto ;
    height: auto ;
    background: #EDF9E3;
    padding: 10px 10px;
    margin: 10px 10px;
}

.areaBoxL {
    display: none;
    float: none ;
    width: auto ;
    background: #EDF9E3;
    padding: 15px 5px 0 25px ;
    margin: 0;
}

.areaBoxR {
    float: none ;
    width: 100% ;
    padding: 10px 5px ;
    margin: 0;
    font-size: 14px;
}

.areaBtn {
    float: none;
    text-align: center;
    width: auto ;
    padding: 0 30px 0 15px ;
    margin: 0;
    font-size: 16px;
}

}