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

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

/* ----------------------
	for tablet
---------------------- */
body, td, th {
	font-size: 1.5rem;
}
.imgright {
	max-width: 50%;
}
.imgleft {
	max-width: 50%;
}
.button {
	width: 70%;
}

/* ----------------------
	MAINMENU
---------------------- */
#logo {
	width: 30%;
}
#hdsubbox {
	width: 65%;
}
#menu ul a {
	font-size: 1.4rem;
}
/* ----------------------
	font size
---------------------- */
.contents {
	padding-bottom: 3em;
}
section {
	padding-left: 3%;
	padding-right: 3%;
}
.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%;
}
.pd25 {
	padding-right: 15%;
	padding-left: 15%;
}

.boxcontainer {
	margin: 0;
}

/* ----------------------
	CALENDAR ACCESS
---------------------- */
.acccess .inner {
	padding-top: 36px;
}
.acccess h2 {
	font-size: 36px !important;
	top: -18px;
}

.ftmenu li a {
	margin-bottom: 0.8em;
}
}

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

/* ----------------------
	for smartphone
---------------------- */
.imgright {
	max-width: 40%;
}
.imgleft {
	max-width: 40%;
}
.imageStyleL {
	width: 100%;
	height: auto;
}
.forPC {
	display: none !important;
}
.forSP {
	display: block;
}
.pcbr {
	display: none;
}

/* ------------------------------------------
	BUTTON SETTING
------------------------------------------ */
.button {
	width: 80%;
}
.buttonS {
	width: 49%;
	min-width: 200px;
}
.buttonS a {
	font-size: 1.2rem;
}

/* ----------------------
	MAINMENU
---------------------- */
#logo {
	width: 40%;
	max-width: 280px;
	margin: 0 auto;
	padding: 0;
	float: none;
}
#hdsubbox, #menu {
	display: none;
}
/* ----------------------
	slidemenu_list
---------------------- */
#btn_spmenu {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
}
#btn_spmenu a {
	display: block;
	width: 40px;
	height: 40px;
	background: #008ED2 url(../images/spme.png) no-repeat center;
	background-size: contain;
	border-radius: 8px;
}
#btn_spmenu a span {
	display: none;
}
/* ----------------------
	BREADCRUMB
---------------------- */
#bread {
	font-size: 1.2rem;
}

/* ----------------------
	CONTENTS
---------------------- */
.contents {
	padding-bottom: 2em;
}
.contents h1 {
	font-size: 2.2rem;
}
.contents h1 span {
	margin: 0 1em;
	padding: 0 .6em;
}
.contents h2 {
	font-size: 2rem;
}
h2.style_bl {
	font-size: 3.6rem;
}
.contents h3 {
	font-size: 1.8rem;
}
.contents h4, 
.contents h5 {
	font-size: 1.6rem;
}
.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%;
}
.pd25 {
	padding-right: 5%;
	padding-left: 5%;
}

.imgbutton img {
	width: 80%;
}

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

/* ----------------------
	CALENDAR ACCESS
---------------------- */
.acccess .inner {
	padding-top: 30px;
}
.acccess h2 {
	font-size: 30px !important;
	top: -15px;
}
.acccess .box2 {
	padding: 0;
	margin-bottom: 1em;
}
.box-cal, .box-tel {
	width: 100%;
	padding: 0;
}
.btn_yoyaku {
	padding: 0 10%;
}

/* ----------------------
	FOOTER
---------------------- */
#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;}
.fs_xxl { font-size: 2rem !important;}
}

@media screen and (max-width:499px){
h2.style_bl {
	font-size: 3.2rem;
}
.acccess .inner {
	padding-top: 28px;
}
.acccess h2 {
	font-size: 26px !important;
	top: -14px;
	letter-spacing: 0.08em;
}
}