@charset "utf-8";

body {
	font-size:12px;
	line-height: 1.45;
	min-width:inherit;
}
#container{
	padding-top: 64px;
}
.innerWrap {
	width: 100%;
	padding-left: 12px !important;
	padding-right: 12px !important;
}
.w1300,
.w900{
	padding-left: 12px !important;
	padding-right: 12px !important;
}
a[href^="tel:"] {
	pointer-events: inherit;
}
a:hover,
a:hover img,
.ro:hover,
.ro a:hover,
.ro a:hover img{
  opacity: 1;
}
.pc{
  display: none !important;
}
.sp {
  display: block;
}
.f_left{ 
	float:none;
}
.f_right{
	float: nobe;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header{
	width: 100%;
	line-height: 1.0;
	padding-bottom: 0;
	background: #fff;
	height: 64px;
	position: fixed;
	top: 0;
	z-index: 1000;
}
#header .innerWrap{
	overflow:hidden;
	background: #fff;
	padding: 10px 0;
}
#header #glnav {
	width: 100%;
	min-height: 100vh;
	margin-top:0;
	padding-top: 75px;
	background: #e1017d;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	float:none;
	display:none;
}
#header #glnav ul{
	padding-left: 35px;
}
#header #glnav li {
  float: none;
  height: auto;
  margin-bottom: 25px;
}
#header #glnav a {
  color: #fff;
  font-size: 19px;
}
#header #menu_btn{
	float:right;
}
#header #menu_close {
	width: 25px;
	height: 25px;
	position: fixed;
	top: 20px;
	right: 14px;
	z-index: 1001;
	display: none;
}
#header .close_btn{
	margin:35px auto 0 auto;
	width: 250px;
	z-index: 1001;
}
#header .close_btn span{
	display:block;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #fff;
	line-height: 1.0;
	padding: 12px 0;
	width: 250px;
	color: #fff;
	text-align:center;
	border-radius: 25px;
	background: url(../../img/sp/btn_close.png) no-repeat 23px center;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
@media all and (max-width: 373px) {
	#header h1{
		padding-top: 8px;
	}
	#header h1 img{
		width:auto;
		height: 32px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer{
	-webkit-background-size: auto 2px;
	background-size: auto 2px;
	padding-top: 15px;
	margin-top: 35px;
}
#footer #copyright{
	text-align:center;
	padding:15px 0;
}
#footer ul.sub_bnr{
	margin: 0 -7px;
}
#footer ul.sub_bnr li{
	padding: 0 7px;
}

#pagetop {
	width: 45px;
	height: 45px;
	position: fixed;
	bottom: 77px;
	right: 7px;
}
#pagetop img{
	width: 45px;
	height:45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■sub_bnr
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.sub_bnr{
	font-size:0;
	text-align:center;
	margin: 0 -5px;
}
ul.sub_bnr li{
	display:inline-block;
	margin:0;
	padding: 0 5px;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.sub_bnr li img{
	width: 100%;
	height: auto;
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 2px 0px 1px rgba(0,0,0,.1);
	box-shadow: 2px 2px 0px 1px rgba(0,0,0,.1);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■search_box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#search_box h2{
	margin-bottom: 0;
}
#search_box h2 img{
	width: auto;
	height: 14px;
}
#search_box th,
#search_box td{
	display:block;
}
#search_box th{
	width: 100%;
	padding-bottom: 8px;
}
#search_box th img{
	width: auto;
	height: 14px;
}
#search_box td{
	padding: 0 0 12px 14px;
}
#search_box td p{
	font-size:14px;
}
#search_box li{
	margin-right: 15px;
}
#search_box select,
#search_box input[type=text],
#search_box .box{
	border-width: 1px;
	padding: 4px 12px;
}
#search_box .box li{
	margin-bottom: 5px;
}
#search_box .box li label{
	padding-left: 15px;
}
#search_box .form_btn{
	text-align:center;
	padding-top: 6px;
	padding-bottom: 0;
}
#search_box button{
	padding:13px 0 13px 0;
	width: 252px;
	font-size:16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area{
	height: 213px;
	margin-bottom: 35px;
}
#main_area .txt_area{
	padding: 0 6px;
}
#main_area h2 img{
	width: auto;
	height: 36px;
	max-width:100%;
}
#main_area .txt{
	font-size:12px;
	line-height: 1.45;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■contents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* btn */
.btn01 a,
.btn02 a{
	font-size:16px;
	-webkit-background-size: 5px auto;
	background-size: 5px auto;
	border-radius: 25px;
	width: 252px;
}
@media all and (max-width: 350px) {
	.btn01 a,
	.btn02 a{
		font-size:14px;
	}
}