@charset "UTF-8";

.pc_con {display: block!important;}
.sp_con {display: none!important;}


.page { color:#333;}

.page header { position:fixed; top:0; left:0; z-index:999999;}

.page section {}

.page .inner { max-width:1200px; width:90%; margin:80px auto auto auto;}

.inner { max-width:1100px; width:100%; margin:80px auto 150px auto;}


.page .detail_h { height:450px; text-align:center; position:relative;}
.page .detail_h h2 { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

.detail_h.shoplist { background:url(/_common/img/page_header.jpg); background-size:cover;}

.page h2.h2title { text-align:center; font-size:48px;}

h2.h2title { text-align:center; font-size:36px;}

/*
 テーブル
---------------------------------------------------------------------- */
table.tbl1 { width:100%;}
table.tbl1 th,table.tbl1 td { border:1px solid #fff; padding:10px;  box-sizing: border-box;}
table.tbl1 th { background:#eee; width:10%; text-align:center;}
table.tbl1 td img { }


.list {}
.list ul {}
.list li { float:left; width:40%; margin:auto 5%; box-sizing:border-box; border:5px solid #ddd; padding:25px;}
.list li img { width:100%;}
.t1 { color:#2e3d47; text-align:center; font-weight:800; font-size:180%; margin:0 0 25px 0;}


/*コンテンツアニメーション*/

/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}
/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}
.is-active .u-fade-type-up:nth-child(7){transition-delay: 2.4s;}
.is-active .u-fade-type-up:nth-child(8){transition-delay: 2.8s;}
.is-active .u-fade-type-up:nth-child(9){transition-delay: 3.2s;}
.is-active .u-fade-type-up:nth-child(10){transition-delay: 3.6s;}
.is-active .u-fade-type-up:nth-child(11){transition-delay: 4s;}
.is-active .u-fade-type-up:nth-child(12){transition-delay: 4.4s;}
.is-active .u-fade-type-up:nth-child(13){transition-delay: 4.8s;}
.is-active .u-fade-type-up:nth-child(14){transition-delay: 5.2s;}
.is-active .u-fade-type-up:nth-child(15){transition-delay: 5.6s;}


/*
 上書き
---------------------------------------------------------------------- */
#booking-package_calendarPage .dayPanelHeight {
    height: 6em!important;
}

#booking-package button {
    font-size: 16px;
}
#booking-package button {
    position: relative;
    display: block;
    width: 200px;
    padding: 14px 5px;
    margin: 15px auto auto 0;
    text-align: center;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    background: #2e3d47;
	border-width: 0;
    border-style: none;
    /* background-image: linear-gradient( 
120deg ,#2e9189,#15b2a5 30%); */
}



#page_content2 {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 150px;
    position: relative;
    z-index: 100;
}


/*
 shoplist
---------------------------------------------------------------------- */
.shoplist {
    display: flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
	
align-content: flex-start;    /*上（左）揃え*/
    align-content: flex-end;      /*下（右）揃え*/
    align-content: center;        /*中央揃え*/
    align-content: space-between; /*均等に間隔をあける*/
    align-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/	
	}

.shoplist div { width:30.3333333333333333333333333333%; margin:0 1.5% 3% 1.5%}
.shoplist div img { width:100%;}

h3.h3title {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.5;
}
.txt2 {
    line-height: 2;
    font-size: 14px;
}
.btn a {
    position: relative;
    display: block;
    width: 300px;
    padding: 17px 5px;
    margin: auto auto auto 0;
    text-align: center;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    background: #0058ab;
    /* background-image: linear-gradient( 
120deg ,#2e9189,#15b2a5 30%); */
}

/* =====================================
 オンラインセミナー
===================================== */
.livebox .policy-privacy__inner { padding-bottom:100px!important;}
.list_live {}
.list_live ul {}
.list_live li { border:3px solid #ddd; padding:30px; margin:0 0 50px 0; position:relative;}
.list_live li div.list_content {float:left; width:70%;}
.list_live li p {}
.list_live li p.list_title { font-size:180%; margin:0 0 10px 0; font-weight:800;}
.list_live li p.list_txt { margin:0 0 10px 0;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:right; width:25%; box-sizing: border-box; position:absolute; top:0; bottom:0; margin:auto; right:30px; height:50px;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;
	background: #6c961a;
	box-sizing: border-box;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
	}
.liveinner { padding-top:0!important;}
.list_btn a:hover { text-decoration:none;}



.list_btn3 a {
width:70%;
margin:20px auto 0 auto;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;
	background: #6c961a;
	box-sizing: border-box;
	text-decoration:none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
	}
.list_btn3 a:hover { text-decoration:none;}


.headline { font-size:140%; margin:0 0 20px 0; font-weight: bold;}
table.tbl th span {
    background: #cc0000;
    color: #fff;
    font-size: 70%;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
table.tbl td { padding:20px;}
table.tbl th { width:25%;}

@media screen and (max-width: 768px) {
.pc_con {display: none!important;}
.sp_con {display: block!important;}

.page .inner {width: 90%; max-width: 90%; margin: 0 5% 100px 5%!important;}


.page .detail_h { height:250px; text-align:center; position:relative;}
.page .detail_h h2 { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

.detail_h.shoplist {background-size:cover; background-position:center center;}

.page h2.h2title { text-align:center; font-size:28px;}

h2.h2title img {
	width:80%; margin:auto 10%;
}


#booking-package_calendarPage .dayPanelHeight {
    height: 4em!important;
}


#page_content2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    position: relative;
    z-index: 100;
}


.list {}
.list ul {}
.list li { float:none; width:80%; margin:auto 10% 30px 10%; box-sizing:border-box; padding:20px;}
.list li img { width:100%;}
.t1 { color:#2e3d47; text-align:center; font-weight:800; font-size:160%; margin:0 0 15px 0;}

.list_btn3 a {
width:100%;
margin:20px auto 0 auto;

	}
.list_btn3 a:hover { text-decoration:none;}


table.tbl { width:100%!important; box-sizing:border-box!important;}
table.tbl th { width:100%;}
table.tbl th,table.tbl td { display:block; width:100%; padding:10px; box-sizing:border-box!important;}
.w300 { width:100%!important;}
.entry-content li {
    margin-left: 0;
    margin-bottom: 6px;
}
.page-header .entry-title, .page-header .page-title {

    font-size: 18px; text-align:center;

}

/* =====================================
 オンラインセミナー
===================================== */
.livebox .policy-privacy__inner { padding-bottom:50px!important;}
.list_live {}
.list_live ul {}
.list_live li { padding:20px; margin:0 0 30px 0; position:relative;}
.list_live li div.list_content {float:none; width:100%;}
.list_live li p {}
.list_live li p.list_title { font-size:160%; margin:0 0 10px 0;}
.list_live li p.list_txt { margin:0 0 10px 0; font-size:90%;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:none; width:80%; box-sizing: border-box; position: static; top:0; bottom:0; margin:20px auto auto auto; right:30px; height:auto;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;

	box-sizing: border-box;

	}
.livebox .policy-privacy-head.mb100 { margin-bottom:50px!important;}



}

@media screen and (max-width: 480px) {
div.symbolPanel.material-icons {

    font-size: 8px !important;

}

	
}


/* =====================================
 上書き
===================================== */


.site-footer .site-info {
    position: relative;
    text-align: center;
    padding: 35px 0px;
    background: #6c961a;
    font-weight: 500;
    color: #fff;
}
.site-footer .btt a {
    color: #fff;
    background: #6c961a;

}
.site-branding .site-logo-div img {
    width: 220px!important;
}

#booking-package button {

    background: #6c961a;

}


@media screen and (max-width: 768px) {
	
	.online_price td {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 150%;
    border: 1px solid #ccc;
    text-align: left;
    padding: 15px 15px;
}
}

/* =====================================
 汎用プロパティ
===================================== */


/* テキストカラー */
.bk {color:#333!important;}
.green {color:#006633!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}

/* bold */
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}


/* ライン */
.tline { border-top:1px #ccc solid; padding-top:10px;}
.tline_d { border-top:1px #ccc dotted; padding-top:10px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:10px;}
.bline_d { border-bottom:1px #ccc dotted; padding-bottom:10px;}
.line_t{text-decoration: line-through;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt-100 { padding-top: -170px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}


.img_c { width:100%; margin:0 auto;}
.img_c770 { width:100%; max-width:770px; margin:0 auto;}
.img_c960 { width:100%; max-width:960px; margin:0 auto;}

.img_c img,
.img_c960 img,
.img_c770 img
 { width:100%;}



a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}

ul,li { list-style:none; margin:0; padding:0;} 


/*
 フロート要素の適正な解除（Clearfix）
---------------------------------------------------------------------- */
.clearfixadd:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfixadd{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfixadd{height:1%;}
.clearfixadd{display:block;}
/* End hide from IE-mac */