/* CSS Document */
/*
Site Name: 伊勢志賀山流
Site URI: https://www.iseshigayama.com

@charset "utf-8";
*/

@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:150%;
	font-family:YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
}
body{
	margin: 0;
	padding: 0;
	font-family: YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 14px;
	background-image: url(url);
}

body {
	display: none;
}


header, section, article, footer, nav{
	display:block;
}
a img {
	border:none;
}

a {
    color: #EA7C28;
    text-decoration: none;
}
a:hover, a:focus {
    color: #E9A858;
    text-decoration: none;

}

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

:-moz-selection {
    color:#ffffff;
    background:#828079;
}
:selection {
    color:#ffffff;
    background:#828079;
}
::-moz-selection {
    color:#ffffff;
    background:#828079;
}
::selection {
    color:#ffffff;
    background:#828079;
}

.clear{
	float:none;
	clear:both;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.openSans{
	font-family: 'Open Sans', sans-serif;
}
.playfair{
	font-family: 'Playfair Display', serif;
}


#container{
	padding-top:80px;
}
.wrapper{
	position:relative;
	padding:0 30px;
	margin:0 auto;
}
.small_wrapper{
	position:relative;
	padding:0 10px;
	margin:0 auto;
	max-width:1000px;
}
.full img{
	display:block;
	width:100%;
}

.toShowUp{
	-khtml-opacity:0;
	opacity:0;
	margin-top:80px;
	margin-bottom:-80px;
}

/* bootstrap.css　上書き分 */
a:focus {
		outline: none;
	}



h2,h3 {
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}



/* ---------- HEADER ---------- */
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:#ffffff;
	height:80px;
	z-index:99999999;
	
  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
	
}
#header #logo{
	position:absolute;
	left:20px;
	height:100%;
}
#header #logo img{
	display: block;
	width: auto;
	width: 100%;
	margin-top: -0.5em;
}
#header #nav{
	float:right;
	padding-top:27px;
	padding-bottom:2px;
	position:relative;
}
#header #nav ul{
	list-style:none;
}
#header #nav ul li{
	display:inline-block;
	padding: 10px 11px 7px 11px;
	/*padding: 10px 8px 7px 8px;*/
}
#header #nav ul li a{
	display: block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 103%;
	color: #000000;
}

/* ドロップダウンメニュー */

#header.smaller nav .sub-menu {
    top: 30px;
}


#header #logo a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}
#header #nav ul li a{
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
#header #nav ul li ul li a {
		font-size: 115%;
}
#header #nav ul li ul li a:hover{
	color:#FFEA9A;
}

#header #nav ul li.current a{
	color:#828079;
}
#header #nav ul li.current a:hover{
	color:#828079;
}


/* 子メニュー - .sub-menu */

nav .sub-menu li {
	margin-top: -10px;
}

nav .sub-menu {
	position: absolute;
	width: 188px;
	background: #fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
	margin-top: 25px;
	top: 40px;
	margin-left: -25px;
	display: none;
}
nav .sub-menu a {
	padding: 10px 10px;
	display: block;
	margin-top: 15px;
}

/* ホバーで子メニュー表示 */
nav .menu-item:hover ul {
  display: block;
}
nav li.menu-item li a:hover {
	background-color: #DBEACD;
}
nav li.menu-item li a {
	display: block; width: 155px;
}

nav .sub-menu {
	padding-top: 0px;
	font-size: 110%;
}

/*20190125*/

nav .smenu li {
	margin-top: -10px;
}

nav .smenu {
	position: absolute;
	width: 188px;
	background: #fff;
	margin-top: 25px;
	top: 40px;
	margin-left: -25px;
	display: none;
}
nav .smenu a {
	padding: 10px 10px;
	display: block;
	margin-top: 15px;
}

#header.smaller nav .smenu {
    	top: 30px;
}


ul.global_menu > li ul{display: none;} /*子要素を非表示に。*/

ul.global_menu > li ul:a {
		color: #fff;
}

ul.global_menu > li:hover ul{ /*親メニューをhoverしたとき、子要素を表示 セレクタの使い方注意*/
    display: block;
  background: #B28146;
	color: #fff;
}

#header #nav ul li a:hover{
	color:#828079；
}


/* TABLET SIZE */
@media screen and (max-width: 980px){

nav .sub-menu li {
	margin-top: -10px;
}

nav .sub-menu {
  position: absolute;
  width: 180px;
  background: #fff;
  margin-top: 20px;
  top: 45px;
  display: none;
}
nav .sub-menu a {
	color: #fff;
	padding: 20px 15px;
	display: block;
}

nav li.menu-item li a {
	display: block; width: 165px;
}

}

/* TABLET SIZE */
@media screen and (max-width: 1119px){

nav .sub-menu li {
	margin-top: 0px;
}

nav li.menu-item li a {
	background-color: #F9F9F9;
}

nav li.menu-item li a:hover {
	background-color: #fff;
}

nav .sub-menu li:first-child {
	margin-top: -20px;
	border-top: 1px solid #CACACA;
}

nav .sub-menu {
  position: initial;
  width: 82%;
  background: #fff;
  margin-top: 0px;
  top: 0px;
  display: initial;
}

nav .menu-item:hover ul {
  display: initial;
}

nav li.menu-item li a {
	display: block; width: 100%;
}

/*20190125 pc以外*/

nav .smenu li {
	margin-top: inline;
}

nav .smenu {
	position: static;
	width: 100%;
	background: #fff;
	margin: 0;
	top: inline;
	display: none;
}
nav .smenu a {
	padding: inline;
	display: block;
	margin-top: inline;
}


ul.global_menu > li:hover ul{ /*親メニューをhoverしたとき、子要素を表示 セレクタの使い方注意*/
    display: block;
  background: #EFE6DA;
	color: #845D23;
}
	
#header #nav ul li ul li a:hover {
    color: #845D23;

}
	
}

/* -------------------------------- 
　横幅指定
-------------------------------- */

.max900 {
width: 100%;
max-width: 900px;
margin:0px auto;
}

.max1000 {
width: 100%;
max-width: 1000px;
margin:0px auto;
}

.max1170 {
width: 100%;
max-width: 1170px;
margin:0px auto;
}


/* ------　header　------ */


#header #nav ul li a img{
	vertical-align:-5px;
}
#header #nav #curr_bar{
	display: block;
	height: 3px;
	background-color: #B28146;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: width 0.2s, left 0.2s;
	-moz-transition: width 0.2s, left 0.2s;
	-ms-transition: width 0.2s, left 0.2s;
	-o-transition: width 0.2s, left 0.2s;
	transition: width 0.2s, left 0.2s;
	margin-bottom: 10px;
}
#header{
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
}
#header #logo img{
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}
#header #nav{
	-webkit-transition: padding-top 0.2s;
	transition: padding-top 0.2s;
}
#header #nav ul li{
	font-size: 90%;
	-webkit-transition: padding-bottom 0.2s;
	transition: padding-bottom 0.2s;
}

#header.smaller{
	height:60px;
}
#header.smaller #logo img{
	width:200px;
}
#header.smaller #nav{
	padding-top:11px;
}
#header.smaller #nav ul li{
	padding-bottom:8px;
}

/**/
#header{
background: #FFF;
}

/* ---------- carousel  ---------- */
.item img {
/*width:100%;*/
height: 100%;
width:auto;
min-height: 300px;
}
@media only screen and (min-width:320px) and (max-width:600px) {
.item img {
width:auto;
min-height: 100%;
}
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 414px){
.item img {
width:auto;
min-height: auto;
height: 100%;
}
}

.fluid2 {
    width: 100%;
    padding: 0;
}

/* ---------- MAIN ---------- */


.article{
	padding-top:40px;
}

.article h3.art_subtitle{
	font-size:128.57%;
	letter-spacing:1px;
	display:block;
	text-align:center;
	padding-bottom:10px;
	color: #BABBE9;
}
.top .article h4{
	font-size:128.57%;
	letter-spacing:1px;
	display:block;
	text-align:center;
	padding-bottom:20px;
}
.top .article p{
	display:block;
	margin:0 auto;
	max-width:820px;   /*720px*/
	line-height:280%;
	/*padding-bottom:65px; */
}

.relative{
	width:100%;
	height:100%;
	position:relative;
}
.relative .image{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.relative .positionner{
	width:100%;
	height:100%;
	display:block;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}


/* ---------- ナビ ---------- */

/* INSIDE PAGES */
.inside #header #nav ul li.current{
	border-bottom:solid 4px #828079;
}

 
 /* ---------- Feed ---------- */
 
 .blogFeed span {
	color: #474D4A;
	font-weight: bold;
}

  .blogFeed a {
	color: #769E8A;
}

  .blogFeed a:hover {
	color: #577A58;
}

/* ---------- 共通 ---------- */
.line1{
	width: 28%;
	font-size:75%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	/* padding: 14px; */
	margin-bottom: 20px;
}
.line1 h2{
	color: #515151;
	font-style: normal;
	position: relative;
	display: inline-block;
}

.line1 h2:before, .line1 h2:after{
	content:"";
	display:block;
	width:320px;
	height:2px;
	border-top:1px solid #515151;
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.line1 h2:before{left:-355px;}
.line1 h2:after{right:-375px;}


.top-boder {
  padding: .75em 0;
	margin-top: 1em;
  border-top: 1px solid #ccc;
}

.top-boder p {
  font-size: 90%;
}


/* ---------- テキスト中央寄せ（SP左寄せ） ---------- */

.txt_c{
text-align: center; 
}

.txt_c a{
	color: #74A645;
}

.txt_c a:hover{
	color: #557932;
}

.txt_c span{
	color: #72B268;
	font-size: x-large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 10px
}


/*------------------------------------------------------
　　　　　　　　　＊ FONT&TEXT　＊
-------------------------------------------------------*/
.f_bold {font-weight: bold !important;}
.f_line a{ text-decoration:underline !important;}

.f_gr {color: #5A5A5A !important;}
.f_red {color: #DD0000 !important;}
.f_bule {color: #3E409D !important;}
.f_white {color: #FFFFFF !important;}
.f_gold {color: #868052 !important;}
.f_purple {color: #7F5083 !important;}
.f_orange {color: #db6e34 !important;}
.f_lightpink {color: #F392CA !important;}


.f_s10 {font-size: 77% !important;}
.f_s11 {font-size: 85% !important;}
.f_s12 {font-size: 93% !important;}
.f_s13 {font-size: 100% !important;}
.f_s14 {font-size: 108% !important;}
.f_s14 a {font-size: 108% !important;}
.f_s15 {font-size: 116% !important;}
.f_s15 a {font-size: 116% !important;}
.f_s16 {font-size: 124% !important;}
.f_s16 a {font-size: 124% !important;}
.f_s17 a {font-size: 124% !important;}
.f_s17 {font-size: 131% !important;}
.f_s18 {font-size: 139% !important;}
.f_s19 {font-size: 147% !important;}
.f_s20 {font-size: 154% !important;}
.f_s21 {font-size: 162% !important;}
.f_s22 {font-size: 170% !important;}
.f_s23 {font-size: 177% !important;}
.f_s24 {font-size: 185% !important;}
.f_s25 {font-size: 193% !important;}

.f_s16res {font-size: 170% !important;}
.f_s20res {font-size: 154% !important;}

.f_s15_name {font-size: 116% !important;}
@media screen and (max-width: 360px){
.f_s20res {font-size: 134% !important;}
.f_s15_name {font-size: 96% !important;}
}

@media screen and (max-width: 1199px){
.f_s16res {font-size: 154% !important;}
}
@media screen and (max-width: 991px){
.f_s16res {font-size: 112% !important;}
}
@media screen and (max-width: 414px){
.f_s16res {font-size: 154% !important;}
}
.f_lh100 {line-height: 1.0;}
.f_lh150 {line-height: 1.5;}
.f_lh250 {line-height: 2.5;}

@media only screen and (min-width:320px) and (max-width:414px) {
	.t-a_center {text-align: left;}
}



.error_messe {
color: #d754a3; !important;}

#email_error_msg {
color: #DD2F4F; !important;}


/*--　BR PC表示の時だけ改行する　--*/
@media only screen and (min-width:320px) and (max-width:414px) {
br { display:none; }
}


/* ---------- MARGIN ---------- */
.m_b0 {margin-bottom: 0px !important;}
.m_b30 {margin-bottom: 30px !important;}
.m_b40 {margin-bottom: 40px !important;}
.m_b50 {margin-bottom: 50px !important;}
.m_b10 {margin-bottom: 10px !important;}
.m_b20 {margin-bottom: 20px !important;}
.m_t20 {margin-top: 20px !important;}
.m_t10 {margin-top: 10px !important;}
.m_t40 {margin-top: 40px !important;}
.m_t60 {margin-top: 60px !important;}
.m_lr10 {
margin-left: 25px !important;
margin-right: 25px !important;
}

/* ---------- PADDING ---------- */
.p_r5 {padding-right: 5px;}
.p_l5 {padding-left: 5px;}
.p_l10 {padding-left: 10px;}
.p_l70 {padding-left: 70px;}
.p_r70 {padding-right: 70px;}
.p_t60 {padding-top: 60px !important;} 
		 
@media screen and (max-width: 1199px){  
.p_l70 {padding-left: 20px;}
.p_r70 {padding-right: 20px;}
}

@media screen and (max-width: 414px){
.p_l70 {padding-left: 20px;}
.p_r70 {padding-right: 20px;}
.m_lr10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
}
@media screen and (max-width: 360px){

}


/* ---------- section ---------- */

.sec-top{
	padding-top: 9em;
}


.sec02{
	padding-top: 2em;
	padding-bottom: 2em;
}

.sec03{
	padding-top: 3em;
	padding-bottom: 3em;
}

@media screen and (max-width: 414px){
.sec-top{
	padding-top: 3em;
}
.sec02{
	padding-top: 1em;
	padding-bottom: 1em;
}
.sec03{
	padding-top: 0em;
	padding-bottom: 1.5em;
}

}	

/* ---------- ブロック要素にaタグを適用 ---------- */

.item_box{
	position: relative;
	width: 100%;
	padding: 5%;
	border: solid 1px #CCC;
	margin-bottom: 20px;
}
 
.item_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
 
.item_box img{
    display:block;
    width:35%;
    float:left;
}
 
.item_box .detail{
    width:60%;
    margin-left:5%;
    float:left;
}	

/* --- */

.link_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* ---------- TOP menu-top ---------- */

.bg_gy{
	color: #fff;
	background-color: #4B4B4B;
}


.floated{
	position:relative;
}
.floated .left{
	width:50%;
	float:left;
}
.floated .right{
	width:50%;
	float:right;
}
.floated .box{
	text-align:left;
	overflow:hidden;
	padding-bottom:20px;
}
.floated .left .box{
	margin:0 0 0 auto;
}
.floated .right .box{
	margin:0 auto 0 0;
}
.floated .left.text{
	padding-left:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.floated .right.text{
	padding-right:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.floated .box .desc{
	padding-top:20px;
	padding-bottom:20px;
}
.floated .left .box .desc{
	padding-left:3%;
	padding-right:8%;
}
.floated .right .box .desc{
	padding-right:3%;
	padding-left:8%;
}
.floated .image img{
	display:block;
	width:100%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.floated .image .img_bg{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	width:50%;
	height:100%;
}
.floated .left .image .img_bg{
	left:0;
}
.floated .right .image .img_bg{
	right:0;
}
.article .floated .box h3{
	text-align:left;
	padding-top:30px;
	padding-bottom:4px;
	position:relative;
	font-size:171.43%;
	/*
	padding-right:20px;
	padding-left:20px;　
	*/
	padding-right:8%;
	padding-left:3%;
}
.article .floated .right .box h3{
	padding-left:8%;
	padding-right:3%;
}

.article .floated .right .box h3:before{
	left:8%;
	margin-left:-35px;
}
.article .floated .box h4{
	/*
	padding-right:20px;
	padding-left:20px;
	*/
	padding-right:8%;
	padding-left:3%;
	text-align:left;
	padding-bottom:8px;
}
.article .floated .right .box h4{
	padding-left:8%;
	padding-right:3%;
}

#menu-info .floated .box p{
	font-size:100%;
	line-height:240%;
	display:block;
	padding-bottom:20px;
	text-align:left;
	padding-top:0;
	max-width:100%;
}


/* SMARTPHONES SIZE */
@media screen and (max-width: 850px){
	
	.floated .left{
		float:none;
		clear:both;
		width:100%;
	}
	.floated .right{
		float:none;
		clear:both;
		width:100%;
	}
	.floated .right.text,
	.floated .left.text{
		padding:0;
	}
	.floated .image{
		position:relative;
	}
	.floated .image img{
		display:block;
		/*filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;*/
	}
	.floated .image .img_bg{
		/*display:none;*/
		width:100%;
	}
	.floated .text .box{
		padding-left:25px;
		padding-right:25px;
		padding-bottom:15px;
	}
	.article .floated .right .box h3:before,
	.article .floated .box h3:before{
		left: 15px;
		top: 12px;
		width: 42px;
	}
	.article .floated .right .box h3,
	.article .floated .box h3{
		font-size:135.71%;
		padding-left:0;
		padding-right:0;
		padding-top:25px;
		padding-bottom:2px;
	}
	.article .floated .right .box h4,
	.article .floated .box h4{
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:6px;
	}
	
	
	.floated .right .box .desc,
	.floated .left .box .desc{
		padding-left:0;
		padding-right:0;
		padding-top:12px;
		padding-bottom:0;
	}
	.article .floated .box h4{
		font-family:'FP-HiraMinStdN-W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:107.14%;
		padding-bottom:8px;
	}
	

	
}


@media only screen and (max-width : 414px) {
	.article .floated .right .box h3:before,
	.article .floated .box h3:before{
		text-align: center;

	}
	.article .floated .right .box h3,
	.article .floated .box h3{
		text-align: center;
		line-height: 30px;
	}
}

/* ---------- button ---------- */

.button002,
.button001 {
  display: inline-block;
  width: 100%;
  min-height: 44px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  padding-top: 11px;
}

.button002 a,
.button001 a {
display: block;
position: absolute;
height:100%;
width: 100%;
}

.button002::before,
.button002::after,
.button001::before,
.button001::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button002,
.button002::before,
.button002::after,
.button001,
.button001::before,
.button001::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* --- */

.button001 {
  font-size:119%;
  background-color: transparent;
  border: 2px solid #6c889b;
  color: #fff;
  line-height: 50px;
    background-color: rgba(255, 255, 255, .6);
}
.button001 a {
  color: #6c889b;
  text-decoration: none;
}
.button001:hover {
	background-color: rgba(255, 255, 255, .2);
}

/**/

.button002 {
	font-size: 109%;
  position: relative;
 background-color: #C9BC9C;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  border: 1px solid #eee;
}
.button002 a{
  color: #5c525a;
  text-decoration: none;
}
.button002:hover {
	background-color: #edf0f2;
	/*box-shadow: 0 2px 0 #bfc6bc;*/
	text-decoration: none;
}
.button002:active {
  top: 3px;
  box-shadow: none;
}

/**/
 
.button003 {
  position: relative;
  z-index: 2;
  background-color: #C30D23;
  color: #fff;
  line-height: 50px;
	text-align: center;
	padding: 1.5em 0;
	margin-bottom: 1em;
}
.button003 a {
margin: 0;
color: #fff;
font-size: 110%;
}
.button003:hover {
  background-color: #EF1832;
  color: #FFF7AE;
}
.button003::before,
.button003::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #C30D23;
color: #FFF;
}
.button003::before {
  right: 0;
}
.button003::after {
  left: 0;
}
.button003:hover::before,
.button003:hover::after {
  width: 0;
  background-color: #EF1832;
}



/* ---------- 背景設定関連 ---------- */


.bg_white{
	background-color: #fff;
	border-radius: 5px;
	padding-top: 25px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.bg_white li{
	list-style:none;
}

.bg_white li a{
    color: #3E4538;
}

.bg_white li a:hover{
	color: #52AB02;
}

.bg_bk{
	background-color: #000;
	padding-bottom: 5em;
	padding-top: 3em;
	margin-top: 4em;
}

.bg_ts{
	background-color: #eee;
	padding-top: 17em;
	padding-bottom: 17em;
}
@media screen and (max-width: 414px){
.bg_ts{
	background-color: #eee;
	padding-top: 2em;
	padding-bottom: 2em;
}	
}



/* ---------- タイトル装飾 ---------- */

.ttl_txt {
    min-height: 40px;
    font-size: 153%;
	color: #000;
    line-height: 30px;
	text-align: center;
padding-bottom: .3em;
border-bottom: 3px double #ccc;
margin-bottom: 1em;
}

.ttl_txt span {
	font-family: 'Gadugi','Avenir',sans-serif;
    font-size: 63%;
	color: #C9BC9C;
	margin-left: 10px;
	letter-spacing: 0.25em;
}

.ttl_txt2 {
    min-height: 40px;
    font-size: 153%;
	color: #fff;
    line-height: 30px;
	text-align: center;
padding-bottom: .5em;
  border-bottom: 3px double #ccc;
}

.ttl_txt2 span {
	font-family: 'Gadugi','Avenir',sans-serif;
    font-size: 63%;
	color: #C9BC9C;
	margin-left: 10px;
	letter-spacing: 0.25em;
}

@media screen and (max-width: 414px){
.ttl_txt span,
	.ttl_txt2 span{
	margin-left: 0px;
}
	
}



/*スライド*/
.carousel-inner > .item {
background: #e4e4f1;
}


/* 下層ページ設定　------------------------------------------------------------ */

/* ---------- 下層ページタイトル ---------- */




#bg_about{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/about/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_message{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/message/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_profile{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/profile/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_grant{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/grant/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_primer{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/primer/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_school{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/school/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_gallery{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/gallery/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_contact{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/contact/bg-img.jpg) no-repeat center center;
background-size:cover;
}
#bg_notfound{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/bg_notfound.jpg) no-repeat center center;
background-size:cover;
}
#bg_salon{
color: #fff;
width: 100%;
padding-top: 10%;
padding-bottom: 10%;
background:#ddd url(../img/salon/bg-img.jpg) no-repeat center center;
background-size:cover;
}

@media screen and (max-width: 414px){
#bg_about,
#bg_message,
#bg_profile,
#bg_grant,
#bg_primer,
#bg_school,
#bg_salon,
#bg_gallery,
#bg_contact,
#bg_notfound
{
padding-top: 10%;
padding-bottom: 10%;
}

}



/* ----------  contact ----------*/

#contact{
	padding-top:60px;
}
#contact h2{
	font-size:205%;
	font-weight:100;
	font-family: "Times New Roman","游明朝体","Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	color: #52AB02;
}
#contact h3{
	font-size:168.57%;
	font-family:"FP-HiraMinStdN-W4",YuMincho,"游明朝体","Yu Mincho","MS 明朝","MS Mincho",serif;
	letter-spacing:1px;
	display:block;
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
}
#contact p{
	display:block;
	margin:0 auto;
	max-width:920px;
	line-height:180%;
	padding-bottom:35px;
}

.red {
	color: #E43838;
}

/* ----------   ----------*/

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 20px;
	} 

.form-control{
	font-size:110%;
} 

/* ---------- form ---------- */

@media screen and (min-width:961px) {
	#formWrap {
	color: #555;
	line-height: 120%;
	font-size: 110%;
	 margin-right : 10%;
     margin-left : 10%;
}

	.tablecontact table {
	margin:0 auto;
	width:90%;
	border-collapse:collapse;
}

.tablecontact table th {
	background-color: #F5F5F5; /*背景色 */
	color: #000000;             /* 文字色 */
	text-align: left;           /* 配置 */
	white-space: nowrap;
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
}

.tablecontact table td {
	background-color: #fff; 
	color: #000000;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	/* white-space: nowrap;*/
	padding: 15px;
	border:1px solid #ccc;
}
.space {
	margin-left: 25px;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}
table.formTable tr td #email2 {
	width: 100%;
}

table.formTable tr td #homepage {
	width: 100%;
}
table.formTable tr td #comment {
	width: 100%;
}

.submit{
	padding-top: 30px;
}

input[type="reset"] {
	font-size: large;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type="submit"] {
	font-size: large;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.button{
	padding-top: 30px;
}
input[type="button"] {
	font-size: large;
	background-color: #e4e4f1;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

}


/* ----------  コンタクト  ----------*/

label {
    font-weight: normal;
    padding-left: 0.5em;
}
select {
    border: 1px solid #eee;
    padding: 3px;
    width: 20%;
    font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.0rem;
	margin-top: 1em;
	font-size: 90%;
}
#cate-list {
    width: 100%;
}

table.formTable tr td #year,
table.formTable tr td #year2{
    width: 20%;
}
table.formTable tr td #time,
table.formTable tr td #time2{
width: 100%;
margin-right: 0.5em;
padding: 0.5em;
margin-top: 1em;
}


input, button, select, textarea {
    padding: 0.3em;
}

@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/

#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:110%;
}

table {
	margin:0 auto;
	width: 100%;
	border-collapse:collapse;
}
.formTable {
	
	width: 120%;
}
    .formTable th,
    .formTable td{
        width: 100%;
        display: block;
        border-top: none;
    }

.formTable tr:first-child th   {
	border-top: 1px solid #ddd;
}
	
table.formTable td,table.formTable th{
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid ddd;
	border-left: 1px solid ddd;
	
}

table.formTable th{
	font-weight:normal;
	background:#F5F5F5;
	text-align:left;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #duty-station {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}

table.formTable tr td #year,
	table.formTable tr td #year2 {
	width: 30%;
}
table.formTable tr td #time,
table.formTable tr td #time2{
	width: 100%;
	padding: 0.5em;
	margin-top: 1em;
}

table.formTable tr td #comment {
	width: 100%;
}


}

@media screen and (max-width:414px) {
select {
    border: 1px solid #eee;
    padding: 3px;
    width: 31%;
    font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.0rem;
	margin-top: 1em;
	font-size: 100%;
}
}

@media screen and (max-width:375px) {
/*スマホ用のcssを記述*/
.formTable {
	
}
    .formTable th,
    .formTable td{
        width: 100%;
        display: block;
        border-top: none;
    }

.formTable tr:first-child th   {
	border-top: 1px solid #ddd;
}
	
table.formTable td,table.formTable th{
	padding: 15px;
	border-top: 1px solid #CCCCCC;
}

table.formTable th{
	font-weight:normal;
	background:#F5F5F5;
	text-align:left;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #duty-station {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}
table.formTable tr td #year,
table.formTable tr td #year2 {
	width: 90%;
}
table.formTable tr td #time,
table.formTable tr td #time2 {
	width: 100%;
	padding: 0.3em;
	margin-top: 1em;
}
table.formTable tr td #comment {
	width: 100%;
}

.space {
	margin-left: 0px;
}
}



/* ---------- footer  ---------- */


#to_top{
	display:block;
	width:100%;
	height:116px;
	background-image:url(../img/to_top.png);
	background-position:center center;
	background-repeat:no-repeat;
}
#footer{
    background-color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
#footer h2{
	display:block;
	padding-bottom:10px;
}
#footer h2 a{
	display:block;
	width:149px;
	margin:0 auto;
}
#footer h2 a img{
	display:block;
	width:100%;
}
#footer p{
	display:block;
	text-align:center;
	color:#FFF;
	font-size:85.71%;
}

/*最下部に実装*/
#main {
  min-height: calc(100vh - 150px);
}
#footer {
  height: 150px;
}

/* ------------ ------------ */


.ifSp{
	display:none !important;
}
.ifSp_{
	height:0;
	overflow:hidden;
}

#banners .box a{
	background:#ffffff;
}


/* Mouseover events */
.grey_btn,
#footer h2 a img,
#to_top,
.twobox .box a img,
#banners .box a img,
#header #logo a{
	-webkit-transition: filter 0.3s ease-out, -moz-opacity 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	-moz-transition: filter 0.3s ease-out, -moz-opacity 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	-ms-transition: filter 0.3s ease-out, -moz-opacity 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	-o-transition: filter 0.3s ease-out, -moz-opacity 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	transition: filter 0.3s ease-out, -moz-opacity 0.3s ease-out, -khtml-opacity 0.3s ease-out, opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}


.grey_btn:hover,
#footer h2 a:hover img,
#to_top:hover,
.twobox .box a:hover img,
#banners .box a:hover img,
#header #logo a:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}


/* ---------- ボタン ---------- */


.button-nv a {
    margin: 10px 0.25em;
	    color: #fff;
}

.button-nv {
    display: inline-block;
    margin: 0;
    padding: 35px 40px;
    min-width: 270px;
    max-width: 80%;
    line-height: 1.6;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    background: #C30D23;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    border-radius:  1px;
}

.button-nv:hover, a:hover .button {
    text-decoration: none !important;
    background: #E22C42 !important;
}

/*ブロックレベル要素全体をリンク*/

.button-nv {
  position: relative;
}
.button-nv a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
line-height: 48px;
}


@media only screen and (max-width : 414px) {
.button-nv {
    padding: 35px 20px;
    min-width: 260px;
}	
}	




.btn{
    display: inline-block;
    text-decoration: none;
    padding: 15px 30px;
    width: 100%;
    background-color: #A4A5E2;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
	border-radius: 0px;
}
.btn a{
	color: #FFFFFF;
}
/**/.btn{
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-ms-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}
.btn:hover{
    background-color: #F2E9F4;
}





/* TABLET SIZE */
@media screen and (max-width: 1200px){
	#header #nav ul li{
		padding-right:11px;
		padding-left:11px;
		font-size:90%;
	}
	
}

/* TABLET SIZE */
@media screen and (max-width: 1100px){
	#header #nav ul li{
		padding-right:7px;
		padding-left:7px;
		font-size:85%;
	}
	
		.article h2.art_title{
		font-size:134.28%;
	}
}

/* TABLET SIZE */
@media screen and (max-width: 1119px){
	#header .ifPc{
		display:none !important;
	}
	#header .ifSp{
		display:block !important;
	}
	#header.smaller,
	#header{
		height:70px;
	}
	#container{
		padding-top:70px;
	}
	#header,
	#header #logo img,
	#header #nav,
	#header #nav ul li{
		-webkit-transition:inherit;
		transition:inherit;
	}
	#header #logo img {
    margin-top: -43px;
}
	#header.smaller #logo img{
		width:100%;
	}
	#header.smaller #nav{
		padding-top:35px;
	}
	#header.smaller #nav ul li{
		padding-bottom:0;
	}
	#header #nav{
		display:none;
	}
	#header #nav.opened{
	display: block;
	position: relative;
	height: 100%;
	background: #ffffff;
/*	border: 1px solid #E9E9E9;*/
	}
	.menuOpen #spHider{
		height:0;
		overflow:hidden;
	}
	#container.menuOpen{
		padding-top:0;
	}
	#menuOpener{
		display:block;
		position:fixed;
		right:30px;
		top:10px;
		top:17px;
		width:45px; /*35px*/
		height:40px; /*35px*/
		background-image:url(../img/menu_opener.png);
		background-position:center center;
		background-size:50px 32px; /* 25px 16px */
		background-repeat:no-repeat;
	}
	.menuOpen #header{
		height:auto;
		position:relative;
	}
	.menuOpen #header #logo{
		display:none;
	}
	.menuOpen #menuOpener{
		display:none !important;
	}
	#header #nav{
		padding-top:35px;
		padding-right:28px;
		padding-left:28px;
		float:none;
	}
	#header #nav ul{
		border-top:solid 2px #B28146;
	}
	#header #nav ul li{
		display:block;
		padding:0;
		font-size:100%;
		border-bottom:solid 1px #eaeaea;
	}
	#header #nav ul li a{
		display:block;
		text-align:center;
		padding:11px 0;
		font-size:107.14%;
	}
	



	#header #nav ul li a img{
		width:13px;
		margin-left:8px;
		vertical-align:0px;
	}
	#header #nav h2{
		display:block;
		max-width:166px;
		margin:0 auto;
		padding-bottom:17px;
	}
	#header #nav h2 img{
		display:block;
		width:100%;
	}
	#menuCloser{
		display:block;
		height:66px;
		width:100%;
		background-image:url(../img/menu_closer.png);
		background-position:center center;
		background-size:14px 14px;
		background-repeat:no-repeat;
	}
	#header #logo{
		display:block;
		padding-right:50px;
		position:relative;
		left:inherit;
		top:inherit;
		margin-left: -20px;
	}
	#header #logo span.ifSp{
		display:table-cell !important;
		height:70px;
		width:227px;
		vertical-align:middle;
	}
	#header #logo span img{
		display:block;
		width:100%;
	}
	
	.inside #header #nav ul li.current{
		border-bottom:1px solid #eaeaea;
	}
	
}


	
/* SMARTPHONES SIZE */
@media screen and (max-width: 850px){
	
	/* Mouseover events */
	.btn,
	.article_navi a.next,
	.article_navi a.prev,
	.grey_btn,
	#footer h2 a img,
	#to_top,
	#banners .box a,
	.twobox .box a,
	#news ul.news_list li a,
	#header #logo a,
	#header #nav ul li a{
		-webkit-transition:inherit;
		-moz-transition:inherit;
		-ms-transition:inherit;
		-o-transition:inherit;
		transition:inherit;
	}

	.article_navi a.next:hover,
	.article_navi a.prev:hover,
	.grey_btn:hover,
	#footer h2 a:hover img,
	#to_top:hover,
	#banners .box a:hover,
	.twobox .box a:hover,
	#news ul.news_list li a:hover,
	#header #logo a:hover img,
	#header #nav ul li a:hover{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity:1;
		opacity:1;
	}
	.btn:hover{
	background-color: #cbabda;
	}
		
	
	
.line1{
	width: 60%;
	font-size:80%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 14px;
	margin-bottom: 20px;
}
.line1 h2{
	color: #515151; /*#769E32*/
	font-style: normal;
	position:relative;
	display:inline-block;
}

.line1 h2:before, .line1 h2:after{
	content:"";
	display:block;
	width:230px;
	height:2px;
	border-top:1px solid #515151;
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.line1 h2:before{left:-224px;}
.line1 h2:after{right:-224px;}



	
	body{
		font-family:'FP-HiraMinStdN-W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-family:YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
	}
	*{
		font-family:'FP-HiraMinStdN-W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-family:YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
	}
	.ifPc{
		display:none !important;
	}
	.ifSp{
		display:block !important;
	}
	br.ifSp{
		display:inline !important;
	}
	.ifPc_{
		height:0;
		overflow:hidden;
	}
	.ifSp_{
		height:auto;
		overflow:inherit;
	}
	.inBlock{
		display:inline-block;
		margin-right:-4px;
	}

	#menuOpener{
		right:15px;
	}
	.wrapper{
		padding: 0 15px;
	}
	
	.article{
		padding-top:25px;
	}
	.article h2.art_title{
		font-size:144.28%;
		letter-spacing:2px;
		letter-spacing:0;
		margin-bottom: 1em;

	}

	.top .article h4{
		padding-bottom:10px;
	}
	.padBtmSp{
		padding-bottom:20px;
	}
	#news{
		padding-top:50px;
	}

	.floated .left{
		float:none;
		clear:both;
		width:100%;
	}
	.floated .right{
		float:none;
		clear:both;
		width:100%;
	}
	.floated .right.text,
	.floated .left.text{
		padding:0;
	}
	.floated .image{
		position:relative;
	}
	.floated .image img{
		display:block;
	}
	.floated .image .img_bg{
		/*display:none;*/
		width:100%;
	}
	.floated .text .box{
		padding-left:25px;
		padding-right:25px;
		padding-bottom:15px;
	}
	.article .floated .right .box h3:before,
	.article .floated .box h3:before{
		left: 15px;
		top: 12px;
		width: 42px;
	}
	.article .floated .right .box h3,
	.article .floated .box h3{
		font-size:135.71%;
		padding-left:0;
		padding-right:0;
		padding-top:25px;
		padding-bottom:2px;
	}
	.article .floated .right .box h4,
	.article .floated .box h4{
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:6px;
	}
	
	
	.floated .right .box .desc,
	.floated .left .box .desc{
		padding-left:0;
		padding-right:0;
		padding-top:12px;
		padding-bottom:0;
	}
	.article .floated .box h4{
		font-family:'FP-HiraMinStdN-W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:107.14%;
		padding-bottom:8px;
	}
	.btn{
		display:block;
		margin:0 auto;
		max-width:290px;
		padding-left:0;
		padding-right:0;
		text-align:center;
		font-family:'FP-HiraMinStdN-W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-weight:100;
		margin-bottom:10px;
		margin-bottom:20px;
	}
	
	#system .floated .box p{
		padding-bottom:20px;
	}
	
	.small_wrapper {
    padding-right: 25px;
    padding-left: 25px;
	padding-bottom:30px;
}
	
	.title_bg{
		display:none;
	}
	/**/.super_title{
		padding-top:0;
		position:relative;
		left:inherit;
		top:inherit;
	}
	.article .floated .box h4{
		padding-bottom:12px;
	}
	
	
	.parent{
		/*padding-bottom:30px;*/
		padding:0;
	}
	.trigger{
		display:block;
		text-align:center;
		padding:8px 0;
		color:#ababab;
		border:solid 1px #ababab;
		max-width:290px;
		text-decoration:none;
		margin:0 auto;
	}
	.parent .opened{
		display:none;
	}
	.parent .closed{
		display:block;
	}
	.parent.opened .opened{
		display:block;
	}
	.parent.opened .closed{
		display:none;
	}

	#to_top{
		height:72px;
		background-image:url(../img/to_top_sp.png);
		background-size:21px 12px;
	}
	
	
	
	#footer{
		padding-top:20px;
		padding-bottom:20px;
	}
	#footer h2{
		padding-bottom:20px;
		max-width:150px;
		margin:0 auto;
	}
	#footer h2 img{
		width:100%;
	}
	#footer h2 a{
		width:150px;
	}


	.bg_white{
	background-color: #fff;
	border-radius: 5px;
	padding-top: 25px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
}



}



/* SMARTPHONES SIZE */
@media screen and (max-width: 414px){
.txt_c{
	text-align: left;
}

.line1{
	width: 70%;
	font-size:70%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 14px;
	margin-bottom: 20px;
}
.line1 h2{
	color: #515151; /*#769E32*/
	font-style: normal;
	position:relative;
	display:inline-block;
}

.line1 h2:before, .line1 h2:after{
	content:"";
	display:block;
	width:190px;
	height:2px;
	border-top:1px solid #515151;
	position:absolute;
	top:50%;
	margin-top:-2px;
}
.line1 h2:before{left:-204px;}
.line1 h2:after{right:-204px;}

.top .article p {
    display: block;
    margin: 0 auto;
    max-width: 720px;
    line-height: 180%;
    padding-bottom: 0px;
}
	.article h2.art_title{
		font-size:145.28%;
		letter-spacing:2px;
		letter-spacing:0;
margin-bottom: 1.5em;
margin-top: 1em;
	}
}

@media screen and (max-width: 360px){
	.article h2.art_title{
		font-size:135.28%;
		letter-spacing:2px;
		letter-spacing:0;
margin-bottom: 1.5em;
margin-top: 1em;
	}
	}
/*********************************************************************
 feed
********************************************************************/

#feed span {
    color: #EC9D36;
    padding-left: 25px;
    padding-right: 10px;
    line-height: 25px;
    font-weight: bold;
}

.topix {
/*	padding-bottom: 20px;*/
}

.topix dl dt {
	color: #FF99CC;
	float: left;
	width: 85px;
	padding-left: 15px;
}
.topix dl dd {
	color: #333;
	float: left;
	width: 615px;
	padding-left: 15px;
	padding-right: 15px;
}

.topix dl dd a{
	color: #333;
	font-size: 13px;
}

.topix dl {
	margin: 0 10px 0;
	padding:0 8px 0;
	background-repeat: repeat-x;
	background-position: bottom;
}
.tp-title {
	font-family: "FOT-筑紫明朝 Pr6 RB", TsukuMinPr6-RB, "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
	color: #7D7D7D;
	padding: 8px;
	font-size: 116%;
	padding-bottom: 5px;
	padding-left: 25px;
}

/*--　feed　--*/

#feed a {
	color: #6c889b;
	}
	
#feed li{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}
#feed li a {
	font-size: 14px;
	text-decoration: none;
	color: #fff;
}
#feed span {
	color: #C9BC9C;
	padding-left: 15px;/**/
	padding-right: 10px;
	line-height: 25px;
	font-weight: bold;
}


/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
 
 .scr {
	width: 100%;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topleft: 10px;
	/* -------------- */
	/*padding: 10px 20px 0px;*/
}

#feed{
	/*margin-left: -16px;*/
	}
	
}

#facebook {
	text-align:  center;
}


/* facebook埋め込み：レスポンシブ対応 */
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}



/* ----------  伊勢志賀山流について ----------*/

#about p {
	line-height: 3em;
	margin-top: 4em;
	letter-spacing: 0.05em;
}

#about h3 {
	letter-spacing: 0.15em;
}

/* ----------  お知らせ ----------*/

#news-ks{
padding-bottom: 5.5em;
}

#news-ks h4{
	font-size: 110%;
	padding: 0.5em 15px 0.5em;
	letter-spacing: 0.05em;
  border-bottom: 1px dotted #845D23;
	margin-bottom: 0.5em;
}


#news-ks p {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 95%;
}

#news-ks .time {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 85%;
	color: #EB9C3C;
	text-align: right;
}




/* ----------  メッセージ ----------*/

#message-main {
    background: url(../img/message/message.jpg) center bottom no-repeat;
        background-size: auto auto;
    background-size: contain;
    padding-bottom: 185px;
}

#message-main p {
line-height: 2.5;
margin-bottom: 2em;
}

#message-main .name {
text-align: right;
}

@media screen and (max-width: 1280px){
#message-main {
    padding-bottom: 125px;
}
}		
@media screen and (max-width: 1024px){
#message-main {
    padding-bottom: 215px;
}
}
@media screen and (max-width: 850px){
#message-main {
    padding-bottom: 185px;
}
}
@media screen and (max-width: 414px){
#message-main {
    padding-bottom: 25px;
}
#message-main p {
	line-height: 2.0;
	text-align: left;
	}
#message-main .name {
	padding-right: 15px;
	}
}

@media screen and (max-width: 320px){
#message-main {
    padding-bottom: 15px;
}
}

/* -------------------------------- 
日踊を身近に
-------------------------------- */

#grant-ks{
padding-bottom: 5.5em;
}

#grant-ks h4{
	font-size: 160%;
	margin-bottom: 1.1em;
	padding-top: 1.5em;
	color: #C76C18;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	line-height: 1.5em;
}


#grant-ks p {
	line-height: 1.7em;
		padding: 0;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 110%;
	
}
.boder_sl {
  padding: 1em;
border: 1px solid #eee;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(254,254,251,1) 50%, rgba(251,235,224,1) 100%);
	border-radius: 10px; 
}


@media screen and (max-width: 991px){
	
#grant-ks h4{
	padding-top: 0em;
}
	
}
@media screen and (max-width: 414px){
	
#grant-ks h4{
	padding-top: 1em;
}
	
}

/* ----------  お稽古場 ----------*/

#school-ks .row {
	margin-right: 0px;
margin-left: 0px;
}
.boder_school {
  padding: 1em;
border: 1px solid #C68A33;
	border-radius: 10px; 
}


/* ----------  よくある質問 ----------*/

.faq_list .item,
.faq_list2 .item{
    border: 1px solid #ddd;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(221, 221, 221);
    border-bottom: none;
    background: #fff;
}

.faq_list .item2,
.faq_list2 .item2{  
    border-bottom: 1px solid #ddd;
}

.question h4 {
    font-size: 100%!important;
	    line-height: 1.5;
}

.faq_list .question,
.faq_list2 .question{
    font-size: 16px;
    line-height: 2;
    padding: 18px 70px 18px 40px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
	width: 100%;
}
.faq_list .question::before,
.faq_list2 .question::before
{
    content: '\f107';
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
    color: #666;
    font-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 28px;
    top: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	

.faq_list .answer,
.faq_list2 .answer{  
    background: #f9f9f6;
    border-top: 1px solid #ddd;
}

.answer-txt {
   padding: 15px 40px 10px;
}
	
.faq_list .item label,
.faq_list2 .item label
{
	margin-bottom: 0px;
}

.faq_list .item label:hover,
.faq_list2 .item label:hover
{
    background: #f5f5f5;
}


.faq_list .item input,
.faq_list2 .item input
{
    display: none;
}

.faq_list .item .answer,
.faq_list2 .item .answer
{
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    text-align: left;
    transition: 0.5s;
}


.faq_list .item input:checked ~ .answer,
.faq_list2 .item input:checked ~ .answer{
    height: auto;
    opacity: 1;
   padding: 10px 0;
   
}

.answer-txt {
    font-size: 110%;
	color: #7F508A;
}


/* ----------  スタッフ紹介 ----------*/

.member_list {
	font-family: YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
	margin-bottom: 2em;
}

.member_list p {
	padding-top: 10px;
    margin-bottom: 0;

}


.member_name {
	font-size: 124%;
	padding-top: 10px;
    margin-bottom: 0;
	text-align: center;

}
.member_list p span {
    margin-bottom: 0;
    font-size: 64%;
    display: block;
}

.member_txt p {
font-size: 95%;
line-height: 2.0;
padding-left: 10px;
padding-right: 10px;
}


.license {
  	font-size: 94%;
  padding-left: 25px;
	text-align: left;
	margin-top: 20px;

}

.radius_gr {
	font-size: 90%;
    background-color: #eee;
	border-radius: 5px;
	padding: 1em;
	text-align: center;
}


/* ----------  プロフィール ----------*/

.prof_radius {
 background: whitesmoke;
  border-radius: 17px;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.prof_name {
  margin-bottom: 1em;
}
.prof_name h3 {
margin-top: 0px;
}
.prof_name p {
font-size: 85%;
}


.prof_name span {
  font-size: 55%;
	margin-bottom: 1em;
	color: #828079;
	padding-left: 1em;
}


.prof_cat {
  border-top: solid #828079 1px;/*上のボーダー*/
  padding: 1.2em 0 1.2em 1.5em;
}

.prof_cat ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}


.prof_cat p {
position: relative;
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom: 10px;
line-height: 1.5;
background: #b28247;
vertical-align: middle;
color: #fff;
border-radius: 5px;
margin-left: -1.5em;
}

.prof_cat p:before{ /*疑似要素*/
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:0.5em;
  height: 0.5em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;

}


.prof_cat2 {
  border-top: solid #828079 1px;/*上のボーダー*/
  border-bottom: solid #828079 1px;/*下のボーダー*/
  padding: 1.2em 0 1.2em 1.5em;
}

.prof_cat2 ul li {
  line-height: 1.5;
  padding: 0.5em 0;
}


.prof_cat2 p {
position: relative;
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom: 10px;
line-height: 1.5;
background: #eceaed;
vertical-align: middle;
color: #505050;
border-radius: 5px;
margin-left: -1.5em;
}

.prof_cat2 p:before{ /*疑似要素*/
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:0.5em;
  height: 0.5em;
  background: #fff;
  border-radius: 50%;
  margin-right: 8px;

}

.prof h4 {
font-size: 145%;
line-height: 2.0;
border-bottom: solid #828079 1px;
  padding: 0em 1em 0.2em 0.5em;
	margin-bottom: 1em;
}


.prof p {
font-size: 105%;
line-height: 2.0;
}

/* ---------- imgサイズ調整 ---------- */

.m_2em {
    margin-right: 2em;
    margin-left: 2em;
	/*margin-top: 2em;*/
    /*margin-bottom: 2em; */
}
@media screen and (max-width: 991px){
.m_2em {margin: 0em !important;}
}


/* ----------  料金一覧 ----------*/

.price-list p {
	font-size: 125%;
}

table.price-list {
	width:100%;
	border-right:#000 solid 1px;
	border-collapse: collapse;
}
table.price-list thead th {
	background:#564f44;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
		color: #fff;
}
table.price-list thead th:last-child {
	border-right:#000 solid 1px;
}
table.price-list tbody th {
	background:#000;
	padding:20px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
		color: #fff;
}
table.price-list tbody tr:last-child th {
	border-bottom:#000 solid 1px;
}
table.price-list tbody td {
	background:#FFF;
	padding:20px 15px;
	border-left:#000 solid 1px;
	border-bottom:#000 solid 1px;
	vertical-align:top;
}

@media screen and (max-width: 991px) {
table.price-list thead {
	display:none;
}
table.price-list tbody th {
	display:block;
}
table.price-list tbody td {
	display:block;

}
table.price-list tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.price-list tbody td p {
padding-left: 3.5em;
padding-top: 1.8em;
}

}


.price-right {
    text-align: left;
}	




/* 種類見出し */
.caption-list::after {
    position: absolute;
    top: 0.1em;
    left: 0;
    content: '';
    width: 9px;
    height: 1.5em;
    background-color: #F39800;

}

/* 区切り */
.separation_b {
    padding: 1em 0 0.5em 0;
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
}

.separation_non {
    padding: 1em 0 0.5em 0;
    margin-bottom: 10px;
}

@media screen and (max-width: 414px) {
	
.price-list p {
    font-size: 145%;
}
.price-right {
    text-align: right;
}	

	
	
table.price-list tbody td p {
padding-left: 2em;
padding-top: 1.8em;
padding-right: 0.5em;
}
table.price-list tbody td {
	padding:10px 10px;
}
}

@media screen and (max-width: 320px) {
	
.price-list p {
    font-size: 125%;
}
}

.caption-list {
    position: relative;
    padding: 4px 0 0.2em 1.5em;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    font-size: 130%;

}

/* ----------  メニュー ----------*/

.frame-bd {
	border: 1px solid #ddd8d8;
    margin-bottom: 20px;

}

@media screen and (max-width: 767px) {
.frame-bd img {
    margin-top: 5%;
}
}

@media screen and (max-width: 631px) {
.frame-bd img {
    margin-top: 0;
}
}
.frame-txt {
    padding: 1.5em;
}

.frame-bd2 {
    padding-top: 1.5em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    padding-bottom: 1em;
    border: 2px solid #000;
    margin-bottom: 20px;
    background-color: rgba(255,255,255,0.75);
}

.frame-bd2 h4 {
text-align: center;
	font-size: 120%;
    padding: 0.5em 0 0 0;
}

.frame-bd2 span {
text-align: center;
	font-size: 80%;
    display: block;
	padding: 0.5em 0 0 0;
	color: #BB94CC;
}

#menu-main {
    background: url(../img/menu/menu-area02.jpg) center bottom no-repeat;
        background-size: auto auto;
    background-size: contain;
    padding-bottom: 485px;
}

#menu-main h3 {
	font-size: 130%;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #ddd8d8;
	text-align: center;
	color: #716972;
}

#menu-main p {
	font-size: 98%;
    padding-top: 0.6em;
	line-height: 2.0;
}

.menu-area01 {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
	margin-top: 30px;
    color: inherit;
    background-color: #4B4B4B;

}
.menu-area01 p {
    color: #fff;
	text-align: center;
}



@media screen and (max-width: 1280px){
#menu-main {
    padding-bottom: 625px;
}
}		
@media screen and (max-width: 1024px){
#menu-main {
    padding-bottom: 485px;
}
}
@media screen and (max-width: 850px){
#menu-main {
    padding-bottom: 425px;
}
}
@media screen and (max-width: 414px){
#menu-main {
    padding-bottom: 225px;
}
}

@media screen and (max-width: 320px){
#menu-main {
    padding-bottom: 195px;
}
}

 /* ---------- gallery ---------- */
 
.gallery-img ul li {
    float: left;
    width: 20%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gallery-img ul li img {
    max-width: 100%;
    height: auto;
}

.gallery-img ul {
    list-style: none;
}

@media screen and (max-width: 768px) {
.gallery-img ul li {
    width: 33%;
    padding: 5px;
}
}

.lightbox {
    margin-top: 30px;
}


 /* ---------- サロン ---------- */


/*　 下ボーダー　ドット線　*/
.under-boder_dt {
  padding-bottom: .5em;
  border-bottom: 1px dotted #807E7B;
}
.boder_salon {
  padding: 1em;
border: 1px solid #807E7B;
	border-radius: 10px; 
background: rgb(247,247,247);
background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 46%, rgba(252,251,240,1) 100%);
}
.course-details {
padding-top: 1.5em;
}
.course-details dl {
width:100%;
}
.course-details dl dt {
    color: #333;
	font-size: 100%;
    float: left;
    width: 125px;
    padding-left: 5px;
    display: block;
    width: 20%;
    clear: left;
    margin-top: 4px;
	background-color: #eee;
	padding: 5px 10px;
	margin-bottom: 5px;
}
.course-details dl dd {
    color: #333;
	font-size: 100%;
    float: left;
    width: 80%;
    padding-left: 5px;
    display: block;
	padding: 5px 10px;
	margin-bottom: 5px;
    margin-top: 4px;
}
@media screen and (max-width: 768px){

.course-details dl dt {
    color: #333;
	font-size: 100%;
    float: left;
    width: 125px;
    padding-left: 5px;
    display: block;
    width: 25%;
    clear: left;
    margin-top: 4px;
}
.course-details dl dd {
    color: #333;
	font-size: 100%;
    float: left;
    width: 75%;
    padding-left: 5px;
    display: block;

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

.course-details dl dt {
    color: #333;
	font-size: 100%;
    float: left;
    width: 125px;
    padding-left: 5px;
    display: block;
    width: 100%;
    clear: left;
    margin-top: 4px;
	background-color: #eee;
	padding: 5px 5px;
	margin-bottom: 5px;
}
.course-details dl dd {
    color: #333;
	font-size: 100%;
    float: left;
    width: 100%;
    padding-left: 5px;
    display: block;

}	
}