@media (max-width: 767px) {
	html{font-size: 62.5%;}
	body{font-size: 1.8rem;}
body,p,th,td,li {
color:#444444;
#header img {
	width:50%;
}
}
p {
line-height:200%;
}
.newswrapper {
	padding-top:1em;
}
.newswrapper,
.newswrapper * {
	font-size:14px;
}
p,h3 {
width:90%;
margin-left:auto;
margin-right:auto;
}
h2 {
background:#53bcf1;
color:#ffffff;
padding:6px;
text-align:center;
margin-top:30px;
}
h3 {
color:#53bcf1;
margin-top:30px;
margin-bottom:15px;
}
hr {
border:0;
height:1px;
background:#ccc;
}

#header {
background:#53bcf1;
position:relative;
z-index:1;
color:#ffffff;
text-align:center;
padding:30px 0px 20px 0px;
overflow:hidden;
}
#header #mapbtn {
width:110px;
height:110px;
position:absolute;
top:-28px;
right:-28px;
z-index:9;
}
#header #pcbtn {
width:110px;
height:110px;
position:absolute;
top:-28px;
left:-28px;
z-index:9;
}
#mapbtn a,
#pcbtn button {
display:block;
color:#ffffff;
width:110px;
height:110px;
background-color:transparent;
border:1px solid #ffffff;
border-radius:64px;
}
#mapbtn a span,
#pcbtn button span {
display:block;
font-size:1.4rem;
padding-top:80px;
}
#mapbtn .fa-map-marker:before {
position:absolute;
top:40px;
right:45px;
font-size:36px;
}
#pcbtn .fa-desktop:before {
position:absolute;
top:40px;
left:40px;
font-size:36px;
}
#header ul {
display:table;
margin-top:40px;
margin-left:auto;
margin-right:auto;
padding-bottom:16px;
border-bottom:1px solid #fff;
width:90%;
}
#header li {
display:table-cell;
vertical-align:bottom;
}
.header-tel {
text-align:left;
font-size:3.6rem;
color:#ffffff;
}
.header-tel a {
color:#ffffff;
}
.fa-phone:before {
padding-right:10px;
}
.header-time {
text-align:right;
font-size:1.6rem;
color:#ffffff;
}
#header p {
margin-top:15px;
text-align:center;
color:#ffffff;
}
.sankaku{
margin:0px auto;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #53bcf1;
}
.btn-yoyaku {
display:table;
width:90%;
height:88px;
margin:0px auto 20px;
}
.btn-yoyaku a {
display:table-cell;
width:90%;
height:88px;
vertical-align:middle;
padding-left:16px;
padding-right:2em;
border:1px solid #cfcfcc;
border-radius:8px;
color:#53bcf1;
position:relative;
font-size: 2.0rem;
}
.btn-yoyaku a:after {
position: absolute;
top: 50%;
right: 16px;
display: block;
content: '';
width: 24px;
height: 24px;
margin-top: -12px;
border-top: 3px solid #53bcf1;
border-right: 3px solid #53bcf1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn-tel {
display:table;
width:90%;
height:88px;
margin:0px auto 20px;
}
.btn-tel a {
display:table-cell;
width:90%;
height:88px;
vertical-align:middle;
padding-left:16px;
padding-right:2em;
border:1px solid #cfcfcc;
border-radius:8px;
color:#53bcf1;
position:relative;
font-size: 2.0rem;
}
.btn-tel a:before {
position: absolute;
top: 50%;
right: 0px;
display: block;
width: 36px;
height: 36px;
font-size:3.6rem;
margin-top: -18px;
}
	.sp-only {display:block !important;}
	.pc-only {display:none !important;}
}
@media (min-width: 768px) {
body {
	margin: 0px;
	padding: 0px;
	background: #D7E2E1 url(common_img/bg.gif) repeat-x;
}
body,p,td,li {
	font-size: 12px;
	color: #333333;
}




	.sp-only {display:none !important;}
	.pc-only {display:block !important;}


p {
	margin:0px;
	line-height:150%;
}
a {
	color:#333399;
}
a:hover {
	color:#ee6633;
	width: 738px;
}

#wrapper {
	background: url(common_img/bg_wrapper.gif) repeat-y;
	width: 765px;
}
#wrapcel {
	width:750px;
	text-align:left;
}
#header-left {
	float: left;
	width: 300px;
	height: 80px;
}
#header-right {
	float: right;
	height: 80px;
	width: 450px;
	background: url(common_img/bg_header_right.jpg) no-repeat;
	text-align: right;
}
#mainarea-menu {
	float: left;
	width: 200px;
	background: url(common_img/menu/bg_menubase.gif) repeat-y;
}
.menu-bg {
	background: url(common_img/menu/bg_menu.jpg) no-repeat;
}
.address {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	color: #336699;
}

#cepalator {
	float: left;
	width: 10px;
}
.padding5 {
	padding-left: 5px;
}
.padding15 {
	padding: 15px 15px 0px 15px;
}
#mainarea-contents {
	float: right;
	text-align: left;
	vertical-align: top;
	width: 550px;
}


.clear {
	clear: both;
}
.snipet {
	padding: 5px;
}
.flash {
	background: url(common_img/spacer.gif) no-repeat;
	height: 220px;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.greeting {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
}
#time {
	padding-top: 20px;
	padding-bottom: 20px;
}
.st {
	background: url(common_img/bg_st.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 22px;
	font-weight: bold;
	color: #2564F4;
}
.genre {
	padding: 0px 10px 0px 10px;
}
.genre p {
	padding:20px 10px 10px 10px;
}
.genre img {
	padding-bottom:5px;
}
#popup {
	background: #FFFFFF;
}
.question {
	background: url(coblator/img/icon_q.gif) no-repeat;
	font-weight: bold;
	color: #0066CC;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 25px;
	margin-top: 15px;
}
.answer {
	background: url(coblator/img/icon_a.gif) no-repeat 20px 0px;
	padding-left: 45px;
	margin: 0px;
	line-height: 150%;
}
.genre .dotline {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}
.g-view {
	margin:5px auto;
	border-radius:5px;
	overflow:hidden;
}
.pc-menu {
	position:relative;
	display:block;
	width:158px;
	margin:10px 5px;
	background-color:rgba(255,255,255,0.8);
	background-image:url(common_img/menu/menu-after.png);
	background-position:164px 10px;
	background-repeat:no-repeat;
	color:#2564f4;
	font-weight:700;
	border-radius:4px;
	box-shadow:0 2px 4px 2px rgba(0,0,0,0.1);
	height:36px;
	line-height:36px;
	padding-left:32px;
	font-size:14px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.pc-menu:hover {
	width:158px;
	background-image:url(common_img/menu/menu-after-hover.png);
}
.pc-menu:before {
	content:"";
	position:absolute;
	width:22px;
	height:34px;
	background-image:url(common_img/menu/icon-normal.png);
	background-repeat:no-repeat;
	top:-2px;
	left:5px;
}
.pc-menu:hover:before {
	background-image:url(common_img/menu/icon-hover.png);
}