@charset "utf-8";

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

.head_img{
	margin:15px 0 5px;
}

.head_img img{
	position:relative;
}

.head_img .period{
	position:absolute;
	margin-top:-34px;
	margin-left:200px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.text{
	text-align:center;
	margin:15px 10px;
}

#siteID_casa img.casa_logo {
	margin-top: 15px;
}

.comicImg {
	display: block;
	padding: 0;
	margin: 10px 0 15px 0;
}

.comicTit1 {
	display: block;
	padding: 0;
	margin: 10px 0 23px 0;
}

.innerWrap {
    margin-bottom: 30px;
}

.toggleList .togTit {
	background-position: 915px 8px;
}

@media (min-width: 588px) {
#casa h1 {
    margin-top: 20px;
}
}

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

.reuseBox {
	display: block;	
	width: 950px ;
	height: 130px ;
	background: #EDF9E3;
	margin: 10px 0 ;
}

.reuseBoxL {
	float: left;
	width: 130px;
	background: #EDF9E3;
	padding: 15px 5px 0 25px ;
	margin: 0;
}

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

.bigWord {
	font-size: 20px;
	font-weight: bolder;
}
.boldWord {
	font-size: 16px;
	font-weight: bolder;
}

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

.areaBox {
	display: block;	
	width: 950px ;
	height: 220px ;
	background: #EDF9E3;
	margin: 10px 0;
}

.areaBoxL {
	float: left;
	width: 250px;
	background: #EDF9E3;
	padding: 15px 5px 0 25px ;
	margin: 0;
}

.areaBoxR {
	float: right;
	width: 625px;
	padding: 30px 30px 15px 0;
	margin: 0;
	font-size: 16px;	
}

.areaBtn {
	float: left;
	width: 284px ;
	padding: 0 30px 0 15px ;
	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(../../files/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 ;
	margin: 0 0 0 20px ;
    background: transparent url(../../files/img/common/txt_tell_03.png) no-repeat scroll 0px 0px;
    height: 38px;
    text-indent: -9999px;
    width: 371px;
    margin-bottom: 8px;
}

.CaseArea {
	margin:30px 0;
}

.CaseL {
	float:left;
	margin-right:30px;
}

/* --- inqBox03
---------------------------------------- */
ul.col4Box li {
    width: 212px;
    margin-right: 31px;
}

/* --- 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;
}


/* ----------------------------------------
  Casa x trefachikkoshi
---------------------------------------- */

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

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

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

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

.sp_entry_tell {
	display: none;
}

.entry_area  img.tokuten_bnr {
	margin-bottom: 20px;
}

/* Casa item
---------------------------------------- */
/*
#casa ul.col4Box li {
    width: 215px;
    margin-right: 30px;
}

#casa ul.col4Box li.last {
    margin-right: 0;
} */

#casa .caseBox {
    display: block;
    height: 550px;
    margin: 30px 0 35px 0;
}
#casa .left {
	float: left;
}
#casa .right {
	float: right;
}


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

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;
}



/* txt スマホ対応
---------------------------------------- */
@media screen and (max-width: 720px) {
.txt{
	font-size:14px;
}

}

/* comicTit2 スマホ対応
---------------------------------------- */
.comicTit2 {
	display: none;
}

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

@media screen and (max-width: 950px) {
.reuseBox {

	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;
}
}


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

@media screen and (max-width: 950px) {
.areaBox {
	width: auto ;
	height: auto ;
	background: #EDF9E3;
	padding: 10px 10px;
	margin: 10px 10px 25px;
}

.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;
	margin: 0;
	font-size: 16px;
}

}

#tracking_btn {
	display: none;	
}

/* ----------------------------------------
ftrGnav非表示
---------------------------------------- */
.ftrGnav {
	display: none;
}