@charset "euc-jp";
/* CSS Document */

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

/* ----------------------
	for tablet
---------------------- */
body, td, th {
	font-size: 1.5rem;
}
.button {
	width: 75%;
}
.imgright {
	max-width: 50%;
	margin: 0 0 1em 1em;
}
.imgleft {
	max-width: 50%;
	margin: 0px 1em 1em 0;
}

/* ----------------------
	MAINMENU
---------------------- */
#hdr {
	background-size: auto 14px;
}
#logo {
	width: 40%;
}
#btn_spmenu {
	top: 16px;
}

/* ----------------------
	font size
---------------------- */
.sec-line {
	background-size: auto 24px;
	padding-top: 24px;
}
.contents, 
.contents td, 
.contents th {
	font-size: 1.5rem;
}
.pd5 {
	padding-right: 4%;
	padding-left: 4%;
}
.pd10 {
	padding-right: 8%;
	padding-left: 8%;
}
.pd15 {
	padding-right: 10%;
	padding-left: 10%;
}

.boxcontainer {
	margin: 0;
}

.forPC {
	display: ;
}
.forSP {
	display: none;
}
/* ----------------------
	youtube
---------------------- */
.movie {
	text-align: center;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movie.movieold {
	padding-bottom: 75%;
}

/* ----------------------
	FOOTER
---------------------- */

#footer {
	width: 100%;
}
#footer .box {
	width: 33%;
}
#ft-l, #ft-r {
	float: none;
	width: 100%;
}
#ft-r {
	border-top: dotted 1px #999;
	padding: 3em 0 0;
}
#ft-l li {
	font-size: 1em;
}
#ft-l li a {
	margin-bottom: 0.8em;
}
address {
	text-align: center;
}

.fs_xs { font-size: 1.2rem !important;}
.fs_s { font-size: 1.4rem !important;}
.fs_m { font-size: 1.6rem !important;}
.fs_l { font-size: 1.8rem !important;}
.fs_xl { font-size: 2rem !important;}

}

@media screen and (max-width:699px){
.pcbr:after {
	content:"";
	white-space: normal;
}
.spbr:after {
	content:"\A";
	white-space: pre;
}

/* ----------------------
	for smartphone
---------------------- */
.imageStyleL {
	width: 100%;
	height: auto;
}
.forPC {
	display: none;
}
.forSP {
	display: block;
}

/* ------------------------------------------
	BUTTON SETTING
------------------------------------------ */
.button {
	width: 80%;
}
.buttonS {
	width: 49%;
	min-width: 200px;
}
.button a {
	font-size: 1.2em;
}
.buttonS a {
	padding: .6em 1.8em;
}
.buttonCol1 a {
	background-size:auto, 20% auto, 20% auto;
}

/* ----------------------
	MAINMENU
---------------------- */
#hdr {
	background-size: auto 12px;
}
#hdr .inner {
	padding: 2em 3% 1em;
}
#logo {
	width: 55%;
	max-width: 280px;
	margin: 0 auto;
	padding: 0;
	float: none;
}
#hdsubbox {
	display: none;
}
#hdr #menu {
	display: none;
}
#btn_spmenu {
	top: 20px;
}

/* ----------------------
	BREADCRUMB
---------------------- */
#bread {
	font-size: 1.2rem;
}

/* ----------------------
	MENU
---------------------- */
.menu-v ul li {
	font-size: 1.3rem;
	width: 32.3%;
}
.menu-v ul li.me-l {
	width: 80%;
}
.menu-v ul li.me-m {
	width: 49%;
}

/* ----------------------
	CONTENTS
---------------------- */
.sec-line {
	background-size: auto 20px;
	padding-top: 20px;
}
.contents h1 {
	font-size: 1.625em;
}
.contents h2 {
	font-size: 1.375em;
}
.contents h2::after {
	width: 40px;
	height: 40px;
}
.contents p {
	line-height: 1.8;
}
.pd5 {
	padding-right: 1em;
	padding-left: 1em;
}
.pd10 {
	padding-right: 1em;
	padding-left: 1em;
}
.pd15 {
	padding-right: 5%;
	padding-left: 5%;
}

.imgbutton img {
	width: 80%;
}

/* ----------------------
	BOX
---------------------- */
.box2 {
	width: 100%;
}
.box4 {
	width: 49.5%;
}
.ltbox, 
.rtbox {
	width: 100%;
	float: none;
}

/* ----------------------
	googlemap
---------------------- */
.map {
	margin: 0 1em 1em;
}
.map iframe {
	height: 300px;
}

/* ----------------------
	FOOTER
---------------------- */
#footer address {
	text-align: center;
}
#copy {
	margin: 2em 0 50px;
}

.fs_xs {font-size: 1.2rem !important;}
.fs_s {font-size: 1.4rem !important;}
.fs_m {font-size: 1.5rem !important;}
.fs_l {font-size: 1.6rem !important;}
.fs_xl {font-size: 1.8rem !important;}
}

@media screen and (max-width:499px){
.imgright, .imgleft {
	max-width: 100%;
	float: none;
	margin: 0 0 1em;
}
.menu-v ul li.me-l {
	width: 100%;
	margin-left: 0;
}
}