@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

.txtR{ text-align:right !important; }
.txtL{ text-align:left !important; }
.txtC{ text-align:center !important; }

.mb05{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }

.mt05{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.ml02{ margin-left:2px !important; }
.ml03{ margin-left:3px !important; }
.ml05{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }

.mr05{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }

.pb05{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }

.fl{ float:left !important; }
.fr{ float:right !important; }
.clear{ clear:both !important; }

.f12{ font-size:12px;}
.bg_y{ background:#F5F0B4;}

.w980{ width:980px !important; margin:0 auto !important;}

.over a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}



/* 入力フォーム　エラーメッセージ */
#balloon_msg {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background:#D1635A;
	z-index: 0;
}
#balloon_msg:after {
	content: "";
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #D1635A transparent;
}


/*-----------------                                                                         ^
media Queries 
----------------------------*/
@media screen and (min-width: 0px) and (max-device-width: 640px) {
.inner{ width:100% !important;}
#sec_top .top_c_btn { margin: -180px 0 0 0 !important;}
#sec_02 ul.circle5 { margin: 0 !important;}
/*ul#bn li a { margin:0 !important;}
ul#bn li a img{ width:320px !important;}*/
ul#bn { margin:0 !important;}
ul#bn li a { margin:0 !important;}
ul#bn li a img{ width:auto !important; height:110px !important;}
#sec_02 ul.circle5 li{ margin-left:0 !important;margin-right:-10px !important;}
.tel{ margin:0 !important;}
.tel img{ width:980px !important;}
#sec_04 #carousel {	width: 800px !important;}
.btn{padding:25px !important;}
#fnavi2 ul.navi{ font-size:21px !important;}
#sec_top{padding:120px 0 60px !important;}
#sec_02 .text_box{margin:0 auto !important;}
#sec_02 .text_box img{width:900px !important; height:320px !important;}
.inner{	width:auto !important;}
#sec_06 h3{width:auto !important;height:auto !important;margin:0 auto 20px !important; text-align:center;}
#sec_06 h3 img{ width:50% !important; height:auto !important;}

#sec_06{ padding:30px 0; width:auto !important;}

table.table01{ width:auto !important;}

#fnavi{
	padding:0 !important;
	margin:0 !important;
	box-sizing:border-box;
	background:#0C1D31;
	text-align:center;
}

#fnavi .inner{
	padding:0 !important;
	margin:0 !important;
	width:100%;
}

#fnavi .inner ul.navi{
	display:block !important;
	list-style:none;
	padding:0;
	margin:0;
}

#fnavi .inner ul.navi li{
	display:block;
	width:100%;
	float:none !important;
	border-bottom:1px solid #E3E0DD;
	font-size:12px;
	padding:0 !important;
	margin:0;
}

#fnavi .inner ul.navi li:first-child{
	border-top:1px solid #E3E0DD;
}

#fnavi .inner ul.navi li a{
	display:block;
	width:100%;
	color:#fff;
	margin:0;
	padding:10px 0;
	text-decoration:none;
}

.submit ul li input{width:70%;}

}

@media screen and (min-width: 641px) and (max-device-width: 768px) {
#sec_top .top_c_btn { margin: -180px 0 0 0 !important;}
ul.circle5 { margin: 0 !important;}
ul.circle5 li { margin-left: -10px !important;}
ul.circle5 li:first-child {margin-left:10px !important;}
#sec_02 .text_box{ margin-right:0 !important; text-align:center; width:auto !important;}
ul#bn { margin:0 !important;}
ul#bn li a { margin:0 !important;}
ul#bn li a img{ width:auto !important; height:110px !important;}
#sec_02 ul.circle5 li{ margin-left:0 !important;margin-right:-10px !important;}
.tel{ margin:0 !important;}
.tel img{ width:980px !important;}
#sec_04 #carousel {	width: 800px !important;}
.btn{padding:25px !important;}
#fnavi2 ul.navi{ font-size:21px !important;}
#sec_top{padding:120px 0 60px !important;}
#sec_02 .text_box{margin:0 auto !important;}
#sec_02 .text_box img{width:900px !important; height:320px !important;}
.inner{	width:auto !important;}
#sec_06 h3{width:auto !important;height:auto !important;margin:0 auto 20px !important; text-align:center;}

#sec_06 h3 img{ width:30% !important; height:auto !important;}

#sec_06{ padding:30px 0; width:auto !important;}
.inner{ width:100% !important;}

table.table01{ width:auto !important;}

#fnavi{
	padding:0 !important;
	margin:0 !important;
	box-sizing:border-box;
	background:#0C1D31;
	text-align:center;
}

#fnavi .inner{
	padding:0 !important;
	margin:0 !important;
	width:100%;
}

#fnavi .inner ul.navi{
	display:block !important;
	list-style:none;
	padding:0;
	margin:0;
}

#fnavi .inner ul.navi li{
	display:block;
	width:100%;
	float:none !important;
	border-bottom:1px solid #E3E0DD;
	font-size:12px;
	padding:0 !important;
	margin:0;
}

#fnavi .inner ul.navi li:first-child{
	border-top:1px solid #E3E0DD;
}

#fnavi .inner ul.navi li a{
	display:block;
	width:100%;
	color:#fff;
	margin:0;
	padding:10px 0;
	text-decoration:none;
}

.submit ul li input{width:70%;}


}


@media screen and (min-width: 769px) and (max-device-width: 979px) {
#sec_06 h3 img{ width:30% !important; height:auto !important;}
}


/*---------------------
layout
---------------------*/
#sec_top{
	clear:both;
	width:100%;
	background-color:#EBEBEB;
	padding:90px 0 60px;
}


#sec_01{
	clear:both;
	width:100%;
	background-color:#F7EBE8;
	padding:60px 0 70px; 
}


#sec_02{
	clear:both;
	width:100%;
	background-color:#E4DCD5;
	padding:60px 0; 
}

#sec_03{
	clear:both;
	width:100%;
	background-color:#C4DCDF;
	padding:60px 0; 
}

#sec_04{
	clear:both;
	width:100%;
	background-color:#E0D7CF;
	padding:60px 0; 
}

#sec_05{
	clear:both;
	width:100%;
	background-color:#F7EBE8;
	padding:60px 0; 
}

#sec_06{
	clear:both;
	width:100%;
	background-color:#EEE9E3;
	padding:60px 0; 
}


#sec_07{
	clear:both;
	width:100%;
	background-color:#EEE9E3;
	padding:60px 0; 
}


#fnavi{
	clear:both;
	width:100%;
	background-color:#0C1D31;
	padding:20px 0; 
}

#footer{
	clear:both;
	width:100%;
	background-color:#DDDDDD;
	padding:30px 0;
}

.inner{
	clear:both;
	width:980px;
	margin:0 auto;
}

.inner2{
	clear:both;
	width:100%;
	margin:0 auto;
}


/*---------------------
#sec_top
---------------------*/
#sec_top h1{
	display:block;
	width:400px;
	height:70px;
	margin:0 auto 80px;
	text-align:center;
}

#sec_top .top_c_btn{
	display:block;
	float:right;
	margin:-180px -10px 0 0;
}

#sec_top .sec{
	background:url(../img/main01.jpg) center 0px no-repeat;
	padding:60px 0 0;
	margin:-90px 0 0;
}

#sec_top .sec h2{
	display:block;
	width:921px;
	height:158px;
	margin:0 auto 110px;
	text-align:center;
}

#sec_top .sec h2.denwa{
	display:block;
	width:921px;
	height:158px;
	margin:0 auto 110px -30px;
	text-align:center;
}

#sec_top .sec h3{
	display:block;
	width:551px;
	height:72px;
	margin:0 0 25px;
}

#sec_top p{
	line-height:150%;
	font-size:16px;
}

#main-text{
	opacity:0.0;
}

#sec_top .sec .top_catch02{
	margin:-20px 0 0;
}


/*トップに5つの理由がある場合*/
#sec_top ul.circle5{
	clear:both;
	margin:0 -50px;
}

#sec_top ul.circle5 li{
	display:block;
	float:left;
	margin:0 0 0 10px;
}



/*---------------------
#sec_01
---------------------*/
#sec_01 h3{
	clear:both;
	display:block;
	width:796px;
	height:116px;
	margin:0 auto 50px;
}

#sec_01 p.catch,p.catch02{
	font-size:20px;
	text-align:center;
	line-height:150%;
}

.hikaku_catch{
	display:block;
	margin:10px 0 50px;
}

table.table03{
	border-collapse:collapse;
	width:100%;
	font-size:14px;
	margin:0 0 30px;
}

table.table03 th{
	background:#DCDAD3;
	padding:10px;
	text-align:center;
	font-weight:bold;
	line-height:135%;
	border:3px solid #EEE9E3;
}

table.table03 th.th2{background:#DBD0C6;}
table.table03 th.th3{background: url(../img/crown01.png) no-repeat 60px #EFCBD5;}
table.table03 th.th4,table.table03 td.td4{background:#ECE3C8;}

table.table03 td{
	background:#E3E0DD;
	padding:10px;
	text-align:center;
	line-height:135%;
	border:3px solid #EEE9E3;
	font-size:18px;
}

table.table03 td.td3{
	background:#F5DDDC;
}

.red3{ color:#A58C43;}

/*---------------------
#sec_02
---------------------*/
#sec_02 h3{
	clear:both;
	display:block;
	width:796px;
	height:131px;
	margin:0 auto 50px;
}

#sec_02 p.catch,p.catch02{
	font-size:20px;
	text-align:center;
	line-height:150%;
}

#sec_02 ul.circle5{
	clear:both;
	margin:0 -50px;
}

#sec_02 ul.circle5 li{
	display:block;
	float:left;
	margin:0 0 0 10px;
}


#sec_02 .text_box{
	clear:both;
	width:988px;
	height:366px;
	margin:0 -8px 0 0;
}

#sec_02 .text_box p.txt01{
	margin:120px 0 0 50px;
	line-height:160%;
	font-size:16px;
	position:absolute;
}


/*---------------------
#sec_03
---------------------*/
#sec_03 h3{
	clear:both;
	display:block;
	width:796px;
	height:141px;
	margin:0 auto 50px;
}

#sec_03 ul.plan,#sec_03 ul.btn01{
	clear:both;
	margin:0 -6px 0;
}

#sec_03 ul.plan li,#sec_03 ul.btn01 li{
	display:block;
	float:left;
	width:190px;
	margin:0 0 7px 7px;
}

#sec_03 p.attention{
	font-size:12px;
	color:#529198;
	margin:20px 0 0;
	line-height:150%;
}


#sec_03 #op{
	clear:both;
	margin:0 0 20px;
}

#sec_03 #op h5{
	display:block;
	margin:0 0 10px;
}

#sec_03 #op .btn03{
	text-align:center;
	margin:10px 0;
}


#sec_03 #op .option{
	float:left;
	width:485px;
}

#sec_03 #op .charge{
	float:right;
	width:485px;
}


table.table02{
	border-collapse:collapse;
	width:100%;
	/*font-size:14px;*/
}

table.table02 th{
	background:#DBD0C6;
	padding:10px;
	text-align:center;
	color:#0C1D31;
	font-weight:bold;
	/*line-height:135%;*/
	border:3px solid #C4DCDF;
}

table.table02 td{
	background:#E3E0DD;
	padding:10px;
	text-align:left;
	color:#0C1D31;
	/*line-height:135%;*/
	border:3px solid #C4DCDF;
}

table.table02 td a{
	color:#5F5F5F;
	text-decoration:underline;
}

/*動画*/
#sec_03 ul.plan002,#sec_03 ul.btn002{
	clear:both;
	margin:0 -6px 0;
}

#sec_03 ul.plan002 li,#sec_03 ul.btn002 li{
	display:block;
	float:left;
	width:317px;
	margin:0 0 7px 7px;
}

/*---------------------
#sec_04
---------------------*/
#sec_04 h3{
	clear:both;
	display:block;
	width:796px;
	height:113px;
	margin:0 auto 50px;
}

#sec_04 p.catch,p.catch02{
	font-size:20px;
	text-align:center;
	line-height:150%;
}







/*#carousel*/
#sec_04 #carousel {
	margin: 0 auto;
	width: 980px;
	height: 280px;
	text-align: left;
	position: relative;
}

#sec_04 #carousel_prev,
#sec_04 #carousel_next {
	top: 0;
	width: 75px;
	height: 236px;
	/*background: #000;*/
	cursor: pointer;
	position: absolute;
}
#sec_04 #carousel_prev {
	left: -75px;
	background:transparent url(../img/prev.png) no-repeat top left;
}
#sec_04 #carousel_next {
	right: -75px;
	background:transparent url(../img/next.png) no-repeat top left;
}


#sec_04 #carousel ul.archive{
	margin:0 -80px 0 0;
	/*width: auto !important;*/
	height:280px;
	float: left;
}

#sec_04 #carousel ul.archive li{
	float: left;
	display: inline;
	width:188px;
	height:280px;
	margin:0 0 0 7px;
	overflow:hidden;
}

#sec_04 #carousel ul.archive li img{
	border:1px solid #BAAB9E;
	margin:0 0 10px;
}

#sec_04 #carousel ul.archive li p.sitename{
	display:block;
	width:188px;
	padding:10px 0;
	background:#E4DED3;
	text-align:center;
	font-size:14px;
}

#sec_04 #carousel ul.archive li p.sitename a{
	color:#5F5F5F;
	text-decoration:underline;
}

#sec_04 #carousel ul.archive li p.sitename a:hover{
	color:#898989;
	text-decoration:underline;
}



/*
ClearFixElements
*/
#sec_04 #carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#sec_04 #carousel ul {
	display: inline-block;
	overflow: hidden;
}






#sec_04 .btn02{
	clear:both;
	width:777px;
	margin:0 auto;
	padding:50px 0;
}


/*---------------------
#sec_05
---------------------*/
#sec_05 h3{
	clear:both;
	display:block;
	width:796px;
	height:116px;
	margin:0 auto 50px;
}

#sec_05 p.catch{
	font-size:20px;
	text-align:center;
	line-height:150%;
}

#sec_05 ul.flow{
	clear:both;
}

#sec_05 ul.flow li{
	display:block;
	float:left;
}


/*---------------------
#sec_06
---------------------*/
#sec_06 h3{
	clear:both;
	display:block;
	width:796px;
	height:116px;
	margin:0 auto 50px;
}

table.table01{
	border-collapse:collapse;
	width:100%;
	font-size:14px;
}

table.table01 th{
	background:#DBD0C6;
	padding:10px;
	text-align:center;
	color:#0C1D31;
	font-weight:bold;
	line-height:135%;
	border:3px solid #EEE9E3;
}

table.table01 td{
	background:#E3E0DD;
	padding:10px;
	text-align:left;
	color:#0C1D31;
	line-height:135%;
	border:3px solid #EEE9E3;
}

table.table01 td a{
	color:#5F5F5F;
	text-decoration:underline;
}

table.table01 td a:hover{
	color:#898989;
	text-decoration:underline;
}


/*---------------------
#sec_07
---------------------*/
#sec_07 h3{
	clear:both;
	display:block;
	width:796px;
	height:116px;
	margin:0 auto 50px;
}


/*---------------------
#fnavi
---------------------*/
#fnavi{
	text-align:center;
}

#fnavi ul.navi{
	clear:both;
	display:inline-block;
	font-size:14px;
}

#fnavi ul.navi li{
	display:block;
	float:left;
	padding:0 10px;
	border-right:1px solid #FEFEFE;
	color:#FEFEFE;
}

#fnavi ul.navi li:last-child{
	border-right:none;
}

#fnavi ul.navi li a{
	color:#FEFEFE;
	text-decoration:none;
}

#fnavi ul.navi li a:hover{
	color:#DBD0C6;
	text-decoration:none;
}



/*---------------------
#footer
---------------------*/
#footer .logo{
	float:left;
	width:208px;
	height:57px;
}

#footer address{
	clear:both;
	font-size:12px;
	color:#4B607B;
	height:57px;
	min-height:57px;
	line-height:57px;
	text-align:center;
}

#skype_call{
	background:#FEFEFE;
	border:2px solid #00AFF0;
	padding:20px;
	margin:0 auto 20px;
}

#skype_call p.skype_txt,#skype_call2 p.skype_txt{
	display:block;
	padding:5px;
	text-align:center;
	background:#00AFF0;
	color:#FFF;
	font-size:13px;
	margin:0 0 10px;
}

#skype_call p.skype_txt2,#skype_call2 p.skype_txt2{
	font-size:12px;
	color:#3F8EA9;
}

#skype_call p.skype_link a{
	display:block;
	padding:5px;
	text-align:center;
	background:#399FC6;
	color:#FFF;
	font-size:18px;
	margin:0 0 10px;
}

#SkypeButton_Call_meteo-contact_1{
	text-align:center;
}

#SkypeButton_Call_meteo-contact_1 img{
	margin:20px !important;
}

#dropdown_SkypeButton_Call_meteo-contact_1{
	margin-left:50px !important;
	position:relative !important;
}


p.goskype a{
	display:block;
	text-align:center;
	margin:20px 0;
}

p.goskype a:hover,p.goskype:hover{
	opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
cursor:pointer;
}



#skype_call2{
	background:#FEFEFE;
	border:2px solid #00AFF0;
	padding:20px;
	margin:0 auto 20px;
}

.middle{
	width:400px;
	height:250px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-125px 0 0 -200px;
}


/*---------------------
#bn
---------------------*/
ul#bn {
	clear:both;
	margin:0 -20px 0 0;
}

ul#bn li a{
	display:block;
	float:left;
	margin:0 0 0 -5px;
}

.tel{
	clear:both;
	margin:0 0 0 -5px;
}



/*---------------------
お問い合わせフォーム
---------------------*/
p.lead{
	margin:0 0 20px;
}

/*.red{ color:#AB3F49;}*/
.red{ color:#CD1D52;}

.submit{
	text-align:center;
	margin:20px 0;
}

.submit ul{
	clear:both;
	display:inline-block;
}

.submit ul li{
	display:block;
	float:left;
	margin:0 0 0 10px;
}





/*-----------------                                                                         ^
toggle btn
----------------------------*/
#topnavi{
	width:100%;
	background-color:#0C1D31;
	z-index:1000000;
	position:fixed;
}

#fnavi2{
	background:#0C1D31;
	clear:both;
	padding:0 !important;
	width:100%;
	text-align:center;
}

#fnavi2 ul.navi{
	clear:both;
	display:inline-block;
	font-size:14px;
}

#fnavi2 ul.navi li{
	display:block;
	float:left;
	padding:0 10px;
	border-right:1px solid #FEFEFE;
	color:#FEFEFE;
}

#fnavi2 ul.navi li:last-child{
	border-right:none;
}

#fnavi2 ul.navi li a{
	color:#FEFEFE;
	text-decoration:none;
}

#fnavi2 ul.navi li a:hover{
	color:#DBD0C6;
	text-decoration:none;
}

.toggle_box{
    display:none;
    color:#fff;
    background-color:#0C1D31;
    padding:0 10px 20px;
	width:100%;
}
.btn{
    background-color:#0C1D31;
    padding:10px;
	width:100%;
	color:#EAEAEA;
}
.btn.active{
    background-color:#0C1D31;
    padding:10px;
    color:#fff;
	width:100%;
}
.btn:hover{
    cursor:pointer;
}
.box{
    background-color:#132343;
    width:100%;
    height:20px;
    margin-top:20px;
    margin-bottom:20px;
}

.next_arrow {
	clear:both;
	text-align:center;
	margin:-30px 0;
}




/*-----------
overlay
-----------*/
.btnbtn{
	text-align: center;
	margin: 20px auto;
        /*background: #717171;
        color: #eeeeee;
        display:block;
        width: 70px;
        font-size: 15px;
        padding:5px 0;
        border-radius: 3px;
        cursor: pointer;*/
    }
 
    #overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 1000000;
        background: rgba(0,0,0,0.7);
    }
 
    #text{
        font-size: 40px;
        color: #eee;
        padding-top: 400px;
        vertical-align: middle;
        font-weight: bold;
    }
 
    #close{
		display:block;
        background: #eeeeee;
        color: #717171;
        width: 180px;
        margin: auto;
        text-align: center;
        font-size: 16px;
        padding:20px 0;
        border-radius: 3px;
        cursor: pointer;
		text-align:center;
    }


.contact_logo{
	display:block;
	text-align:center;
	margin:0 0 30px;
}



/*---------------------
#sec_011
---------------------*/
#sec_011{
	clear:both;
	width:100%;
	padding:60px 0 400px 0;
	background:url(../img/catch03_c.png) no-repeat bottom #F7EBE8;
}

#sec_011 h3{
	clear:both;
	display:block;
	width:796px;
	height:116px;
	margin:0 auto 50px;
}

#sec_011 p.catch,p.catch02{
	font-size:20px;
	text-align:center;
	line-height:150%;
}