@charset "utf-8";

/******************************************************************
 *
 * 全ページ共通
 *
 ******************************************************************/


body {font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #494949;  }
a {color:#000; text-decoration: underline;}
a:hover { color:#00a0e9; text-decoration: none;}
img { width: auto; height: auto; }

.large { font-size: 1.15em !important; line-height: 1.65em !important; }
.small { font-size: 0.85em !important; line-height: 1.25em !important; }
.xsmall { font-size: 0.65em !important; line-height: 1.25em !important; }
.caution { color: #f6615f !important; }


/* clearfix */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* fonts */
.ft_sans { font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important; }
.wfmp2 {}


/******************************************************************
 * media screen
 ******************************************************************/

@media screen and (min-width:751px){/* -------------------------PC */
body {line-height: 1.95em; font-size: 16px;}

a:hover img.hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.sp {display:none !important;}
.navishow { display: block !important; }

/* header */
#top-head { display: none; }
header {overflow:hidden; position:relative; width:100%; padding: 0 0 0 0; height: 104px; background: url(../images/header_bg.png) center bottom repeat-x rgba(255,255,255,0.0); z-index: 99999; }
header section { position: relative; width: 1280px; padding: 0 50px; margin: 0 auto; }
header .logo { float: left; width: 344px; padding: 28px 0 0 0; }
header .logo p { font-size: 12px; line-height: 1.75em; color: #fff; }
header .tel { float: left; padding: 30px 0 0 85px; }
header .navi { float: left; width: 328px; padding: 26px 0 0 30px; font-size: 12px; color: #fff; text-align: center; }
header .navi ul li { float: left; margin: 0 5px; }
header .navi a {color: #fff; text-decoration: none; }
header .navi a:hover {color: #e9e743; text-decoration: underline; }
header .logo_horei { float: right; padding: 30px 0 0 0; }

/* contents */
#contents { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; }
.bigtitle { width: 1280px; margin: 0 auto; padding: 0 0 0 0; text-align: center; }
.price { width: 1180px; margin: 0 auto; padding: 40px 0 0 0; text-align: center; }
.price .txt { padding: 30px 0; text-align: center; font-weight: bold; }
.price .btn .a { width: 192px; }
.price .btn .g { width: 235px; margin: 0 0 0 20px; }

div.pagetop { text-align: center; padding: 60px 0 20px 0; }
div.pagetop img { width: 45px;}

footer { position: relative; width:100%; font-size: 0.85em; line-height: 1.5em; background: #e5f3fb; }
footer .copy .inner { width: 100%; margin: 0 auto; padding: 40px 0; border-top: 5px solid #26b4df; }
footer .copy .inner .copy { width: 100%; padding: 120px 0 0 0 ; background: url(../images/footer_logo.png) center top no-repeat; background-size: 119px; text-align: center; color: #26b4df; font-size: 12px; line-height: 1.5em; font-weight: bold; }
footer .navi{ margin: 0 0 0 0 ; padding: 20px 0; }
footer .navi ul { font-size: 0; text-align: center; }
footer .navi ul li { display: inline-block; text-align: center; }
footer .navi ul li a { display: block; width: 280px; position: relative; font-size: 14px; line-height: 34px; margin: 0 10px; border-radius: 5px; font-weight: bold; color: #fff; text-decoration: none; background: #26b4df; }
footer .navi ul li a:hover { background: #000; }


}/* /@media */

/*******************************************************************/

@media screen and (max-width:750px){/* -------------------------SP */
html {-webkit-text-size-adjust: 100%;}
body {line-height:1.75em; font-size: 2.66vw;}
.pc {display:none;}

/* header */
header {}
#mobile-head { position:relative; width:100%; height:8.5vw; background: url(../images/header_bg.png) center bottom repeat-x rgba(255,255,255,0.0); background-size: contain; }
	header .logo {position:absolute; top: 18% !important; left: 10px !important; width:43% !important; background: none}
	header .logo img {width:100% !important; }
header .navi { float: right; width: 232px; padding: 3px 0 0 0; font-size: 1em; color: #fff; text-align: center; }
header .navi ul li { float: left; width: 111px; margin: 0 5px 0 0; }
	header .togglebox {top:0px; right: 3px; background: none;}
	header #global-nav { margin: 50px 0 0 0 ; padding:0; font-size:100%;  }
	header #global-nav img { display: none; }
	header #global-nav ul li { border-bottom: 1px solid #dedede; font-size: 0.8em;  background: #f8f8f8; }
	header #global-nav ul li a { display: block; position: relative; padding: 1em 3%; box-sizing: border-box; font-weight: normal; color: #333; }
	header #global-nav ul li span {  }

	header #global-nav ul li a::after{
	content:"";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #113578;
	border-right: 2px solid #113578;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-7px;
}


/* contents */
#contents { padding: 0 0 0 0 ; }
.bigtitle { width: 100%; padding: 0 0 0 0; }
.price { padding: 5.3vw 0 0 0; text-align: center; }
.price .txt { padding: 4vw 0; text-align: center; font-weight: bold; }
.price .btn .a { width: 36.26vw; }
.price .btn .g { width: 44.26vw; margin: 0 0 0 2.9vw; }


.topicpath { display: none; }

/* footer */

div.pagetop { text-align: center; padding: 6.6vw 0 2.6vw 0; }
div.pagetop img { width: 6vw;}

footer { position: relative; width:100%; background:#e5f3fb; margin: 0 0 0 0}

footer .copy .inner { width: 100%; margin: 0 auto; padding: 5.33vw 0; border-top: 5px solid #fff; }
footer .copy .inner .copy { width: 100%; padding: 16vw 0 0 0 ; background: url(../images/footer_logo.png) center top no-repeat; background-size: 16vw; text-align: center; color: #26b4df; font-weight: bold; font-size: 2vw; line-height: 1.5em; }

footer .navi{ margin: 1px 0 0 0 ; padding:0; font-size:100%;  }
footer .navi ul li { border-bottom: 1px solid #fff; font-size: 1em;  background: #26b4df; }
footer .navi ul li a { display: block; position: relative; padding: 1em 3%; box-sizing: border-box; font-weight: normal; color: #fff; font-weight: bold; text-decoration: none; }
footer .navi ul li span {  }
footer .navi ul li a::after{
	content:"";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 3%;
	top:50%;
	margin-top:-7px;
}


/* contents */


}/* /@media */