/*
primary (重要) #428bca
success (成功) #5cb85c
info (お知らせ) #5bc0de
warning (警告) #f0ad4e
danger (危険) #d9534f
*/

body{ font-size: 15px; /* ★★★ */
	line-height: 1.8em; 
	margin: 0;padding:0;
	font-family: ""メイリオ", Meiryo, sans-seri,ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", Verdana, YuGothic;}

/* ★★★ */
/* #loading{ width: 100%; height: 100% ;background: #fff; background-image: url("../images/img/loading.gif"); background-repeat: no-repeat; background-position: center center;z-index: 9999} */
#loading1{ width: 100%; height: 100% ;background: #fff; background-image: url("../images/img/loading1.gif"); background-repeat: no-repeat; background-position: center center;z-index: 9999}
#loading2{ width: 100%; height: 100% ;background: #fff; background-image: url("../images/img/loading2.gif"); background-repeat: no-repeat; background-position: center center;z-index: 9999}
#loading3{ width: 100%; height: 100% ;background: #fff; background-image: url("../images/img/loading3.gif"); background-repeat: no-repeat; background-position: center center;z-index: 9999}
#loading4{ width: 100%; height: 100% ;background: #fff; background-image: url("../images/img/loading4.gif"); background-repeat: no-repeat; background-position: center center;z-index: 9999}

#wrapper {  width:100%; /*  overflow:hidden; */}

* {box-sizing: border-box;}
p{margin: 0;}
a{ text-decoration: none; outline:none; color:#44cbfc;  }
a:hover{ filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; color: navy; outline:none}
a img:hover{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;color:#fff;}/* ★★★ */

 img { -ms-interpolation-mode: bicubic; vertical-align: bottom;}
.img_main{width:100%;
	 		max-width: 1060px;
	 		margin: 0 auto;}

strong{font-size:1.1em; font-weight:bold;}
.nobr{white-space: nowrap;}

/* アニメ */
.invisible {
    visibility: hidden; /*アニメ―ションする要素を非表示*/
}


/* animate.css */
.animated.fadeInLeft,
.animated.fadeInRight,
.animated.fadeInDown,
.animated.fadeInUp {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

/* btn */
@keyframes dokidoki {
    0% {
        transform: scale(1.04)
    }
    10% {
        transform: scale(1)
    }
    20% {
        transform: scale(1.02)
    }
    30% {
        transform: scale(1)
    }
    90% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.04)
    }
}
.tcv_btn,
.cv_btn {
	-webkit-animation: dokidoki 2.5s infinite;
	animation: dokidoki 2.5s infinite;
	}


/* #tcv */
#tcv {
	position: relative;
}
#tcv .tcv_btn {
    position: absolute;
    top: 1650px;
    left: 120px;
	}

#tcv .tcv_btn_member {
	position: absolute;
	top: 1531px;
	left: 251px;
	line-height: 1;
	}



/* 編集機能
-------------------------------------------------------------- */
div.page_left{ float: left; width: 58%;}
div.page_right{ float: right; width: 40%;margin-right:-1em; margin-top: 2em;}
div.page_all{ }		/* ★★★ */


/* リンク先 */
#img1,#img2,#img3,#img4{margin:0;padding: 0}

/* 問合せbutton mouse over-------------------- */
@media screen and (min-width: 701px){
	.btn_contact {background-color:#555; width:370px; padding:1rem; border:2px solid white; border-radius: 8px; cursor: pointer !important;color:white;font-size:1.3rem;}
	.btn_contact:hover{opacity:0.5;}
}
@media screen and  (max-width: 700px){
	.btn_contact {background-color:#555; width:70%; padding:1rem; border:2px solid white; border-radius: 8px; cursor: pointer !important;color:white;font-size:1.3rem;}
	.btn_contact:hover{opacity:0.5;}
}




/* 問合せフォーム-------------------- */
.monkey_form {
	position: relative;
	margin: 16px 3%; 
}
.monkey_form input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	padding-left: 40px;
	letter-spacing: 1px;
	border: 0;
}
.monkey_form input[type='text']:focus {
	outline: none;
}
.monkey_form input[type='text']:focus::after {
	outline: none;
}
.monkey_form i {
	position: absolute;
	top: 0;
	left: 0;
	padding: 9px 5px;
	transition: 0.3s;
	color: #ababab;
}
.monkey_form::after {
	display: block;
	width: 100%;
	height: 4px;
	margin-top: -1px;
	content: '';
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #444444;
}





#pagebody{width:100%;}


/* （印刷用）=========================================================================== */
@media print {

	.no_print { display: none; } 
	.display_PC{ display: none; }
	.display_sp{ display: none; }
	h1 img{width:300px; height:auto;	margin: 0em auto; }
	 
	 #main{text-align:left;	width:85%; }/* ☆初期型 */
	 #block1,#block2,#block3,#block4,#block5{text-align:left;	width:85%; margin-top: 1.5em}/*　☆画像メイン */


	 #foot{padding:0; margin:0 auto; }

	 h2 {font-size: 1.4em; font-weight: 700;paddint:0 !important; color:red}
	 img{width: 50% !important;}
}



/* ================================================================================== */
@media screen and (min-width: 701px){
	.display_sp{ display: none; }/* ★★ PCで非表示 ★★ */
	.no_print { display: none; } 
	.width70cen_pc{margin:0 auto;width:70%;}
	.width60cen_pc{margin:0 auto;width:60%;}
	.width50cen_pc{margin:0 auto;width:50%;}
	
	h1 img{width:480px; height:auto;	margin: 0em auto; }
	 
/* ペライチ */
	 #main{text-align:left; 
	 	margin:0 auto;
	 	padding:1em 2em; 
	 	width:85%;
	 	max-width: 1000px;
	 	border-radius: 0.5em;/* background:#ee0000; */ }
/* Monkey3 */
	 #block1,#block2,#block3,#block4,#block5{text-align:left; 
	 	margin:0 auto;
	 	padding:1.5em 0em 4em;
	 	width:92%;
	 	max-width: 1120px;}
	 	
	 #foot{padding:0em 1em 0.5em  6em; margin:0 auto; }
}

/* ================================================================================== */
@media screen and  (max-width: 700px){
	.display_pc{ display: none; }/* ★★ SPで非表示 ★★ */
	.display_sp{ display: block; }
	.no_print { display: none; } 
	 h1 img{width:90%; height:auto;
	 	margin-top: 0;
	 }	 
	 #main{text-align:left; padding:1em; margin:20 auto; }

	 #block1,#block2,#block3,#block4,#block5{text-align:left; padding:1em; margin:20 auto; }
	 
	 #foot{width:100%; padding:0 0 0.8em 0.1em; margin:0 auto; }
	 
	 #calendar{margin: 0; width:98%; }
	 #calendar iframe { width:calc(100vw - 20px);
}
	 
	 /* ★2段=>1段 */
	 div.page_left{ float: none;  margin-bottom: 1em; padding: 0;width: auto;}
	 div.page_right{ float: none; margin: 0 auto; width: 100%;  text-align: center;}/* ★写真調整 */



/* ★電話ボタン button */
#phone{margin-top:0.2em; padding:0.3em 0; list-style: none;}
#phone.li{display: block; }
li{max-width: 100%;margin-bottom: 1em;text-align: center;}

li#link01{border: solid 1px white;}
li#link01 a{ display: block; border: 1px solid #666; padding: 14px 5px 6px; font-size: 1.3em; white-space: nowrap;  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; background:steelblue; color:white}
li#link01 span{ font-size: 0.6em}

li#link02{border: solid 1px steelblue;}
li#link02 a{display: block;background: #fff;color:steelblue;padding: 15px 0;}

li#link03{border: solid 1px steelblue;}
li#link03 a{ display: block; background: #fff; color:steelblue; padding: 10px 0 8px; }




ul#sns{position: absolute; top:5px; right: 4px;}/* ★★★SNSボタン位置 */
.sm_br{display: inline;}
}


/* TABLE layout(表）Company Data ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
	table.tbl_com {
		width: 100%;
		margin:0 auto;
		padding:0;
		font-size: 17px;
		border-collapse:collapse !important;
		}
	.tbl_com th {
		background: #eee;
		color: #333;
		border:1px solid #000;
		padding:0.7em;
		font-weight: normal;
		width: 18%;
		white-space: nowrap;
		}
	.tbl_com td {
		background: #fff;
		color: #333;
		border:1px solid #000;
		padding:0.7em 0.1em 0.7em 0.8em;
		width: 82%;
		text-align:left;
		}
	.left{text-align: left !important}
	ul.list_com{margin-top:0;padding: 0.5em 0.5em 0em 1.8em; line-height:1.5; text-indent: -2em;list-style-type: none;}
	.list_com li {text-indent: -2em; padding: 0.5em 0.5em 0.5em 1.0em; text-align: left !important ;margin-bottom:1.2rem;}


/*  TABLE layout(表）料金表FEE　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
	table.tbl_fee {
		max-width:800px;
		width: 100%;
		margin:0 auto;
		padding:0;
		font-size: 17px;
		border-collapse:collapse !important;
		line-height:130%;
		}
	.tbl_fee th {
		background: #eee;
		border:1px solid #000;
		padding:0.7em;
		font-weight:900;
		text-align:center;
		}
	.tbl_fee td {
		background: #fff;
		border:1px solid #000;
		padding:0.7em 0.1em 0.7em 0.8em;
		text-align:center;
		}



/* SNS　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
ul.sns {
    margin: 0 auto;
    width: 70%;
    max-width: 360px;
    font-size: 0;
    padding: 0;
}
ul.sns li {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/3);
    margin: 0;
}
ul.sns li a {
    display: block;
    max-width: 45px;
    margin: 0 auto;
    position: relative;
}
ul.sns li img.off {
    transition: 0.5s all;
    position: relative;
    z-index: 2;
}
ul.sns li img.on {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
ul.sns li a:hover img {
    opacity: 1;
}
ul.sns li a:hover img.off {
    opacity: 0;
}

.sns_img_size{width: 45px}


/* CSS　共通テンプレート
================================================================================ */

/* オリジナル
-------------------------------------------------------------- */
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-justify {text-align: justify}    /* 両端揃え */
.text-nowrap {white-space: nowrap}     /* 改行禁止 */

.text-red{ color:red;}
.text-firebrick{ color:firebrick;}
.text-blue{ color:blue;}
.text-green{ color:green;}
.text-orange{ color:orange;}
.text-pink{ color:orange;}
.text-yellow{ color:yellow;}
.text-white{ color:white;}

.text-07{ font-size: 0.7em;}
.text-08{ font-size: 0.8em;}
.text-09{ font-size: 0.9em;}
.text-11{ font-size: 1.1em;}
.text-12{ font-size: 1.2em;}
.text-13{ font-size: 1.3em;}
.text-15{ font-size: 1.5em;}


.bg-primary {background: #337ab7;color: white}
.bg-success {background: #dff0d8; color: #333333 }
.bg-info {background: #d9edf7; color: #333333 }
.bg-warning {background: #fcf8e3; color: #333333 }
.bg-danger {background: #f2dede; color: #333333 }
.bg-white {background: white; color: #333333 }
.bg-white2 {background: #e6e6e6; color: #333333 }
.bg-eee {background: #eeeeee; color: #333333 }

line-red{border: solid 1px red; }
line-blue{border: solid 1px blue; }
line-yellow{border: solid 1px yellow; }
line-green{border: solid 1px green; }
line-orange{border: solid 1px orange; }
line-pink{border: solid 1px pink; }


.text-primary {color: #428bca}
.text-success {color: #5cb85c}
.text-info {color: #5bc0de}
.text-warning {color: #f0ad4e}
.text-danger {color: #d9534f}
.text-muted {{color: #777777}}
.text-white {color: white}


/* MARGIN　----------------------------------------- */
.mt05{margin-top: 0.5em;}
.mt1{margin-top: 1em;}
.mt15{margin-top: 1.5em;}
.mt2{margin-top: 2em;}
.mt25{margin-top: 2.5em;}
.mt3{margin-top: 3em;}
.mt35{margin-top: 3.5em;}
.mt4{margin-top: 4em;}
.mt45{margin-top: 4.5em;}
.mt5{margin-top: 5em;}
.mt55{margin-top: 5.5em;}
.mt6{margin-top: 6em;}
.mt65{margin-top: 6.5em;}
.mt7{margin-top: 7em;}
.mt75{margin-top: 7.5em;}
.mt8{margin-top: 8em;}
.mt85{margin-top: 8.5em;}
.mt9{margin-top: 9em;}
.mt95{margin-top: 9.5em;}
.mt10{margin-top: 10em;}

.mt-05{margin-top: -0.5em;}
.mt-1{margin-top: -1em;}
.mt-15{margin-top: -1.5em;}
.mt-2{margin-top: -2em;}
.mt-25{margin-top: -2.5em;}
.mt-3{margin-top: -3em;}
.mt-35{margin-top: -3.5em;}
.mt-4{margin-top: -4em;}
.mt-45{margin-top: -4.5em;}
.mt-5{margin-top: -4em;}
.mt-55{margin-top: -5.5em;}
.mt-6{margin-top: -6em;}


/* BOTTOM---------- */
.mb0{margin-bottom: 0em;}
.mb05{margin-bottom: 0.5em;}
.mb1{margin-bottom: 1em;}
.mb15{margin-bottom: 1.5em;}
.mb2{margin-bottom: 2em;}
.mb25{margin-bottom: 2.5em;}
.mb3{margin-bottom: 3em;}
.mb35{margin-bottom: 3.5em;}
.mb4{margin-bottom: 4em;}
.mb45{margin-bottom: 4.5em;}
.mb5{margin-bottom: 4em;}
.mb55{margin-bottom: 5.5em;}
.mb6{margin-bottom: 6em;}
.mb65{margin-bottom: 6.5em;}
.mb7{margin-bottom: 7em;}
.mb75{margin-bottom: 7.5em;}
.mb8{margin-bottom: 8em;}
.mb9{margin-bottom: 9em;}
.mb10{margin-bottom: 10em;}
.mb11{margin-bottom: 11em;}
.mb12{margin-bottom: 12em;}
.mb13{margin-bottom: 13em;}
.mb14{margin-bottom: 14em;}
.mb15{margin-bottom: 15em;}

/* margin　RIGHT---------- */
.mr05{margin-right: 0.5em;}
.mr1{margin-right: 1em;}
.mr15{margin-right: 1.5em;}
.mr2{margin-right: 2em;}
.mr25{margin-right: 2.5em;}
.mr3{margin-right: 3em;}
.mr35{margin-right: 3.5em;}
.mr4{margin-right: 4em;}
.mr45{margin-right: 4.5em;}
.mr5{margin-right: 5em;}
.mr55{margin-right: 5.5em;}
.mr6{margin-right: 6em;}

/* margin　LEFT---------- */
.ml05{margin-left: 0.5em;}
.ml1{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml2{margin-left: 2em;}
.ml25{margin-left: 2.5em;}
.ml3{margin-left: 3em;}
.ml35{margin-left: 3.5em;}
.ml4{margin-left: 4em;}
.ml45{margin-left: 4.5em;}
.ml5{margin-left: 4em;}
.ml55{margin-left: 5.5em;}
.ml6{margin-left: 6em;}


/* padding　----------------------------------------- */
.pt1{padding-top: 1em;}
.pt15{padding-top: 1.5em;}
.pt2{padding-top: 2em;}
.pt25{padding-top: 2.5em;}
.pt3{padding-top: 3em;}
.pt35{padding-top: 3.5em;}
.pt4{padding-top: 3.5em;}
.pt45{padding-top: 4em;}
.pt5{padding-top: 4.5em;}
.pt55{padding-top: 5.5em;}
.pt6{padding-top: 6em;}


.pb1{padding-bottom: 1em;}
.pb15{padding-bottom: 1.5em;}
.pb2{padding-bottom: 2em;}
.pb25{padding-bottom: 2.5em;}
.pb3{padding-bottom: 3em;}
.pb35{padding-bottom: 3.5em;}
.pb4{padding-bottom: 3.5em;}
.pb45{padding-bottom: 4em;}
.pb5{padding-bottom: 4.5em;}
.pb55{padding-bottom: 5.5em;}
.pb6{padding-bottom: 6em;}
.pb7{padding-bottom: 7em;}
.pb8{padding-bottom: 8em;}

.pr1{padding-right: 1em;}
.pr15{padding-right: 1.5em;}
.pr2{padding-right: 2em;}
.pr25{padding-right: 2.5em;}
.pr3{padding-right: 3em;}
.pr35{padding-right: 3.5em;}
.pr4{padding-right: 3.5em;}
.pr45{padding-right: 4em;}
.pr5{padding-right: 4.5em;}
.pr55{padding-right: 5.5em;}
.pr6{padding-right: 6em;}
.pr7{padding-right: 7em;}
.pr8{padding-right: 8em;}

.pl1{padding-left: 1em;}
.pl15{padding-left: 1.5em;}
.pl2{padding-left: 2em;}
.pl25{padding-left: 2.5em;}
.pl3{padding-left: 3em;}
.pl35{padding-left: 3.5em;}
.pl4{padding-left: 3.5em;}
.pl45{padding-left: 4em;}
.pl5{padding-left: 4.5em;}
.pl55{padding-left: 5.5em;}
.pl6{padding-left: 6em;}




/* FLOAT
-------------------------------------------------------------- */
.fl1{ float: left; margin-right: 1em;}
.fl15{ float: left; margin-right: 1.5em;}
.fl2{ float: left; margin-right: 2em;}
.fl25{ float: left; margin-right: 2.5em;}
.fl3{ float: left; margin-right: 3em;}
.fl35{ float: left; margin-right: 3.5em;}
.fl4{ float: left; margin-right: 4em;}
.fl45{ float: left; margin-right: 4.5em;}
.fl5{ float: left; margin-right: 5em;}
.fl55{ float: left; margin-right: 5.5em;}

.fr1{ float: right; margin-left: 1em;}
.fr15{ float: right; margin-left: 1.5em;}
.fr2{ float: right; margin-left: 2em;}
.fr25{ float: right; margin-left: 2.5em;}
.fr3{ float: right; margin-left: 3em;}
.fr35{ float: right; margin-left: 3.5em;}
.fr4{ float: right; margin-left: 4em;}
.fr45{ float: right; margin-left: 4.5em;}
.fr5{ float: right; margin-left: 5em;}
.fr55{ float: right; margin-left: 5.5em;}




/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }