/*********************************************************************************************************************
/* PC専用のスタイル (min-width: 1025px)
*********************************************************************************************************************/
@media (min-width: 1025px) {
/*****************************************************************************/
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
html{
  scroll-behavior: smooth;
}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;o
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body{
	color:#333333;
	font:100% verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
	-webkit-text-size-adjust: none;
    margin: 0 auto;
	text-align:center;
}


/*****************************************************************
font
*****************************************************************/
@font-face {
	font-family: 'Sawarabi Mincho', sans-serif;
   /*-family: MyWebFont;*/
}

/*グーグルフォント*/
.wf-roundedmplus1p { font-family: "M PLUS Rounded 1p"; }
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.wf-hannari { font-family: "Hannari"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-kokoro { font-family: "Sawarabi Mincho"; }
.wf-kokoro { font-family: "Sawarabi Gothic"; }
.wf-notosansjapanese { font-family: "Noto Sans JP"; }

p,li,td,dt,dd {font-size: 100%;font-weight: normal;}
	
h1,h2,h3,h4{margin:0;padding:0;}

p,ul,ol,dl,blockquote,pre {margin:0em;}
p{font-size:0.95em;line-height:1.6;text-align:left;margin:0;padding:0;}
hr{clear: both;display: none;visibility: hidden;}
img	{border: none;}
form {margin: 0;}

	
/*****************************************************************
link
*****************************************************************/
a:link{
	text-decoration: none;
	color:#0D87D9;
	}
a:visited	{
	text-decoration: none;
	color:#0D87D9;
	}
a:hover		{
	text-decoration: none;
	color:#0D87D9;
	}
a:active		{
	color:#0D87D9;
	text-decoration: none;
	}

a img:hover {
	opacity: 0.7;
	filter: alpha( opacity=70 );
	-ms-filter: "alpha( opacity=70 )";
	}


/*****************************************************************
pcNonespNone
*****************************************************************/
.pcNone {display:none; }
.spNone { display:block;}

/*****************************************************************
 Clear fix
*****************************************************************/
.clfix {display: block;}
.clearLeft { clear: left; }

/*****************************************************************
img
*****************************************************************/
img{
    max-width:100%;
	height:auto;
}
/*****************************************************************
margin set
*****************************************************************/
.ml1{margin-left:1%;}	
.ml2{margin-left:2%;}	

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}	

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}	

/*****************************************************************
align set
*****************************************************************/
.ac{text-align:center;}
.al{text-align:left;}	
.ar{text-align:right;}

/*****************************************************************
txt set
*****************************************************************/
.txt60{font-size:60%;font-weight:normal;}
.txt70{font-size:70%;font-weight:normal;}
.txt80{font-size:80%;font-weight:normal;}
.txt120{font-size:120%;font-weight:normal;}
.txt140{font-size:140%;font-weight:normal;}

/*****************************************************************
h 
*****************************************************************/
h1{
	margin:0;
	padding: 0;
	font-size:100%;
	}	
h2 {
    width: 96%;
    margin:11px 0 11px;
    padding:17px 2%  17px;
	font-size:1.4em;
    font-weight: bold;
    color: #fff;
	letter-spacing:2px;
	font-family: "M PLUS Rounded 1c";
	line-height:1.0;
	background:#0D87D9;
	border-radius:5px;
}
	/*.balloon{
	position: relative;
	display: inline-block;
	width:96%;
	color: #F6F6F6;
	text-align: center;
	background:#0D87D9;
	z-index: 0;
	border-radius:5px;
	}*/
	/*.balloon:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color:#3096F1 transparent transparent transparent;
	}*/
	.balloon_dep {
    font-size: 100%;
	line-height: 1.8em;
    color:#FFFF00;
	margin:0 20px 0 0;
	letter-spacing: 0px;
	}
	.balloon_tag {
    font-size:70%;/*90%*/
	background-color:#FFFFFF;
	color:#0D87D9;
	border-radius:3px;
	padding:0 5px;
	letter-spacing: 0;
	}
	.bal_mt{
	    margin: 40px 0 0 0;
	}
	.en {
    font-size: 60%;
    text-align: center;
    margin: 0 0 0 20px;
    line-height: 100%;
    color: #fff;
    font-weight: nomal;
	letter-spacing:1px;
	line-height:1.0;
	}
.tourpage_tit {
    width:96%;
	margin:50px 0 20px;
	padding:10px 2%;
	font-size:1.4em;
	letter-spacing:3px;
    color: #0D87D9;
	background-color:#D1E8FC;
    text-align: center;
	font-family: "M PLUS Rounded 1c";
	border-radius:5px;
}

h3{
	margin:0;
	padding: 0;
	font-size:100%;
	font-family: "M PLUS Rounded 1c";
	}
.tourpage_tit_s{
    width:99%;
	margin:30px 0 20px;
	padding:7px 0.5%;
	font-size:1.1em;
    text-align:left;
	font-family: "M PLUS Rounded 1c";
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	letter-spacing:5px;
	font-weight:bold;
}
h4{
	margin:10px 0 10px 0;
	padding: 0;
	font-size:1.1em;
	font-family: "M PLUS Rounded 1c";
	font-weight:bold;
	}


/*****************************************************************
.fade-up 
*****************************************************************/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
	}
/*****************************************************************
.page-top 
*****************************************************************/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 20px;
    padding: 6px 0 0 0;
    color: #FFF;
    text-align: center;
    background-color: #1D2087;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border:#1D2087 1px solid;
	}
/*****************************************************************
.pankuzu 
*****************************************************************/
.pankuzu{
	margin:0 0 10px 0;
	padding:0  ;
	font-size:0.8em;
	text-align:left;
	}	
.pankuzu a{
    color:#1F9DF2;
	}	
/*****************************************************************
.start
*****************************************************************/
.start {
	background:rgba(249,249,249,1);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 850px;
	text-align:center;
	font-size:0.9em;
	font-family: 'Sawarabi Mincho', sans-serif;
}	
.start p img{
	max-width:25%;
	height:auto;
}

/*****************************************************************
nav
****************************************************************
nav.globalMenuSp {
    width: 100%;
    margin: 0 auto;
	padding:0 ;
	color:#000;
}
 
nav.globalMenuSp ul {
    width: 100%;
    margin: 0;
	padding:0;
}
 
nav.globalMenuSp ul li {
	width:15%;
    height:100%;
	margin:5px 0 0 0 ;
	padding:0 30px;
	font-size:0.9em;
	line-height:1.2;
    letter-spacing:3px;
    float: left;
    text-align:center;
    transition: .4s;
	font-family: "M PLUS Rounded 1c";
	}
 
	nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
	}
 
	nav.globalMenuSp ul li a {
    display: block;
    padding: 1em 0;
	color:#000;
	}
 
	nav.globalMenuSp.active {
    transform: translateY(0%);
	}
	nav .txt_menu_w{
	font-size:45%;
	color:#777777;
	margin:0px 0 0 0;
	padding:5px 0 0 0;
    letter-spacing:0px;
	}
	nav.globalMenuSp ul li:hover{
	opacity:0.6;
	}
*/


/*****************************************************************
wrapper
*****************************************************************/
#Wrapper{
　　width:100%;
　　margin:0;
　　padding:0;
	}
	.Wrapperinner{
　　width:100%;
    margin:0 ;
　　padding:0 ;
	}

/****************************************************************
gridWrapper
*****************************************************************/
.gridWrapper{
	width:1100px;
	margin:0 auto;
	padding:0 ;
	text-align:center;
	}
	* html .gridWrapper{height:1%;}

	.gridWrapperinner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}
	
/*****************************************************************
top
*****************************************************************/
/*header{
	position:fixed;

}*/
.top{
	width:100%;
	/*height:150px;*/
	margin:0 auto 0;
	padding:0 0 0 0 ;
	color:#000;
	overflow:hidden;
	background:rgba(255,255,255,0.7);
}

.navbar-fixed-top.scrolled {
	background:rgba(244,244,244,0.95);
	/*background:rgba(207,207,207,0.99)!important;スクロールでナビの色変更*/
  opacity:1.0;
  transition: background-color 200ms linear;
  /*border-bottom:#dddddd 1px solid;*/
}

.topinner{
	width:1200px;
	margin:0 auto;
	padding:0 ;
	text-align:left;
}

.logo{
	width:63%;
	margin:5px 3% 0 0;
	padding:0 ;
	text-align:right;
	float:left;
	}
	.logo img{
	max-width:50%;
	height:auto;
	}
.btn_area{
	width:34%;
	margin:10px 0 0 0;0
	padding:0 ;
	float:left;
}

.icon{
	float:left;
	margin-right:10px;
	}
	.icon img{
	max-width:90%;
	height:auto;
	}


.btn_area_sns{
	width:100%;
	margin:0;
	padding:0;
	}
	.lang{
	font-size:0.9em;
	margin-right:10px;
	float:left;
	}
	/*.lang:before{
    content: "\f106";
	}*/



.btn_area_btn{
	width:100%;
	margin: 0 0 0;
	padding:10px 0 0;
	}
	ul.btn_res{
	width:100%;
	}
	ul.btn_res li{
	width:40%;/*45*/
	margin: 0 1% 0 0;
	padding:8px 1%;
	float:left;
	background-color:#1F9DF2;
	color:#FFFFFF;
	border-radius:3px;
	text-align:center;
	font-size:0.8em;
	letter-spacing:2px;
    transition: .4s;
	}

	ul.btn_res li:hover{
	background-color:#FF9933;

	}

/*img_zoom**********************/
.img_zoom{
 max-width:100%; 
 margin:0 auto; 
 overflow:hidden; 
}
.img_zoom img{
 transition:1s all;
}
.img_zoom img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/*****************************************************************
slider
*****************************************************************/
.swiper-container{
	z-index: 0 !important;
}	
.swiper-slide {
	margin: 0 0 0;
}	

.swiper-slide img{/*画像のはみ出し部分を削除*/
	width: 100%;
    height:auto;
    object-fit: cover;
	position:relative;
}	

.slide_txt{
	position:absolute;
	top:35%;/**/
	text-align:center;
	color:#000000;
	font-size:2.0em;
	letter-spacing:5px;
	font-family: 'Sawarabi Mincho', sans-serif;
}	
.slide_txt_w{
    width:20%;
	height:180px;/*400px*/
	margin:190px 50% 0 0;
	padding:50px 3% 3% 5%;
	position:absolute;
	top:0%;
	text-align:left;
	color:#FFFFFF;
	font-size:1.4em;
	line-height:2.8;
	letter-spacing:3px;
	font-family: 'Sawarabi Mincho', sans-serif;
	/*font-weight:bold;
	text-shadow:  2px  2px 10px #666 ,
               -2px  2px 10px #666 ,
                2px -2px 10px #666 ,
               -2px -2px 10px #666;*/
	background:rgba(0,0,0,0.2);
}

/*****************************************************************
mainimage
*****************************************************************/

.mainimage img{/*画像のはみ出し部分を削除*/
	width: 100%;
    height:450px;
    object-fit: cover;
	position:relative;
}	
	.mainimage_txt{
	position:absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align:center;
	font-size:2.4em;
	font-weight:bold;
	letter-spacing:10px;
	color:#fff;
	}







/*****************************************************************
footer
*****************************************************************/

.footer_grid{
	color:#ffffff;
    width: 100%;
	margin:0px 0 0 0;
    padding:0 0 20px;
	background:#666666;
	font-size:0.9em;
	line-height:1.6;
	}
	.footer_grid P{
	text-align:center;
	margin:10px 0;
	}
	.footer_grid a{
	color:#ffffff;
	}
	.footer_grid .ft_logo{
	text-align:center;
	margin:0 0 20px;
	font-size:1.4em;
	letter-spacing:1px;
	font-family: "M PLUS Rounded 1c";
	}
	.footer_grid .copy{
	text-align:center;
	margin:10px 0;
	font-size:0.6em;
	}

/*other_grid****/

.other_grid_grid{
    width: 100%;
	background-color:#eeeeee;
	margin: 50px auto 0;
    padding: 0px auto 0px;
}

ul.other_grid{
    width: 1100px;
	margin: 0px auto 0px;
    padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.other_grid li{
	width:30%;
	margin:20px 1% 15px 0;
	padding:1%;
	/*background-color:#efefef;#D3EAFC*/
	border-radius:3px;
	color:#333333;
	font-size:1.0em;
	line-height:1.4;
	transition: .4s;
	text-align:left;
	text-align:center;
	border:#cccccc 1px solid;
	letter-spacing:3px;
	background-color:#FFFFFF;
	}
	ul.other_grid li:last-child{
	margin:20px 0 15px 0;
	}
	ul.other_grid li a{
	color:#0D87D9;
	}
/******************************************************************
#instafeed
*****************************************************************/

/*トップページ用設定*/
#instafeed  {
	margin:7px auto;
	padding:0 10px;
}
#instafeed li {
	width:115px;/*3列は99px 90px*/
	margin:0 2px 0 0;
	padding:0;
	vertical-align:baseline;
    list-style: none;
	float:left;
}

#instafeed li img{
	display: inline-block;
    /*height: 65px; 70px*/
    border-radius: 5px;		
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
	}	
	

/*****************************************************************
contact
*****************************************************************/

.form-tbl {
	width:90%;
	margin:10px 5% 10px ;
	padding:0;
    border-collapse:  collapse; 
	font-size:0.9em;
	}
.form-tbl td{
	width:76%;
  border-bottom: solid 1px rgb(240, 250, 255);
  padding:1%;
  background-color:#FFF;
  text-align:left;
}

.form-tbl th.form-header{
	background: #999;
	text-align: center;
	color: #fff;
}

.form-tbl th{
	width:20%;
   border-bottom: solid 1px #fff;
  background: #efefef;
  color: #333;
  padding:1%;
  text-align: left;
}

.form-btn-wrapper {
	margin: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	line-height: 2;
}

/*****************************************************************
gridall
*****************************************************************/
.gridall{
    width:1100px;
    margin: 20px auto 0;
	padding:0;
	overflow: hidden;/*floatの高さを出す*/
}

.gridall img{
    max-width:100%;
	height:auto;
}



/*****************************************************************
toppage
*****************************************************************/

/*toppage_info_grid*****/
.toppage_info_grid{
	width:96%;
	margin:10px auto;
	padding:0;
	}
	.toppage_info_grid P{
	margin:20px 0;
	padding:10px 0;
	line-height:1.4;
	border-bottom:#CCCCCC 1px dashed;
	}
	.toppage_info_grid P .date{
	/*color:#0B64B5;*/
	margin:0 25px 0 0;
	}
	
	
	
	
/*toppage_grid03*****/
ul.toppage_grid03{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.toppage_grid03 li{
	width:29.6%;
	margin:5px 1% 0 0;
	padding:1% 1.5%;
	background-color:#5AACF5;/*#5CACF3*/
	border-radius:3px;
	color:#FFFFFF;
	font-size:0.80em;
	line-height:1.8;
	transition: .4s;
	position:relative;/*●用*/
	}
	ul.toppage_grid03 li:last-child{
	margin:5px 0 0 0;
	}
	ul.toppage_grid03 li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
	ul.toppage_grid03 li:hover{
	background-color:#3096F1;
	color:#FFFFFF;
	}
	ul.toppage_grid03 li a{
	color:#FFFFFF;
	}
	
	
.toppage_tit{
	font-size:1.4em;
	margin:7px 0 10px 0;
	padding:0;
	letter-spacing:2px;
	font-weight:bold;
	line-height:1.4;
	color:#0B64B5;
	}

.toppage_tit_en{
	font-size:0.6em;
	margin:5px 0 0 0;
	padding:0;
	text-align:center;
	letter-spacing:1px;
	line-height:1.0;
	color:#FFFFFF;
	}
.line{	
	width:20%;
	margin:10px auto 7px;
	border-bottom:1px solid;
	text-align:center;
	}
.toppage_txt{
	margin:20px 0;
	line-height:1.8;
	}

.circle01{
  display: inline-block;
  width: 50px;
  height:50px;
  border-radius: 50%;
  background:#FF6600;
  text-align:center;
  line-height: 50px;
  position:absolute;
  top:-20px;
  left:0px;
}

.circle02{
  display: inline-block;
  width: 50px;
  height:50px;
  border-radius: 50%;
  background:#FF6600;
  text-align:center;
  line-height: 50px;
  position:absolute;
  top:-20px;
  left:63px;
}


/*btn_det*****/

.btn_det {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  width:70%;
  padding:0.7rem 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.5em;
  color: #212529;
  border-radius:1.5rem;
	font-family: "M PLUS Rounded 1c";
	}
	a.btn_det--orange {
  color: #fff;
  background-color: #FF9933;
  border-bottom: 5px solid #FF8306;
	}
	a.btn_det--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
	}
	
	
/*toppage_grid04*****/	
ul.toppage_grid04{
    width: 100%;
	margin: 15px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.toppage_grid04 li{
	width:24%;
	margin:0 1% 0 0;
	padding:0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	}
	ul.toppage_grid04 li:last-child{
	margin:0 0 0 0;
	}
	ul.toppage_grid04 li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
		
	
	
	
/*toppage_grid02*****/	
ul.toppage_grid02{
    width: 100%;
	margin: 15px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.toppage_grid02 li{
	width:47.5%;
	margin:0 1% 0 0;
	padding:1% ;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	}
	ul.toppage_grid02 li:last-child{
	margin:0 0 0 0;
	}
	ul.toppage_grid02 li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
	
/*toppage_grid_sns*****/	
ul.toppage_grid_sns{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.toppage_grid_sns li{
	width:30%;
	margin:5px 1% 0 0;
	padding:1% 1%;
	border-radius:3px;
	font-size:0.9em;
	line-height:2.0;
	text-align: left;
	}
	ul.toppage_grid_sns li:last-child{
	margin:5px 0 0 0;
	}
	ul.toppage_grid_sns li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
	ul.toppage_grid_sns li a{
	color:#3096F1;
	}

.ninja-recommend-article-content, .ninja-recommend-article-date, .ninja-recommend-article-title {
    display: block;
    margin: 5px auto;
    white-space: normal;
    word-wrap: break-word;
}


/*****************************************************************
tour
*****************************************************************/
/*tour*****/
.tour_gird{
	width:100%;
	margin:10px 0;
	padding:0;
	}
    .tour_txt{
	margin:15px 0 15px;
	line-height:1.9;
	}
.tour_img{
	width:100%;
	margin:10px 0;
	padding:0;
	}
.tour_img img {
    border-radius: 5px;
	}



/*tour_grid03*****/
ul.tour_grid03{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tour_grid03 li{
	width:32%;
	margin:5px 2% 0 0;
	padding:0 0 50px 0;
	background-color:#ffffff;/*#D3EAFC*/
	border-radius:3px;
	color:#FFFFFF;
	font-size:1em;
	line-height:2.0;
	transition: .4s;
	position:relative;
	}
	ul.tour_grid03 li:last-child{
	margin:5px 0 0 0;
	}
	ul.tour_grid03 li img{
	max-width:100%;
	height:auto;
	margin:10px 0 0 0;
	border-radius:3px;
	}
	ul.tour_grid03 li:hover{
	}
	ul.tour_grid03 li a{
	color:#FFFFFF;
	}
	
	
	.tour_tit{
	font-size:1.1em;
	margin:7px 0 10px 0;
	padding:0 0 5px 0;
	letter-spacing:2px;
	font-weight:bold;
	line-height:1.4;
	color:#0B64B5;
	font-family: "M PLUS Rounded 1c";
	border-bottom:1px solid #CCCCCC;
	text-align:center;
	}
	.tour_tit_s{	
    color: #1F9DF2;
	margin:30px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}
	.tour_price{
	font-size:1.2em;
	margin:7px 0 10px 0;
	padding:0;
	letter-spacing:2px;
	font-weight:bold;
	line-height:1.4;
	color:#FF3300;
	text-align:center;
	font-family: "M PLUS Rounded 1c";
	}
	.tourpage_txt{
	font-size:0.9em;
	margin:7px 0 10px 0;
	padding:0;
	line-height:1.5;
	text-align:left;
	color:#333333;
	}

.tourpage_btn{
	width:94%;
	margin:20px 2% 10px;
	padding:2px 1% ;
	background-color:#1F9DF2;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:2px;
	transition: .4s;
	border-radius:15px;
	position:absolute;
	bottom:0px;
	font-size:0.9em;
	}
	.tourpage_btn:hover{
	background-color:#FF9933;
	}
	
	
.tourpage_tag{
	margin:0;
	padding:1px 10px;
	background-color:#FF9900;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:2px;
	transition: .4s;
	border-radius:3px;
	position:absolute;
	top:18px;
	left:8px
	}
.tourpage_tag_oneday{
	margin:0;
	padding:1px 10px;
	background-color:#80B841;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:2px;
	transition: .4s;
	border-radius:3px;
	position:absolute;
	top:18px;
	left:8px
	}

.tourpage_tag_ev{
	margin:0;
	padding:1px 10px;
	background-color:#FF9999;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:2px;
	transition: .4s;
	border-radius:3px;
	position:absolute;
	top:18px;
	left:8px
	}

/*tbl-course****************/
.tbl-course{
	width:100%;
	margin:20px 0;
	padding:0 0;
	border-collapse:separate;
    border-spacing: 0;
	}
	.tbl-course th {
	  width:22%;
	  border-bottom: solid 1px #ccc;
	  color: #333333;
	  padding: 15px;
	  background-color:#F4F4F4;
	}
	.tbl-course td {
	  border-bottom: solid 1px #ccc;
	  padding: 15px;
	}
 	.tbl-txt_red{
	 color:#FF3300;
	 font-size:1.4em;
	 font-weight:800;
	font-family: "M PLUS Rounded 1c";
	}
 	.tbl-txt_am {
	background-color:#FF9900;
	margin:5px 5px 0 0px;
	padding:2px 5px;
	color:#FFFFFF;
	border-radius:3px;
	}
 	.tbl-txt_pm {
	background-color:#80B841;
	margin:5px 5px 0 0px;
	padding:2px 5px;
	color:#FFFFFF;
	border-radius:3px;
	}
 	.tbl-txt_ev {
	background-color:#FF9999;
	margin:5px 5px 0 0px;
	padding:2px 5px;
	color:#FFFFFF;
	border-radius:3px;
	}
 	.tbl-txt_time{
	margin:20px 10px 0 0px;
	padding:0 0 2px 0
	color:#333;
	border-bottom:#666666 1px solid;
	}



/*tbl-course****************/
ul.tour_grid02_btn{
    width: 100%;
	margin: 30px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tour_grid02_btn li{
	width:100%;
	margin:0  0 0;
	/*padding:20px 0;
	background-color:#D3EAFC;#D3EAFC
	border-radius:3px;
	color:#FFFFFF;
	font-size:0.9em;
	line-height:2.0;
	transition: .4s;
	text-align:center;*/
	float:left;
	}
.tour_grid02_btn_det {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
  display: inline-block;
	width:49%;
	margin:0 2% 0 0;
  padding:0.7rem 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.5em;
  color: #212529;
  border-radius:1.5rem;
	font-family: "M PLUS Rounded 1c";
	}
	
	.tour_grid02_btn_det:last-child{
	margin:0 0 0 0;
	}



/*tour_grid_other****/
ul.tour_grid_other{
    width: 100%;
	margin: 0px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tour_grid_other li{
	width:12%;/**/
	margin:5px 0.5% 0 0;
	padding:0;
	/*background-color:#efefef;#D3EAFC*/
	border-radius:3px;
	color:#333333;
	font-size:0.8em;
	line-height:1.4;
	transition: .4s;
	text-align:left;
	}
	ul.tour_grid_other li:last-child{
	margin:5px 0 0 0;
	}
	ul.tour_grid_other li img{
	max-width:100%;
	height:auto;
	margin:0 0 0 0;
	border-radius:3px;
	}
	ul.tour_grid_other li:hover{
	}
	.tour_grid_other_tit{
	width:100%;
	font-size:1.0em;
	font-family: "M PLUS Rounded 1c";
	color:#ffffff;
	margin: 50px 0 10px 0;
	padding:10px 0;
	font-weight:bold;
	}
	
/*tour_other_grid****/
ul.tour_other_grid{
    width: 100%;
	margin: 20px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tour_other_grid li{
	width:30%;
	margin:0 1% 0 0;
	padding:1%;
	/*background-color:#efefef;#D3EAFC*/
	border-radius:3px;
	color:#333333;
	font-size:0.8em;
	line-height:1.4;
	transition: .4s;
	text-align:left;
	text-align:center;
	border:#cccccc 1px solid;
	letter-spacing:3px;
	}
	ul.tour_other_grid li:last-child{
	margin:0 0 0 0;
	}

	
/**faq_grid04*******************/
ul.pagelink_grid04{
    width: 100%;
	margin: 0 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.pagelink_grid04 li{
	width:24%;
	margin:0 1.3% 0 0;
	padding:7px 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	background-color:#eeeeee;
	transition: .4s;
	}
	
	ul.pagelink_grid04 li:last-child{
	margin:0 0 0 0;
	}
	ul.fpagelink_grid04 li:hover{
		background-color:#cccccc;
	}	
.tour_osusume{
     color:#ffffff;
	 font-size:1.1em;
	 font-weight:bold;
	 letter-spacing:2px;
	 margin-right:10px;
	 padding:5px 20px;
	 border:1px solid;
	 border-radius:3px;
	 background-color:#E276C8;
	 text-align:center;
	font-family: "M PLUS Rounded 1c";
	}	

/*map*******************/
ul.tour_map02{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tour_map02 li{
	width:69%;
	margin:0 1% 0 0;
	padding:7px 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	text-align:left;
	}
	
	ul.tour_map02 li:last-child{
	width:29%;
	margin:0 0 0 0;
	padding:7px 0;
	}
   .tour_map02_tit{
   	margin:0  auto;
	padding:7px 20px;
	border:#CCCCCC 1px solid;
	border-radius:3px;
	text-align:center;
	letter-spacing:5px;
	font-weight:bold;
	font-family: "M PLUS Rounded 1c";
	background-color:#eeeeee;
	}

ul.tour_att{
	list-style:disc;
	margin:0 0 0 15px;
	}

ol.tour_att{
	list-style-type: decimal;
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	text-align:left;
	}
ol.tour_att li{
	margin:2px 0  2px 0;
	padding:0 0 0;
	text-align:left;
	line-height:1.6;
	}


/*tour_option*****/
ul.tourpage_option02{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.tourpage_option02 li{
	width:33%;
	margin:0 2% 0 0;
	padding:0 0 0 0;
	}
	ul.tourpage_option02 li:last-child{
	width:65%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	}
	
	ul.tourpage_option02 li img{
	max-width:100%;
	height:auto;
	margin:0 0 0 0;
	border-radius:3px;
	}


/*****************************************************************
swiper-container
*****************************************************************/

.container {
    position: relative;
    margin:10px auto 10px auto;
    max-width: 100%;
}
 
.swiper-container{
    text-align: center;
    cursor: grab;
}
.swiper-container:active{
    cursor: grabbing;
}
.swiper-container .swiper-slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
         
#thumbs {
    height: 10%;
    box-sizing: border-box;
    padding: 10px 0;
}
#thumbs .swiper-slide {
    width: 33%;/*16%;*/
    height: auto;
    opacity: 0.3;
    cursor: grab;
}
#thumbs .swiper-slide:active {
    cursor: grabbing;
}
#thumbs .swiper-slide-active {
    opacity: 1;
}
         
 
.swiper-blind-left,
.swiper-blind-right {
    position: absolute;
    width:0%;/*width: 11.55%;*/
    height: 100%;
    display: block;
    top: 0;
    /*background: rgba(255,255,255,.7);*/
    z-index: 5;
}
.swiper-blind-left {
    left: 0;
}
.swiper-blind-right {
    right: 0;
}
@media (max-width: 600px) {
    .swiper-blind-left,.swiper-blind-right {
    display: none;
    }
}






.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
i {
    font-style: italic;
}


/*****************************************************************
page_mainimg
*****************************************************************/

.page_mainimg{
    margin:20px auto 10px auto;
	}
	.page_mainimg img{
	max-width:100%;
	height:auto;
	}



/*****************************************************************
commitment_grid
*****************************************************************/
.commitment_grid03{
	width:100%;
	margin:10px 0;
	padding:0;
	}
	.commitment_grid03_in{
	width:26%;
	margin:0 1% 0 0;
	padding:0;
	float:left;
	}
	.commitment_grid03_in:last-child{
	 width:46%;
	 margin:0 0 0 0;
	 font-size:0.9em;
	 line-height:1.6;
	 text-align:left;
	}
	.commitment_grid03_in img{
	max-width:100%;
	height:auto;
	border-radius:3px;
	}
	
	
.commitment_grid05{
	width:100%;
	margin:10px 0;
	padding:0;
	}
	.commitment_grid05_in{
	width:19%;
	margin:0 1.25% 0 0;
	padding:0;
	float:left;
	 text-align:center;
	 font-size:0.9em;
	}
	.commitment_grid05_in:last-child{
	 margin:0 0 0 0;
	}
	.commitment_grid05_in img{
	max-width:100%;
	height:auto;
	border-radius:3px;
	}
	


/*****************************************************************
faq
*****************************************************************/
dl.faq {
width:96%;
margin:0 auto;
}
dl.faq dt:before,
dl.faq dd:before{
  font-size: 1.5em;
  margin-right: .5em;
}
dl.faq dt:before{
  content:"Q";
  color:#FF9900;
}
dl.faq dd:before{
  content:"A";
  color: #0D87D9;
}
dl.faq dt{
	margin:15px 0 0 0;
  text-align:left;
  
}	
dl.faq dd{
  margin-left: 5px;
  text-align:left;
  font-size:0.9em;
  line-height:1.6;
  padding-bottom:7px;
  border-bottom: 1px dotted #999;
}

/**faq_grid04*******************/
ul.faq_grid04{
    width: 100%;
	margin: 0 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.faq_grid04 li{
	width:24%;
	margin:0 1% 0 0;
	padding:7px 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	background-color:#eeeeee;
	transition: .4s;
	}
	
	ul.faq_grid04 li:last-child{
	margin:0 0 0 0;
	}
	ul.faq_grid04 li:hover{
		background-color:#cccccc;
	}



/*****************************************************************
about
*****************************************************************/
ul.about_grid02{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.about_grid02 li{
	width:38%;
	margin:0 2% 0 0;
	padding:0 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	text-align:left;
	}
	
	ul.about_grid02 li:last-child{
	width:60%;
	margin:0 0 0 0;
	padding:0;
	line-height:1.6;
	}

	ul.about_grid02 li img{
	max-width:100%;
	height:auto;
	}
	
	
ol.about_att{
	list-style-type: decimal;
	margin:0 0 0 15px;
	}
	
	ol.about_att li{	
		width:100%;
	font-size:1em;
	}


/*****************************************************************
companyprofile
*****************************************************************/
	
.company_tit_s{	
    color: #1F9DF2;
	margin:30px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}
ol.company_att{
	list-style-type: decimal;
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	text-align:left;
	}
ol.company_att li{
	margin:20px 0  10px 0;
	padding:0 0 0;
	text-align:left;
	line-height:1.6;
	}
	
ul.staff_grid02{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.staff_grid02 li{
	width:38%;
	margin:0 2% 0 0;
	padding:0 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	text-align:left;
	}
	
	ul.staff_grid02 li:last-child{
	width:60%;
	margin:0 0 0 0;
	padding:0;
	line-height:1.6;
	}
	
/*****************************************************************
school
*****************************************************************/
.school_grid{	
    text-align:left;
	}


.school_tit{	
    color: #1F9DF2;
	margin:0px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}
ul.school_grid04{
    width: 100%;
	margin: 10px 0 0;
    padding: 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	ul.school_grid04 li{
	width:24%;
	margin:0 1.3% 0 0;
	padding:0 0;
	border-radius:3px;
	color:#333333;
	font-size:0.9em;
	line-height:2.0;
	text-align:left;
	line-height:1.4;
	}
	
	ul.school_grid04 li:last-child{
	margin:0 0 0 0;
	padding:0;
	line-height:1.6;
	}
   .school_grid04_tit{	
    color: #1F9DF2;
	margin:10px 0 5px 0;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	}

.taiken_grid{	
	width:90%;
	margin:10px 1%;
	padding:1% 1% 1% 7%;
	background:#eeeeee;
	border-radius:3px;
	text-align:left;
	position:relative;
	}
	
	.circle_school{
  width:40px;
  height:40px;
  border-radius: 50%;
  color:#FFFFFF;
  background:#FF9900;
  text-align:center;
  line-height: 40px;
  position:absolute;
  top:-10px;
  left:10px;

}
ul.school_att{
	list-style:disc;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
	text-align:left;
	}


/*****************************************************************
info
*****************************************************************/
.info_grid{	
    text-align:left;
	}

.info_tit{	
    /*color: #1F9DF2;*/
	margin:30px 0 30px 0;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	}
ol.info_att{
	list-style-type: decimal;
	margin:0 0 0 20px;
	padding:0 0 0 25px;
	text-align:left;
	}
	ol.info_att li{
	margin:20px 0  10px 0;
	padding:0 0 0;
	text-align:left;
	line-height:1.6;
	}
.info_txt_tit{	
    color: #1F9DF2;
	margin:40px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	}
ul.info_att{
	list-style-type:disc
	margin:0 0 0 20px;
	padding:0 0 0 25px;
	text-align:left;
	}
	ul.info_att li{
	margin:20px 0  10px 0;
	padding:0 0 0;
	text-align:left;
	line-height:1.6;
	}
.info_line{
	border-top:#333333 1px dotted;
	margin:60px 0 0 0;
	}

/* goto-----------*/
.goto_link{ 
    margin:10px 0 10px 0;
	padding:0;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	color: #1F9DF2;
	letter-spacing:3px;
}
.goto_grid_all{
	width:100%;
	margin:0;
	padding:0;
}
.goto_grid02{
	width:25%;
	margin:10px 1% 20px 0;
	padding:0;
	float:left;
	font-size:0.9em;
}
.goto_grid02 img{
	max-width:100%;
	height:auto;
}


/*****************************************************************
#english
*****************************************************************/
#english {
    width:1100px;
	margin:0 auto;
	padding:0;
	text-align:center;
}



/*3カラム枠あり----------------------*/
#english   h3{
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	margin: 5% 0 2%;
	padding:1%;
	color:#1F9DF2;
	text-align:center;
	background:#E9F5FE;
	border-top:#1F9DF2 1px solid;
	border-bottom:#1F9DF2 1px solid;
} 

#english  h4{
    margin: 0 auto;
	padding:1% 0;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#1F9DF2;
	}


#english .link_btn04{
	width:21.5%;/*追加 */
	float:left;
	margin: 5px 0.5% 5px 0;
	padding:5px 1%;
	font-size:0.9em;
	color:#1F9DF2;
	text-align:center;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	}
	
#english  a .link_btn03{ 
	text-decoration: none;
}


#english  a:hover .link_btn04{ 
	width:21.5%;/*追加 */
	float:left;
	margin: 5px 0.5% 5px 0;
	padding:5px 1%;
	font-size:0.9em;
	color:#1F9DF2;
	text-align:center;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	background-color:#DBEFFD;
}


#english .link_btn04  a:-webkit-any-link {
	text-decoration: none;
}
	
	
	
#english .link_btn04 .t_eng{
		font-size:90%;
	}



/*3カラム枠あり----------------------*/
#english ul.gridall_e{
	margin:10px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#english li.g03_line_e{
	float:left;
	width:30.5%;
	padding:1%; 
	margin-right:0.5%; 
	background:#fff;
	border:#CCC 1px solid;
	text-align:center;
	}
#english li.g03_line_e:last-child{
	margin-right:0px;
	}
	

#english li.g03_line_e h4{
	padding:1% 0;
	font-size:1.1em;
	font-weight:bold;
	color:#1F9DF2;
	border-bottom:#CCC 1px solid;
	}

#english li.g03_line_e p{
	padding:0.3% 0;
	font-size:0.8em;
	text-align:left;
	}
#english .price{
	font-size:1.1em;
	font-weight:bold;
	color:#F80707;
	}
	
#english .rate{
	font-size:1.1em;
	font-weight:bold;
	color:#4AB847;
	}
	
	

#english li.g03_line_e img{
    max-width: 100%;
    height: auto;
	padding:0.5% auto;
	text-align:center;
	}
	

#english li.g03_line_e .e_btn02_all {
    width: 100%;
    margin:1% 0;
    padding:0;
}

#english li.g03_line_e .e_btn02_con {
    float: left;
    width: 45%;
    margin: 1% 2% 3% 0;
    padding:3% 2%;
	font-size:1.0em;
	font-weight:bold;
    color: #fff;
    text-align: center;
    background-color:#79BCFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#english li.g03_line_e a:hover .e_btn02_con {
    background-color:#44A2FF;
}
	

#english li.g03_line_e .e_btn02_book{
    float: left;
    width: 45%;
    margin: 1% 0% 3% 0;
    padding:3% 2%;
	font-size:1.0em;
	font-weight:bold;
    color: #fff;
    text-align: center;
    background-color:#ED9612;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#english li.g03_line_e a:hover .e_btn02_book {
    background-color:#E97A16;
}


/*table-----------------------*/
#english table.keiko {
	width:100%;
	margin:20px 0 0 0; 
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
#english table.keiko  th {
	width:8%;
	padding:10px;
	font-size:0.9em;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
#english table.keiko  td {
	width:3%;
	padding: 0;
	font-size:0.9em;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #ccc;
}

#english table.keiko  td .blue{
	margin:10px 0; 
	padding:8px 1px; 
	vertical-align:central;
	color:#FFF;
	background:#3CC;
}
#english table.keiko  td .wet{
	margin:10px 0; 
	padding:8px; 
	vertical-align:central;
	color:#FFF;
	background:#81D67C;
}


#english   table.keiko .tx_g{
	color:#208282;
}

#english   table.keiko .tx_wet{
	color:#39A734;
}

.mt10{
	margin-top:10px; 
}

.mt30{
	margin-top:30px; 
}
.mt40{
	margin-top:40px; 
}



/*2カラム枠あり----------------------*/
#english ul.gridall_e{
	margin:10px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#english li.g02_line_e{
	float:left;
	width:47%;/*270px*/	
	padding:1%; 
	margin-right:0.5%; 
	background:#fff;
	border:#CCC 1px solid;
	text-align:center;
	}
	.g02_line_e:last-child{
	margin-right:0px;
	}
	
#english .dpt{
	padding:2% 0;
	margin:1% 0%; 
	font-size:0.8em;
	color:#FF8040;
	background-color:#FFF2CC;
	text-align:center;
	border-radius:5px;		
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	}
	
	

#english li.g02_line_e h4{
	padding:1% 0;
	font-size:0.9em;
	font-weight:bold;
	color:#1F9DF2;
	border-bottom:#CCC 1px solid;
	}
	
#english .ts{
	font-size:80%;
	color:#333;
	}	

#english li.g02_line_e p{
	padding:0.3% 0;
	text-align:left;
	}


#english li.g02_line_e img{
    max-width: 100%;
    height: auto;
	padding:0.5% auto;
	text-align:center;
	}
	
#english .tit_e{
	margin:3% 0 1%;
	padding:1% 0;
	font-size:1.0em;
	font-weight:bold;
	color:#1F9DF2;
	border-top:#1F9DF2 1px solid;
	border-bottom:#1F9DF2 1px solid;
	}


/*****************************************************************
#pageTop
*****************************************************************/

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
    width: 30px;
    height: 15px;
    padding: 5px 0 10px 0;
    color: #FFF;
    text-align: center;
	font-size:130%;
    background-color:#cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#pageTop a {
  display: block;
  z-index: 999;
    padding: 0px 0 20px 0;
    color: #FFF;
    text-align: center;
	font-size:130%;
    background-color:#1D2087;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}





/*****************************************************************
table.reserve
*****************************************************************/

/*table-----------------------*/
table.reserve {
	width:100%;
	margin:0 0 0 25%;
	padding:0;
	text-align: left;
	line-height: 1.1;
}
table.reserve th {
	width: 25%;
	margin:0;
	padding: 2% 2%;
    font-size:0.8em;
	
	vertical-align: top;
	background:#F0F0F0;
}
table.reserve td {
	width: 75%;
	margin:0;
	padding: 0.5%;
    font-size: 100%;
	vertical-align: top;
}

/*table-----------------------*/
table.mini {
	width: 100%;
	margin:0;
	padding:5% 0 2% 0;
	border-bottom:#CCC 2px dotted;
}
table.mini th {
	padding: 3px;
	color:#333;
	font-size: 12px;
	text-align: center;
}

table.mini td {
	width: 100%;
	padding: 3px;
	color:#333;
	font-size: 12px;
	text-align: center;
}

table.mini td  .red2{
	float:left;
}



.depart{
width:100%;
margin:0 0 30px 0;
text-align:left;
}

/*****************************************************************
safety 安全への取り組み
*****************************************************************/

ol.safety_no{
	list-style: decimal; 
	margin: 0 0 0 25px;
    padding: 0 0 0 15px;
    text-align: left;
}
/*tbl-safety****************/
.tbl-safety{
	width:100%;
	margin:20px 0;
	padding:0 0;
	border-collapse:separate;
    border-spacing: 0;
	}
	.tbl-safety th {
	  width:40%;
	  border-bottom: solid 1px #ccc;
	  color: #333333;
	  padding: 15px;
	  background-color:#F4F4F4;
	}
	.tbl-safety td {
	  border-bottom: solid 1px #ccc;
	  padding: 15px;
	}
}