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

/*
Reset
Layout
clearfix
Media screen
*/



/*================================================================================
	Reset
================================================================================*/
html,
head,
body,
header,
footer,
nav,
section,
div,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
img,
video {
	margin:0;
	padding:0;
	border:none;
}
ul,ol {
	list-style:none;
}
a,
a:hover,
a:active {
	color:#333333;
	text-decoration:none;
}
a {
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
img {
	display:block;
}
a img,
a:hover img {
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

html {
	margin-left:-1px;
	overflow-Y:scroll;
	height:100%;
	margin-bottom:1px;
}

body {
	height:100%;
	color:#333;
	font-size:16px;
	line-height:180%;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*================================================================================
	Layout
================================================================================*/
#container {}

/* section
--------------------------------------------------------------------------------*/
section {
	padding-top:70px;
	padding-bottom:50px;
}
.wrap {
	margin:0 auto;
	width:940px;
}

h2 {
	padding-top:160px;
	padding-bottom:10px;
	color:#0ca0d0;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	letter-spacing:5px;
	background-color:rgba(255,255,255,0.7);
}
h2 span {
	margin-top:10px;
	font-size:14px;
	font-weight:normal;
	display:block;
}
h3 {
	margin-bottom:50px;
	padding-bottom:30px;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	letter-spacing:5px;
	background:url(../img/common/h3_line.png) no-repeat 50% 100%;
}
.link_box {
	margin:0 auto;
	width:460px;
}
.link_box a {
	padding:25px 0;
	width:100%;
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color:#0ca0d0;
}
.link_box a:hover { opacity:0.7; }


/* header
--------------------------------------------------------------------------------*/
header { z-index:10; }
/* common_header.css */




/*================================================================================
	Media screen : PC 640px
================================================================================*/
@media screen and (min-width: 640px) {

body { background:#fff url(../img/common/bg_main_top.jpg) no-repeat 50% 0; }

/* nav
--------------------------------------------------------------------------------*/
nav {
	clear:both;
	width:100%;
	height:50px;
	background-color:#eef6f9;
	z-index:10;
}
nav ul {
	margin:0 auto;
	width:900px;
}
nav li { float:left; }
nav li a {
	padding:17px 30px 13px;
	display:block;
	color:#0ca0d0;
	font-size:18px;
	line-height:100%;
}
nav li a:hover,
nav li a.active { color:#bbb; }

nav img { display:none; }
#btn_menu { display:none; }

/* footer
--------------------------------------------------------------------------------*/
footer {
	margin-top:60px;
	background-color:#36b3d9;
	position:relative;
}
footer .btn_pagetop {
	position:absolute;
	top:-30px;
	right:60px;
}
footer .btn_pagetop a {
	width:54px;
	height:0;
	padding-top:54px;
	display:block;
	overflow:hidden;
	border:2px solid #36b3d9;
	background:#fff url(../img/common/icon_arrow_up.png) no-repeat 50% 50%;
}
footer .btn_pagetop a:hover { background:#36b3d9 url(../img/common/icon_arrow_up_w.png) no-repeat 50% 50%; }
footer p { padding:15px 50px 10px; }
footer p a {
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
footer p a:hover {
	color:#fff;
	opacity:0.7;
}

/* footer_lower
--------------------------------------------------------------------------------*/
#footer_lower {
	padding:15px 50px;
	background-color:#0ca0d0;
}
#footer_lower ul:nth-child(1) { float:left; }
#footer_lower ul:nth-child(2) { float:right; }
#footer_lower li { float:left; }
#footer_lower li a {
	height:0;
	padding-top:42px;
	display:block;
	overflow:hidden;
}
#footer_lower ul:nth-child(1) li { margin-right:50px; }
#footer_lower ul:nth-child(1) li:nth-child(1) a { width:246px; }
#footer_lower ul:nth-child(1) li:nth-child(2) a { width:354px; }
#footer_lower ul:nth-child(1) li:nth-child(1) a { background:url(../img/common/img_tel.png) no-repeat 0 0; }
#footer_lower ul:nth-child(1) li:nth-child(2) a { background:url(../img/common/img_mail.png) no-repeat 0 0; }
#footer_lower ul:nth-child(1) li { margin-right:50px; }
#footer_lower ul:nth-child(2) li { margin-left:25px; }
#footer_lower ul:nth-child(2) li a { width:48px; }
#footer_lower ul:nth-child(2) li:nth-child(1) a { background:url(../img/common/icon_360.png) no-repeat 0 0; }
#footer_lower ul:nth-child(2) li:nth-child(2) a { background:url(../img/common/icon_cart.png) no-repeat 0 0; }
#footer_lower ul:nth-child(2) li:nth-child(3) a { background:url(../img/common/icon_mobile.png) no-repeat 0 0; }

.btn_stview {
	margin:0 auto;
	width:780px;
}
.btn_stview a:hover img { opacity:0.7; }

}

/*================================================================================
	Media screen : 横幅100%時の背景色ヌケ防止
================================================================================*/
@media screen and (min-width: 641px) and (max-width: 939px) {

nav { padding-right:1px; }
footer { width:940px; }

}

/*================================================================================
	Media screen : SP 640px
================================================================================*/
@media screen and (max-width: 640px) {

.wrap {
	padding:0 20px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
h2 { padding-top:120px; font-size:30px; }
h3 { padding-bottom:15px; font-size:24px; }

/* header
--------------------------------------------------------------------------------*/
header { padding-right:1px; }
header .wrap { padding:0; }

/* nav
--------------------------------------------------------------------------------*/
nav img {
	margin-left:15px;
	width:236px;
	height:auto;
}
#btn_menu {
	width:44px;
	height:0;
	padding-top:44px;
	overflow:hidden;
	background:url(../img/common/btn_menu.png) no-repeat 0 0;
	background-size:44px 44px;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:15px;
	z-index:20;
}
#btn_menu.active {
	background:url(../img/common/btn_menu_close.png) no-repeat 0 0;
	background-size:44px 44px;
}
#menu {
	padding:80px 0 40px;
	padding-right:1px;
	width:100%;
	background-color:#fff;
	position:absolute;
	top:0;
	display:none;
}
#menu.active { display:block; }
#menu a {
	padding:20px 0;
	width:100%;
	display:block;
	color:#0ca0d0;
	font-size:20px;
	line-height:100%;
	text-align:center;
}
#menu a.active { color:#bbb; }

/* footer
--------------------------------------------------------------------------------*/
footer {
	margin-top:60px;
	background-color:#36b3d9;
	position:relative;
}
footer .btn_pagetop {
	width:100%;
	position:absolute;
	top:-30px;
}
footer .btn_pagetop a {
	width:100%;
	height:0;
	display:block;
	overflow:hidden;
	background:url(../img/common/btn_pagetop.png) no-repeat 50% 50%;
	background-size:60px 60px;
}
footer p {
	padding-top:35px;
	text-align:center;
}
footer p a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

/* footer_lower
--------------------------------------------------------------------------------*/
#footer_lower { background-color:#0ca0d0; padding-bottom:20px; }
#footer_lower li a {
	height:0;
	display:block;
	overflow:hidden;
}
#footer_lower ul:nth-child(1) { padding:10px 0; background-color:#3db3d9; }
#footer_lower ul:nth-child(1) li { margin:0 auto 15px; width:200px; }
#footer_lower ul:nth-child(1) li:nth-child(2) { width:270px; }
#footer_lower ul:nth-child(1) li a { padding-top:90px; }
#footer_lower ul:nth-child(1) li:nth-child(1) a { background:url(../img/common/img_tel_sp.png) no-repeat 0 0; background-size:200px 90px; }
#footer_lower ul:nth-child(1) li:nth-child(2) a { background:url(../img/common/img_mail_sp.png) no-repeat 0 0; background-size:270px 90px; }
#footer_lower ul:nth-child(2) { width:200px; margin:0 auto; padding-top:20px; }
#footer_lower ul:nth-child(2) li { float:left; }
#footer_lower ul:nth-child(2) li { margin-right:20px; }
#footer_lower ul:nth-child(2) li:nth-child(3) { margin-right:0; }
#footer_lower ul:nth-child(2) li a { width:50px; padding-top:40px; }
#footer_lower ul:nth-child(2) li:nth-child(1) a { background:url(../img/common/icon_360_sp.png) no-repeat 0 0; background-size:50px 40px; }
#footer_lower ul:nth-child(2) li:nth-child(2) a { background:url(../img/common/icon_cart_sp.png) no-repeat 0 0; background-size:50px 40px; }
#footer_lower ul:nth-child(2) li:nth-child(3) a { background:url(../img/common/icon_mobile_sp.png) no-repeat 0 0; background-size:50px 40px; }

.btn_stview { padding:0 20px; }
.btn_stview img { width:100%; height:auto; }
.link_box {
	margin:0 auto;
	width:100%;
}
.link_box a {
	background:#0ca0d0 url(../img/common/icon_arrow_right_g2.png) no-repeat 95% 50%;
	background-size:8px 15px;
}

}


/*================================================================================
	clearfix
================================================================================*/
#footer_lower:after,
nav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* clearfix for ie7 */
#footer_lower,
nav ul {
	display: inline-block;
}
#footer_lower,
nav ul {
	display: block;
}


@media screen and (max-width: 640px) {

header h1,
header p { display:none; }

}