@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


/*--------------------------------------------
	font
--------------------------------------------*/


/*　google fonts　*/

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');



/*-------------------------------------------------------------新たに追加-------------------------------------------------------------*/


.clearboth{
    clear:both;
}


/*--------コンテント-----------*/

.wrapper2 {
	margin: 0 auto;
	width: 100%;
	background-color:#ffefcc;
	}
 
.content2 {
	border: 0px dotted #000;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	max-width:980px;
	}


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

    .wrapper2, .content2 {
          float: none;
          margin: 0;
          width: auto;
     }	 
}

.wrapper3 {
	margin: 0 auto;
	width: 100%;
	background-color:#e7e3e3;
	}
 
.content3 {
	border: 0px dotted #000;
	margin: 0 auto;
	padding:0px;
	max-width:980px;
	}


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

    .wrapper3, .content3 {
          float: none;
          margin: 0;
          width: auto;
     }	 
}

.wrapper4 {
	margin: 0 auto;
	width: 100%;
	background-color:#ffffff;
	}
 
.content4 {
	border: 0px dotted #000;
	margin: 0 auto;
	padding:0px;
	max-width:980px;
	}


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

    .wrapper4, .content4 {
          float: none;
          margin: 0;
          width: auto;
     }	 
}

.wrapper6 {
	margin: 0 auto;
	width: 100%;
	background-color:#000000;
	}
 
.content6 {
	border: 0px dotted #000000;
	margin: 0 auto;
	padding:0px;
	max-width:980px;
	}


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

    .wrapper5, .content5 {
          float: none;
          margin: 0;
          width: auto;
     }	 
}

.wrapper5 {
	margin: 0 auto;
	width: 100%;
	background-color:#c9151e;
	}
 
.content5 {
	border: 0px dotted #c9151e;
	margin: 0 auto;
	padding:0px;
	max-width:980px;
	}


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

    .wrapper5, .content5 {
          float: none;
          margin: 0;
          width: auto;
     }	 
}

.box_pm01{
	width:auto;
	height:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:20px;
	border:0px solid #000000;
	text-align:center;
	clear: both; 
	}

.box_pm01 a{
	color:#333;
	text-decoration:none!important;
	}

@media screen and (min-width: 768px) {
	
	.box_pm01{
	padding:50px 80px 50px 80px;
	}
}

.box_pm02{
	width:auto;
	height:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	border:0px solid #000000;
	text-align:center;
	clear: both; 
	}

@media screen and (min-width: 768px) {
	
	.box_pm02{
	padding:0px 50px 50px 50px;
	}
}

/*--------見出し-----------*/

.heading_pm01 {
	font-family: 'Shippori Mincho', serif;
	font-size:150%;
	font-weight: 500;
	letter-spacing:3px;
    color: #000000;
  	text-align:center;
	padding-top:10px;
  	padding-bottom:10px;
	display: inline-block;
	position:relative;
	z-index:3;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	width:100%;
    
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {	
	.heading_pm01 {
		padding-bottom:15px;
		background-size:100px;
		}
}


/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.heading_pm01 {
	font-size:130%;
}

}



/*--------見出し2-----------*/

.heading_pm02 {
	font-family: 'Shippori Mincho', serif;
	font-size:150%;
	font-weight: 500;
	letter-spacing:3px;
    color: #333333;
  	text-align:center;
	padding-top:10px;
  	padding-bottom:10px;
	display: inline-block;
	position:relative;
	z-index:3;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	width:100%;
    
}



/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.heading_pm02 {
	font-size:130%;
}

}

.heading_pm03 {
	font-size:140%;   
}





/*--------for japanese-----------*/

.box_japan{
	width:160px;
	padding:0px;
	border:2px solid #c9151e;
	background-color:#c9151e;
	margin-bottom:20px;
	text-align:center;
	}

.box_japan p{
	font-family: 'Josefin Sans', sans-serif;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.5em;
	padding: 5px;
	font-weight:bold;
	position:relative;
	z-index:2;
	}

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

	.box_japan{
	width:140px;
	padding:0px;
	border:2px solid #c9151e;
	background-color:#c9151e;
	margin-bottom:20px;
	text-align:center;
	}
		
	
	.box_japan p{
	font-size:12px;
	}

}

/*--------効果効能-----------*/

.box_kouka{

	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-bottom:10px;	
	}

.box_kouka img{

width:90%;
	}

/*--------フォントサイズ-----------*/

.p-bold {
	font-weight:bold;	
}

.p-big {
	font-size:26px;
	line-height:2.0em;
	letter-spacing:0.15em;
	font-weight:bold;	
}

.p-large18 {
	font-size:18px;
	line-height:1.3em;
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.p-large18 {
	font-size:15px;
}

}


.p-large {
	font-size:15px;
	line-height:1.3em;
}

.p-midium {
	font-size:14px;
	line-height:1.2em;
}

.p-small {
	font-size:12px;
}


.p-center{
	margin-top: 10px;
	margin-bottom:10px;
	text-align:center;
}

.p-left{
	text-align:left;

}

.p-right{
	text-align:right;

}




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

.p-big {
	font-size:22px;
	line-height:1.8em;
}

.p-large {
	font-size:13px;
}

.p-midium {
	font-size:13px;
}


}



/*--------色-----------*/
.color_red {
	color: #c9151e;
}

.color_blue {
	color: #0099bd;
}

.color_gray {
	color: #a0a0a0;
	font-family: 'Didact Gothic', sans-serif;
}

.color_yellow {
	color: #ff9e00;
}

.color_orange1 {
	color: #ea5205;
}

.color_orange2 {
	color: #ff7f00;
}

.color_pink {
	color: #ff004d;
}

.color_purple {
	color: #7e31a2;
}


.black {
	color: #000000;
}

.red {
	color: #DD0000;
}


/*--------見出し-----------*/


.midashi_pm01 {
	color:#c9151e;
	font-size:30px;
	text-align:center;
	letter-spacing: 0.05em;
	line-height:1.8em;
	margin: 10px 0px 10px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
    
}

.midashi_pm01_2 {
	font-size:40px;  
}




.midashi_pm02 {
	color:#0086d1;
	font-size:18px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	margin: 18px 0px 18px 0px;
	font-weight:400;
	position:relative;
	z-index:2;
	
}


.midashi_pm03 {
	color:#555555;
	font-size:18px;
	text-align:center;
	letter-spacing: 0.1em;
	line-height:1.8em;
	margin: 18px 0px 18px 0px;
	font-weight:400;
	position:relative;
	z-index:2;
	font-family: 'Shippori Mincho', serif;
	
}




/*--------レスポンシブボックス40X60(商品一覧)-----------*/

.box40X60{
	width:100%;
	margin-top: 10px;
	margin-bottom: 60px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}



.box40X60_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 40%;
	margin-right: -0px;
	margin-bottom:0;
	table-layout: fixed;
	}
 
.box40X60_left {
	position: relative;
	table-layout: fixed;
	}

.box40X60_left img {
	height:auto;
	table-layout: fixed;
	}

.box40X60_right_wrapper {
	float: right;
	width: 60%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}



.box40X60_right {
	padding-left:40px;
	table-layout: fixed;
	width:100%;
	}



.box40X60_right p {
    padding: 0px !important;
	}







 
@media screen and (max-width: 767px) {
	.box40X60_left_wrapper, .box40X60_left, .box40X60_right_wrapper, .box40X60_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box40X60_left img {
		width:80%
		}
		 
	.box40X60_right {
		padding-left:0px;
		padding-top:20px;
		
		}
}





/*--------チェックボックス-----------*/

.check_pm {
    position: relative;
	border: 1px solid #000000;
	width:15px;
	height:15px;
	margin:-2px 10px 0px 0px;
    color: #000000;
  	text-align:center;
	display: inline-block;
	vertical-align:middle;
	
}

.check_pm:after {
  position: absolute;
  top: -2px;
  left: 2px;
  width: 14px;
  height: 9px;
  border-left: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}




/*--------ボーダー-----------*/



.border {
    position: relative;
    width: 100%;
	border-bottom: 1px solid #555555;
	margin:0px 0 60px 0;
	}

.border_white {
    position: relative;
    width: 100%;
	border-bottom: 1px solid #FFFFFF;
	margin:20px 0 20px 0;
	}
	
	
	
	
	
	
/*--------お問い合わせボタン-----------*/

.box_contact{
	margin:0 auto;
	width:auto;
	margin:20px 100px 20px 100px;
	padding:0px;
	border:0px solid #818181;
	background-color:#818181;
	text-align:center;
	}

.box_contact p{
	color:#FFFFFF; !important;
	font-size:20px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	padding: 10px 0px 10px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
	}
	
	
.box_contact img{
	width:50px;
	height:50px;
	vertical-align:middle;
	margin-right:20px;
	}
		
.box_contact a {	
	color: #FFFFFF !important;
	}

.box_contact a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #FFFFFF;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
	}

.box_contact a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 0.4;
	}








@media screen and (max-width: 900px) {
	.box_contact{
		margin:20px;
		}
		
	.box_contact img{
		margin-right:5px;
	}
	
.box_contact p{
	font-size:16px;
	}

}



@media screen and (max-width: 768px) {
.sp_t_center {
	text-align:center !important;
}


.sp_t_left {
	text-align:left !important;
}


.sp_t_right {
	text-align:right !important;
}
}




/*--------サプリ事情見出し-----------*/

.box_memo{
	margin:0 auto;
	width:auto;
	margin:20px;
	padding:0px;
	border:0px solid #c9151e;
	text-align:center;
	}

.box_memo p{
	color:#ffffff;
	font-size:20px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	padding: 10px 0px 10px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
	}
	
	
.box_memo img{
	width:80px;
	height:80px;
	vertical-align:middle;
	margin-right:20px;
	}




@media screen and (max-width: 900px) {
.box_memo{
		margin:20px;
		}
		
.box_memo img{
		width:40px;
		height:40px;
		margin-right:5px;
	}
	
.box_memo p{
	font-size:16px;
	}

}


.border4 {
    position: relative;
    width: 100%;
	border-bottom: 2px solid #c9151e;
	margin:10px 0 10px 0;
}





/*--------レイヤー１〜３-----------*/


.layer {	
	background-color:#c9151e;
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	border-radius: 10%;
	}
	
	
.layer_p {
	font-family: 'Didact Gothic', sans-serif;
	font-size:15px;
	font-weight: 400;
	letter-spacing:3px;
    color: #ffffff;
	margin:10px 0 10px 0;
	
	line-height:1.7em;
	}

	
.layer_number {
	font-size:40px;
	font-weight: 700;
	letter-spacing:5px;
	}


/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	

.layer {	
	width: 70px;
	height: 70px;
	line-height: 70px;
	}
	
.layer_p {
	font-size:12px;
	letter-spacing:2px;
	line-height:1.8em;
	}

	
.layer_number {
	font-size:35px;
	font-weight: 700;
	letter-spacing:3px;
	}	

}


/*--------ポイント１〜6-----------*/


.point {	
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 100px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	}
	
	
.point_p {
	font-family: 'Didact Gothic', sans-serif;
	font-size:16px;
	font-weight: 400;
	letter-spacing:3px;
    color:#c9151e;
	margin:10px 0 10px 0;
	
	line-height:1.7em;
	}

	
.point_no {
	font-size:40px;
	font-weight: 700;
	letter-spacing:5px;
	}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	

.point {	
	width: 100px;
	height: 70px;
	}
	
.point_p {
	font-size:12px;
	letter-spacing:2px;
	line-height:1.8em;
	}

	
.point_no {
	font-size:30px;
	font-weight: 700;
	letter-spacing:3px;
	}	

}

/*--------レスポンシブボックス20X80-----------*/

.box20X80{
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}

.box20X80_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 20%;
	margin-right: -0px;
	margin-bottom:0;
	table-layout: fixed;
	}
 
.box20X80_left {
	position: relative;
	table-layout: fixed;
	}

.box20X80_left img {
	height:auto;
	table-layout: fixed;
	}

.box20X80_right_wrapper {
	float: right;
	width: 80%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}

.box20X80_right {
	padding-left:40px;
	table-layout: fixed;
	width:100%;
	}

.box20X80_right p { 
	padding: 0px !important;
	text-align:left;
	}
 
@media screen and (max-width: 767px) {
	.box20X80_left_wrapper, .box20X80_left, .box20X80_right_wrapper, .box20X80_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box20X80_left img {
		height: auto;
		}
		 
	.box20X80_right {
		padding-left:0px;
		padding-top:20px;
		
		width:100%;
		}
		
	.box20X80_right p { 
	text-align:center;
	}
}




/*--------レスポンシブボックス80X20-----------*/

.box80X20{
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}

.box80X20_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 80%;
	margin-right: -0px;
	margin-bottom:0;
	table-layout: fixed;
	}
 
.box80X20_left {
	position: relative;
	table-layout: fixed;
	}

.box80X20_left img {
	height:auto;
	table-layout: fixed;
	}

.box80X20_right_wrapper {
	float: right;
	width: 20%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}

.box80X20_right {
	padding-left:40px;
	table-layout: fixed;
	width:100%;
	}

.box80X20_right p { 
	padding: 0px !important;
	text-align:left;
	}
 
@media screen and (max-width: 767px) {
	.box80X20_left_wrapper, .box80X20_left, .box80X20_right_wrapper, .box80X20_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box80X20_left img {
		height: auto;
		}
		 
	.box80X20_right {
		padding-left:0px;
		padding-top:20px;
		
		width:100%;
		}
		
	.box80X20_right p { 
	text-align:center;
	}
}







/*--------レスポンシブボックス70X30-----------*/

.box70X30{
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}

.box70X30_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 70%;
	margin-right: -0px;
	margin-bottom:0;
	table-layout: fixed;
	}
 
.box70X30_left {
	position: relative;
	table-layout: fixed;
	}

.box70X30_left img {
	height:auto;
	table-layout: fixed;
	}

.box70X30_right_wrapper {
	float: right;
	width: 30%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}

.box70X30_right {
	padding-left:40px;
	table-layout: fixed;
	width:100%;
	}

.box70X30_right p { 
	padding: 0px !important;
	text-align:left;
	}
 
@media screen and (max-width: 767px) {
	.box70X30_left_wrapper, .box70X30_left, .box70X30_right_wrapper, .box70X30_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box70X30_left img {
		height: auto;
		}
		 
	.box70X30_right {
		padding-left:0px;
		padding-top:20px;
		
		width:100%;
		}
		
	.box70X30_right p { 
	text-align:center;
	}
}


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}






/*-------------------------------------------------------------新たに追加-------------------------------------------------------------*/




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




html{
	color:#000;
	background:#FFF;
	}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	font-weight: 500;
	}

body{
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
	}
	
	
body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/cyounai_back.gif) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }	
	

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {	

body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/cyounai_back.gif) center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }


}



p {
	letter-spacing: 0.1em;
	line-height:1.7em;
	font-size:14px;
	word-break: break-all;
	}


/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
p {
	letter-spacing: 0.05em;
	font-size:12px;
	}

}

a {	
	text-decoration: none;
	}
	
	
.link_line a {	
	text-decoration: none;
	padding: 5px 5px;
    position: relative;
    display: inline-block;
	}

.link_line a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #6dba44;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	}
 
 .link_line a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	}
	
	
.link_img {
	display:block;
	position:relative;
	}

.link_img a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #ffffff;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
	}

.link_img a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 0.2
	}
	


@font-face {
    font-family: 'MyYuGothicM';
    font-weight: normal;
    src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */
    local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
    local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
    }
	
@font-face {
    font-family: 'MyYuGothicM';
    font-weight: bold;
    src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */
    local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
    }
.sample{
    font-family :
    MyYuGothicM, /* Windows調整用 */
    YuGothic,    /* Mac用 */
    sans-serif;
    }




/*--------ローディング-----------*/

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 1;
	}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #020000;
	z-index: 2;
	}


.loader_black {
	margin: 100px auto;
	font-size: 8px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	}


@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}







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

.main {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 999;
	color:#FFF;
}

.main_inner {
	width: auto;
	margin: 0 auto;
	text-align:center;
	padding-top:150px;
}

img {	
    width: inherit;
    max-width: 100%;
  	height: auto;
	
	text-decoration:none;
	border: 0px;
}





.index-head_pc {
	border: 0px dotted ;
}

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




@media screen and (max-width: 767px) {
	
	
.index-head_pc {
	display:none;
	}

.sidebar_pc {
	display:none;
	}
	
}



.index-head_sp {
	border: 0px dotted ;
	overflow: hidden;
	margin:0 auto;
	}

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


@media screen and (min-width: 768px) {
	
	
.index-head_sp {
	display:none;
	}

.sidebar_sp {
	display:none;
	}
	
}




/*--------コンテント-----------*/



.wrapper {
	margin: 0 auto;
	width: 100%;
	}
 
.content {
	border: 0px dotted #000;
	margin: 0 auto;
	padding:0px 0px 20px 0px;
	max-width:980px;
	}


/*--------基本レスポンシブ-----------*/


@media screen and (max-width: 900px) {
	
	.main_inner {
        width: 100%;
 		padding-top:100px;
	}
}




@media screen and (max-width: 767px) {
	
	.main_inner {
        width: 100%;
 		padding-top:150px;
	}


    .wrapper, .content {
          float: none;
          margin: 0;
          width: auto;
     }
	 
	 .sidebanner {
          float: none;
		  margin: 0 auto;
          width: auto;
     }
	 
	 .sidebanner ul li img{
   width: 100%;  /* 横幅(親ボックスの横幅に合わせる) */
   padding: 0px;  /* 内側の余白 */
   /* ▼横幅に枠線まで含める */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
	
	}
}


/*--------改行レスポンシブ-----------*/


@media screen and (max-width: 768px) {
	.br-pc { display:none; }
}

@media screen and (min-width: 480px) {
	.br-sp { display:none; }
}



/*--------  トップページ  -----------*/

.box1{
	width:auto;
	height:auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding:20px;
	border:0px solid #000000;
	background-color:#FFF;
	text-align:center;
	clear: both; 
	}

.margin-top200{
	margin-top: 200px;
	}
.margin-top150{
	margin-top: 150px;
	}
.margin-top100{
	margin-top: 100px;
	}

.margin-top90{
	margin-top: 90px;
	}
	
.margin-top80{
	margin-top: 80px;
	}

.margin-top70{
	margin-top: 70px;
	}

.margin-top50{
	margin-top: 50px;
	}
	
.margin-top30{
	margin-top: 30px;
	}

.margin-bottom50{
	margin-bottom: 50px;
	}

.margin-bottom30{
	margin-bottom: 30px;
	}

.margin-bottom20{
	margin-bottom: 20px;
	}

.margin-bottom10{
	margin-bottom: 10px;
	}
	
.padding-bottom30{
	padding-bottom: 30px;
	}
	
.padding-left10{
	padding-left: 10px;
	}
	
.padding-left30{
	padding-left: 30px;
	}
.padding-right20{
	padding-right: 0px;
	}

@media screen and (min-width: 768px) {
	
.padding-right20{
	padding-right: 20px;
	}
}


.padding-right30{
	padding-right: 30px;
	}	

.blog{
	padding:20px 10px 20px 10px;
	background-color:#FFF;
	}

.bg_green{
	background-color:#6dba44;
	}

@media screen and (min-width: 768px) {
	
	.box1{
	padding:50px 80px 50px 80px;
	}

	.blog{
	padding:50px 160px 50px 160px;
	}
}



.box1 a{
	color:#999999;
	text-decoration:none;
}


.coupon{
	width:auto;
}

@media screen and (min-width: 900px) {
	
.coupon{
	max-width:700px;
}
}


.box_style{
	width:auto;
	height:auto;
	margin-top: 70px;
	margin-bottom: 30px;
	padding:10px 0px 10px 0px;
	border:0px solid #000000;
	background-color:#FFF;
	text-align:center;
	clear: both; 
	}



@media screen and (min-width: 768px) {
	
.box_style{
	padding:50px 10px 50px 10px;
	}
}


/*--------デカロゴセンター-----------*/

.index-top {
    width: 100%;
    border: 0px solid #000;
	position: relative;
    }

.index-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  width:60%;
  
}

.index-logo img {
  width:50%;
  margin:0 auto;
  
}


@media screen and (max-width: 900px) {
	
.index-logo {
 		padding-top:100px;
		width:65%;
	}	

	
}

@media screen and (max-width: 767px) {
	
.index-logo {
	display:none;
	}	
}

/*--------デカロゴセンター-----------*/


/*--------トップページ画像切り替え-----------*/

@media screen and (min-width: 766px) {
	
.index-top_sp {
	display:none;
	}	
}


@media screen and (max-width: 767px) {
	
.index-top_pc {
	display:none;
	}	
}

/*--------トップページ画像切り替え-----------*/



/*--------トップページ見出し-----------*/





/*--------トップページ見出し-----------*/


.midashi01 {
	font-family: 'Josefin Slab', serif;
	font-size:40px;
	font-weight:700;
    color: #fff;
  	text-align:left;
	letter-spacing:5px;
	line-height:normal;
	background-color:#000;
	display:inline-block;
	padding:5px 10px 0px 10px;
	z-index:2;
	position:absolute;
	margin-left:-100px;
	margin-top:-100px;
    
}

.midashi01_2 {
	font-family: 'Josefin Slab', serif;
	font-size:40px;
	font-weight:700;
    color: #fff;
  	text-align:left;
	letter-spacing:5px;
	line-height:normal;
	background-color:#000;
	display:inline-block;
	padding:10px 10px 0px 10px;
	z-index:2;
	position:absolute;
	margin-left:-30px;
	margin-top:-30px;
    
}

.date {
	font-size:130%;    
}

.midashi02 {
	font-family: 'La Belle Aurore', cursive;
	/*--------
	font-family: 'Clicker Script', cursive;
	-----------*/
	font-size:50px;
    color: #6dba44;
  	text-align:right;
	line-height: 120%;
	letter-spacing: 0.01em;
	transform: rotate( -5deg );
	position:relative;
	z-index:2;
}

.midashi02_2 {
	font-family: 'La Belle Aurore', cursive;
	font-size:40px;
    color: #000000;
  	text-align:center;
	line-height:normal;
}


.midashi03 {
	color:#333333 ;
	font-size:20px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	margin: 18px 0px 18px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
	
}

.midashi_menu {
	color:#333333 ;
	font-size:18px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	margin: 18px 0px 18px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
	
}


/*--------スマホ用文字間調整-----------*/

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {

.spacing_sp {
	letter-spacing: 0.1em !important;
	
}

.spacing_sp2 {
	letter-spacing: 0.01em !important;	
}

}

/*--------サブページメニュー分隙間-----------*/

.padding-top100 {
 		padding-top:100px;
}

/*--------サブページメニュー分隙間-----------*/


/*--------花イラスト-----------*/

.illust_haichi01 {
  	text-align:left;
	line-height:normal;
	display:inline-block;
	padding:10px;
	z-index:1;
	position:absolute;    
}


/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.illust_haichi01 {
	margin-left:-200px;
	margin-top:-100px;
	width:400px;
    
}


.midashi02 {	
	font-size:20px;
	margin-top:-20px;
	margin-bottom:20px;
	margin-right:10px;
	text-align:center;
	}



.midashi03 {
	font-size:15px;
	padding: 20px 0px 20px 0px;
}

.midashi_menu {
	font-size:14px;
	margin: 0px 0px 18px 0px;
}

}


/* 画面サイズ481px〜767pxはこのファイルはスタイルが適用される */

@media screen and (min-width: 481px) and (max-width: 767px) {
	
.illust_haichi01 {
	margin-left:-300px;
	margin-top:-300px;
	width:600px;
    
}

.midashi02 {	
	font-size:22pt;
	}
	
.midashi03 {
	font-size:18px;
}

.midashi_menu {
	font-size:15px;	
}

}

@media screen (min-width: 768px) and (max-width: 900px) {
	
.midashi02 {	
	font-size:30pt;
	}
}

/* 画面サイズ767px以上はこのファイルはスタイルが適用される */

@media screen and (min-width: 768px) {
	
.illust_haichi01 {
	margin-left:-400px;
	margin-top:-400px;
	width:900px;
    
}
	
}




/*--------h2タイトル-----------*/

.heading {
	font-family: 'Josefin Slab', serif;
	font-size:200%;
	font-weight: 700;
	letter-spacing:3px;
    color: #64461e;
	margin: 10px 0px 30px 0px;
  	text-align:center;
  	padding-bottom:20px;
	display: inline-block;
	width:100%;
	
	position:relative;
	z-index:3;
	
	background-image:url(../img/line01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:150px;
    
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {	
	.heading {
		padding-bottom:15px;
		background-size:100px;
		}
}




.heading2 {
	font-family: 'Josefin Slab', serif;
	font-size:200%;
	font-weight: 700;
	letter-spacing:3px;
    color: #ffffff;
	margin: 10px 0px 10px 0px;
  	text-align:center;
	display: inline-block;
	width:100%;
}



.staffwanted {
	font-family: 'Josefin Sans', sans-serif;
	font-size:300%;
	font-weight: 700;
	letter-spacing:30px;
    color: #ffffff;
	margin: 0 auto;
  	text-align:center;
  	padding-top:20px;
	padding-bottom:5px;
	display: inline-block;
	width:90%;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
}



/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.heading {
	font-size:130%;
}

.heading2 {
	font-size:130%;
}

.staffwanted {
	font-size:200%;
	letter-spacing:20px;
}

}


.link {
	letter-spacing: 0.1em;
	font-size:13px;
	word-break: break-all;
	font-weight:500;
	color:#000;
	margin:30px;
	display: inline-table;
	height:auto;
}

.link img {
	height:30px;
	position:relative;
	vertical-align:middle;
}

.link2 {
	letter-spacing: 0.05em;
	font-size:13px;
	word-break: break-all;
	font-weight:500;
	color:#fff;
	margin:30px 0 30px 0;
	display: inline-table;
	height:auto;
}


/*--------色-----------*/

.green {
	color: #6dba44;
}

.white {
	color: #FFFFFF;
}

.gray {
	color: #555555;
}

.black {
	color: #000000;
}

.red {
	color: #DD0000;
}




/*--------メニュー小 各メニューへリンク-----------*/

.menu_small_inner {
	width: auto;
	margin: 0 auto;
	text-align:center;
	padding:0px;
}


@media screen and (max-width: 767px) {
	
.menu_small_inner_inner {
        width: 100%;
	}
}



.menu_small {
	width:32%;
	float:left;
	margin:0px;
	padding:5px 0 0 5px;
	position:relative;
	border:0px dotted #6dba44;
	z-index:3;
	
}

.menu_small p a {
	width:auto;
	text-align:left;
	font-size:14px;
	color:#6dba44 !important;
	padding:10px;
	font-weight:500;
	display:block;
	position:relative;
	border:1px solid #6dba44;
}

.clear {
	clear:both;
}

.click_under {
    position: relative;
	margin:-5px 5px 0px 0px;
	display: inline-block;
	vertical-align:middle;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px; 
	height:15px; 
	width:15px; 
	background-color:#6dba44;
}
	


.click_under:after {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
	
	

.menu_small a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #6dba44;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
	}

.menu_small a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 0.2
	}


.click_top {
    position: relative;
	margin:-5px 5px 0px 0px;
	display: inline-block;
	vertical-align:middle;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px; 
	height:15px; 
	width:15px; 
	background-color:#000000;
}
	
.click_top:after {
  position: absolute;
  top: 6px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.menu_small {
	width:47%;
}
	
.menu_small p a {
	font-size:10px;
}
.box_menu_small {
	padding:20px 0 20px 0;
}


}

/* 画面サイズ481px〜728pxはこのファイルはスタイルが適用される */

@media screen and (min-width: 481px) and (max-width: 728px) {
	
.menu_small {
	width:47%;
}
	
.menu_small p {
	font-size:13px;
}




}



/*--------メニューテーブル-----------*/


.table01{
	width:100%; border-collapse:collapse;
}



.table01_th01{
	border-bottom:0px solid #999999; 
	padding:15px 0 0 0; 
	vertical-align:middle; 
	
	text-align:left;
}

.table01_th01 p { 
	padding: 0px !important;
	color:#000000;
	font-size:18px;
	letter-spacing: 0.2em;
	line-height:1.8em;
}


.table01_td01{
	border-bottom:0px solid #999999; 
	padding:15px 0 0 0; 
	vertical-align:middle;
	text-align:right;
}

.table01_td01 p { 
	padding: 0px !important;
	color:#000000;
	font-size:16px;
	letter-spacing: 0.2em;
	line-height:2.0em;
}

.table01_th02{
	border-bottom:1px solid #999999;
	padding:0 0 15px 0; 
	vertical-align:top; 
	text-align:left;
}

.table01_th02 p { 
	color:#777777;
}


.table02_th02 p { 
	padding: 0px !important;
	color:#333;
	font-size:13px;
	letter-spacing: 0.05em;
	line-height:1.8em;
}


.table02_th01{
	border-bottom:1px solid #999999; 
	padding:15px 0 15px 0; 
	vertical-align:middle; 
	
	text-align:left;
}

.table02_th01 p { 
	padding: 0px !important;
	color:#000000;
	font-size:18px;
	letter-spacing: 0.2em;
	line-height:1.8em;
}

.table02_thsc{
	border-bottom:1px solid #999999; 
	padding:15px 0 15px 0; 
	vertical-align:middle; 
	
	text-align:left;
}

.table02_thsc p { 
	padding: 0px !important;
	color:#000000;
	font-size:18px;
	letter-spacing: 0.2em;
	line-height:1.8em;
}


.table02_td01{
	border-bottom:1px solid #999999; 
	padding:15px 0 15px 0; 
	vertical-align:middle;
	text-align:right;
}

.table02_tdsc{
	border-bottom:1px solid #999999; 
	padding:15px 0 15px 0; 
	vertical-align:middle;
	
	text-align:right;
}

.table02_td01 p { 
	padding: 0px !important;
	color:#000000;
	font-size:16px;
	letter-spacing: 0.2em;
	line-height:2.0em;
}


.table02_tdsc p { 
	padding: 0px !important;
	color:#000000;
	font-size:16px;
	letter-spacing: 0.2em;
	line-height:2.0em;
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.table01_th01 p{ 
	font-size:13px;
}
.table01_td01 p{ 
	font-size:12px;
}
.table02_th01 p { 
	font-size:13px;
}
.table02_td01 p { 
	font-size:12px;
}


.table01_th02 p { 
	font-size:11px;
	letter-spacing: 0.02em;
}


.table02_th02 p { 
	font-size:13px;
}


.table02_td02 p { 
	font-size:11px;
}


.table02_thsc p { 
	font-size:13px;
}
.table02_tdsc p { 
	font-size:10px;
}



}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 330px) {

.table02_thsc p { 
	font-size:12px;
}
.table02_tdsc p { 
	font-size:10px;
	letter-spacing: 0em;
}



}


.menu_topic {
	font-family: 'Josefin Sans', sans-serif;
	font-size:200%;
	font-weight: 700;
	letter-spacing:3px;
    color: #6dba44;
	margin: 0 auto;
  	text-align:center;
  	padding-top:20px;
	padding-bottom:0px;
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.menu_topic {
	font-size:150%;
}

}






/*--------ミルボンバナー-----------*/

.bunner1{
	width:auto;
	height:auto;
	padding:0px;
	text-align:center;
	clear: both; 
}




/*--------STAFF-----------*/


.massage {
	font-family: 'La Belle Aurore', cursive;
	font-size:50px;
    color: #6dba44;
  	text-align:center;
	line-height:normal;
	letter-spacing: 0.01em;
	transform: rotate( -5deg );
}


.midashi_staff {
	width:auto;
	height:auto;
	text-align:center;
	
	}

.midashi_staff img {
	width:250px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	
.massage2 {
  	text-align:center;
}
	

@media screen and (max-width: 767px) {
	.midashi_staff img {
		width: 50%;
		margin-top: 0px;
		margin-bottom: 0px;
		}
	.massage {
		font-size:30px;
		}
		
	.massage2 {
  		text-align:left;
}
}

	



/*--------見出しかっこ-----------*/


.kakko1 {
	margin:0 auto;
	border:0px solid #cccccc;
	position: relative;
	height:50px;
	z-index:3;
	margin-top:-20px;
	}
	
	
.kakko2 {
	margin:0 auto;
	border:0px solid #cccccc;
	position: relative;
	
	}
	
	
.kakko3 {
	margin:0 auto;
	border:0px solid #cccccc;
	position: relative;
	text-align:center;
	margin-bottom:30px;
	width:auto;
	padding:30px;
	}
	
	
.kakko3 p {
	margin-bottom:-10px;
	vertical-align:middle;
	text-align:center !important;
	}	
	
.kakko1 p {
	vertical-align:middle;
	}
	
	
.kakko2 p {
	margin-bottom:-10px;
	vertical-align:middle;
	}

.kakko_left {
	font-family: 'Playfair Display', serif;
	font-size:70px;
	color: #6dba44;
	margin-top:20px;
	
	text-align:left;
	position: absolute;
	left: 0;
	top: 0;
	
	line-height:0;
	
	border:0px solid #cccccc;
	}
	
	
.kakko_left2 {
	
	font-family: 'Josefin Sans', serif;
	font-weight:100 !important;

	font-size:40px;
	color: #6dba44;
	margin-top:25px;
	margin-left:0px;
	
	text-align:left;
	position: absolute;
	left: 0;
	top: 0;
	
	line-height:0;
	border:0px solid #cccccc;
	}
	
	
	

.kakko_right {
	font-family: 'Playfair Display', serif;
	font-size:70px;
	color: #6dba44;
	margin-bottom:0px;
	
	text-align:right;
	position: absolute;
	right: 0;
	bottom: 0;
	
	line-height:0;
	
	border:0px solid #cccccc;
	}

.kakko_right2 {
	
	font-family: 'Josefin Sans', serif;
	font-weight:100 !important;
	
	font-size:40px;
	color: #6dba44;
	margin-right:0px;
	margin-bottom:15px;
	
	text-align:right;
	position: absolute;
	right: 0;
	bottom: 0;
	
	line-height:0;
	border:0px solid #cccccc;
	}
	
	
	
	
	


@media screen and (min-width: 469px) {
.kakko1 {
	width:400px;
	height:50px;
	margin-top:30px;
	}	
}


@media screen and (min-width: 700px) {
	.kakko2 {
		width:600px;
		}
		
	.kakko_left {
		font-size:100px;
		margin-top:30px;
		}


	.kakko_right {
		font-size:100px;
		}
	
		
}





/*--------クレジット隠し未使用

.kakushi_haichi01 {
  	text-align:center;
	vertical-align:middle;
	display:block;
	width:350px;
	height:40px;
	z-index:99;
	position:absolute;
	margin-top:-80px;
	margin-left:-30px;
	background-color:#fff;
	border:2px solid #000000;
}
--*/

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
/*--
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.kakushi_haichi01 {
	width:220px;
}


}



--*/

/*--------クレジット隠し-----------*/
.box_kakushi{
	margin-top:-80px;
	margin-left:-30px;
	width:auto;
	padding:10px;
	border:0px solid #000;
	text-align:center;
	color:#fff;
	background-color:#fff;
	width:350px;
	z-index:99;
	position:absolute;
	}
	
.box_kakushi p{
	vertical-align:middle;
	}
		
/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	
.box_kakushi{
	width:220px;

	}

}

/*--------クレジット隠し-----------*/










/*--------レスポンシブボックス50X50-----------*/

.box50X50{
	width:100%;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}



.box50X50_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 50%;
	margin-right: -0px;
	margin-bottom:0;
	
	table-layout: fixed;
	}
 
.box50X50_left {
	position: relative;
	table-layout: fixed;
	}

.box50X50_left img {
	height:auto;
	table-layout: fixed;
	}

.box50X50_right_wrapper {
	float: right;
	width: 50%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}



.box50X50_right {
	padding-left:20px;
	table-layout: fixed;
	}
	
	
.box50X50_right_img {
	padding:0px;
	table-layout: fixed;
	}

.box50X50 img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


.box50X50_right p { 
	padding: 0px !important;
	text-align:left;
	}
	

/* ie用　imgはみ出し防止 */
.hamidashikaihi {   width: 100%;  /* 横幅(親ボックスの横幅に合わせる) */
   padding: 0px;  /* 内側の余白 */
   /* ▼横幅に枠線まで含める */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}





 
@media screen and (max-width: 767px) {
	.box50X50_left_wrapper, .box50X50_left, .box50X50_right_wrapper, .box50X50_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box50X50_left img {
		height: auto;
		padding:0px;
		}
		 
	.box50X50_right {
		padding-left:0px;
		padding-top:0px;
		}
		
	.box50X50_right_img {
		padding-top:0px;
		}
		
}

/*--------レスポンシブボックス30X70-----------*/

.box30X70{
	width:100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	display:table;
	padding:0px;
	table-layout: fixed;
	}



.box30X70_left_wrapper {
	float: left;
	margin: 0 auto;
	width: 30%;
	margin-right: -0px;
	margin-bottom:0;
	table-layout: fixed;
	}
 
.box30X70_left {
	position: relative;
	table-layout: fixed;
	}

.box30X70_left img {
	height:auto;
	table-layout: fixed;
	}

.box30X70_right_wrapper {
	float: right;
	width: 70%;
	height:100%;
	vertical-align:middle;
		 
	/* 中央揃え */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	
	table-layout: fixed;
	}



.box30X70_right {
	padding-left:40px;
	table-layout: fixed;
	width:100%;
	}



.box30X70_right p { 
	padding: 0px !important;
	text-align:left;
	}







 
@media screen and (max-width: 767px) {
	.box30X70_left_wrapper, .box30X70_left, .box30X70_right_wrapper, .box30X70_right {
		float: none;
        margin: 0;
        width: auto;
		height:auto;
		}
	.box30X70_left img {
		height: auto;
		}
		 
	.box30X70_right {
		padding-left:0px;
		padding-top:20px;
		
		width:80%;
		}
}











.box_green{
	width:auto;
	height:auto;
	margin:30px 0px 30px 0px;
	padding:30px 50px 30px 50px;
	border:2px solid #6dba44;
	clear: both; 
	}
	
	
.box_green a {	
	color: #6dba44;
	}


@media screen and (max-width: 767px) {
	.box_green{
		padding:30px;
		}

}





@media screen and (max-width: 767px) {
.img_pc {display:none;}
}



@media screen and (min-width: 768px) {	
.img_sp {display:none;}
}





/*--------サロンポイントフォント-----------*/

.point01 {
	font-family: 'La Belle Aurore', cursive;
	font-size:25px;
    color: #6dba44;
  	text-align:center;
	letter-spacing: 0.01em;
	margin: 30px 0px 30px 0px;
}

/*----
.point_number {
	font-family: 'Josefin Slab', serif;
	font-size:80px;
	font-weight: 700;
	letter-spacing:3px;
    color: #6dba44;
	display: inline-block;
}
----*/
.point_midashi {
	color: #6dba44;
	font-size:20px;
	letter-spacing: 0.18em;
	line-height:1.8em;
	margin: 0px 0px 30px 0px;
	font-weight:500;
	text-align:center;
}

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	

.point01 {
	font-size:20px;
	}


.point_number {
	font-size:60px;
	}

.point_midashi {
	font-size:15px;
	letter-spacing: 0.1em;
	}

}



.map_illust {
		width:100%;
		position:relative;
		z-index:4;
		}


@media screen and (min-width: 700px) {
	.map_illust {
		max-width:650px;
		}
}




/*--------アクセスルートフォント-----------*/


.circle {	
	background-color: #6dba44;
	padding: 0;
	margin: 0;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	}
	
	
.circle_p {
	font-family: 'Josefin Slab', serif;
	font-size:15px;
	font-weight: 400;
	letter-spacing:3px;
    color: #ffffff;
	margin:10px 0 10px 0;
	
	line-height:2.5em;
	}

	
.circle_number {
	font-size:50px;
	font-weight: 700;
	letter-spacing:5px;
	}
	
/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {
	

.circle {	
	width: 70px;
	height: 70px;
	line-height: 70px;
	}
	
.circle_p {
	font-size:12px;
	letter-spacing:2px;
	line-height:2.2em;
	}

	
.circle_number {
	font-size:35px;
	font-weight: 700;
	letter-spacing:3px;
	}
	

}


/*--------予約ボタン-----------*/

.box_green2{
	margin:0 auto;
	width:auto;
	margin:20px 100px 20px 100px;
	padding:0px;
	border:2px solid #6dba44;
	text-align:center;
	}

.box_green2 p{
	color:#6dba44;
	font-size:20px;
	text-align:center;
	letter-spacing: 0.18em;
	line-height:1.8em;
	padding: 10px 0px 10px 0px;
	font-weight:500;
	position:relative;
	z-index:2;
	}
	
	
.box_green2 img{
	width:50px;
	height:50px;
	vertical-align:middle;
	margin-right:20px;
	}
		
.box_green2 a {	
	color: #6dba44;
	}

.box_green2 a::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   background-color: #6dba44;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
	}

.box_green2 a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 0.4;
	}








@media screen and (max-width: 900px) {
	.box_green2{
		margin:20px;
		}
		
	.box_green2 img{
		margin-right:5px;
	}
	
.box_green2 p{
	font-size:16px;
	}

}


/*-----------↑使用-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/*--------news-----------*/


.black {
	color: #000000;
}


.blue {
	color: #50bcd3;
}



.orange {
	color: #eab025;
}







.box2{
	width:auto;
	height:auto;
	margin: 10px;
	padding:10px;
	border:0px solid #000000;
	text-align:left;
	clear: both; 
}

.box2 p{
	letter-spacing: 0.04em;
	line-height:2.2em;
	font-size:14px;
}

.box2 a{
	text-decoration:none;
}


.box2 hr{
	margin:30px 0 30px 0;
}




/*--------course-----------*/

.box3_wrapper {
     width: 100%;
	 vertical-align:middle;
	 background-color:#FFFFFF;
	 
	 /* 中央揃え */
	 display: flex;
     -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
     align-items: center; /* 縦方向中央揃え */
     -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
     justify-content: center; /* 横方向中央揃え */
}

.box3 {
	padding:30px;
}





.box3 p { 
	padding: 0px !important;
	color:#333;
	font-size:14px;
	letter-spacing: 0.05em;
	line-height:2.0em;
	text-align:left;
}




.box4_wrapper {
     width: 100%;
	 vertical-align:middle;
	 margin:30px 0 30px 0;
	 
	 /* 中央揃え */
	 display: flex;
     -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
     align-items: center; /* 縦方向中央揃え */
     -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
     justify-content: center; /* 横方向中央揃え */
}

.box4 p { 
	color:#333;
	font-size:13px;
	letter-spacing: 0.1em;
	line-height:1.7em;
	text-align:center;
}

.box4 img {
	margin-bottom:20px;
}


.padding_40px {
	padding:40px;
}
.padding_30px {
	padding:30px;
}
.padding_20px {
	padding:20px;
}

.padding_10px {
	padding:10px;
}

.padding-top_40px {
	padding-top:40px;
}

.padding-top_30px {
	padding-top:30px;
}

.padding-top_20px {
	padding-top:20px;
}

.back_paleblue {
	 background-color:#F8FBEF;
}

.back_whiteblue {
	 background-color:#f1f9ff;
}

.back_blue {
	 background-color:#50bcd3;
}

.back_orange {
	background-color:#eab025;
}

.box_border {
	 border:1px solid #000000;
}


.box5_wrapper {
	width:auto;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	clear: both;   
}


.box5 {
	width: 100%;
	padding:30px 50px 30px 50px;
	
	
   /* ▼はみ出し防止 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

@media screen and (max-width: 767px) {
	
	.box5 {
	padding:30px;
}

.box3 p { 
	font-size:13px;
}

.box4 p { 
	font-size:12px;
}
	 
}





.box5 p { 
	padding: 0px !important;
	color:#333;
	font-size:13px;
	letter-spacing: 0.08em;
	line-height:2.0em;
}






.course_photo {
	width:auto;
	text-align:center;
	
}

.course_photo img {
	width:300px;
}

@media screen and (max-width: 767px) {
.course_photo img {
          width: auto;
}

.box5 p { 
	font-size:12px;
}

}


/*--------矢印-----------*/



.yajirushi {
    position: relative;
    width: 100%;
	border-bottom: 1px solid #000000;
	margin:40px auto 40px auto;
}
.yajirushi:before,
.yajirushi:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 25px;
}
.yajirushi:before {
    border-top-color: #000000;
    margin-left: -25px;
}
.yajirushi:after {
    border-top-color: #FFFFFF;
    margin: -1px 0 0 -25px;
}



.yajirushi2 {
    position: relative;
    width: 100%;
	border-bottom: 1px solid #000000;
	margin:40px auto 40px auto;
}
.yajirushi2:before,
.yajirushi2:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 25px;
}
.yajirushi2:before {
    border-top-color: #000000;
    margin-left: -25px;
}
.yajirushi2:after {
    border-top-color: #F8FBEF;
    margin: -1px 0 0 -25px;
}


@media screen and (min-width: 768px) {
	
.yajirushi {
    width: 730px;
}

}

@media screen and (max-width: 767px) {
.yajirushi:before,
.yajirushi:after {
	border-width: 15px;
}
.yajirushi2:before,
.yajirushi2:after {
	border-width: 15px;
}

.yajirushi:before {
    margin-left: -15px;
}

.yajirushi:after {
    margin: -1px 0 0 -15px;
}


.yajirushi2:before {
    margin-left: -15px;
}

.yajirushi2:after {
    margin: -1px 0 0 -15px;
}
}


/*--------吹き出し-----------*/



.fukidashi {
    position: relative;
	border: 2px solid #000000;
	margin:0 0 20px 0;
	padding:2px 10px 2px 10px;
	font-size:16px;
	font-weight: bold;
	letter-spacing:2px;
    color: #000000;
  	text-align:center;
	display: inline-block;
	
}
.fukidashi:before,
.fukidashi:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 15px;
}
.fukidashi:before {
    border-top-color: #000000;
    margin-left: -15px;
}
.fukidashi:after {
    border-top-color: #FFFFFF;
    margin: -3px 0 0 -15px;
}


.fukidashi2 {
    position: relative;
	border: 2px solid #000000;
	margin:0 0 20px 0;
	padding:2px 10px 2px 10px;
	font-size:16px;
	font-weight: bold;
	letter-spacing:2px;
    color: #000000;
  	text-align:center;
	display: inline-block;
	
}
.fukidashi2:before,
.fukidashi2:after {
    position: absolute;
	left: 50%;
	top: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	border-width: 15px;
}
.fukidashi2:before {
    border-top-color: #000000;
    margin-left: -15px;
}
.fukidashi2:after {
    border-top-color: #F8FBEF;
    margin: -3px 0 0 -15px;
}



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

    .fukidashi, .fukidashi2 {
		font-size:10px;
		padding:2px 5px 2px 5px;

     }
}









/*--------QandA-----------*/


.border2 {
    position: relative;
    width: 100%;
	border-bottom: 1px dotted #000000;
	margin:10px 0 10px 0;
}


.p-minchou {	
	font-size:18px;
	
}


/*--------RESERVATION-----------*/

.logo_small {
	width:100px;
}

.box6 {
	padding:10px;
	background-color:#50bcd3;
	position: relative;
    width: 300px;
	margin:0 auto;
	display:block;
}

.box6 p { 
	color:#FFFFFF;
	font-size:16px;
	letter-spacing: 0.1em;
	line-height:2.0em;
	vertical-align:middle;
}


.border3 {
	border-bottom: 2px solid #FFFFFF;
}

@media screen and (max-width: 767px) {
	
	.box6 {
          float: none;
          margin: 0;
          width: auto;
}
	 
}



/*--------チェックボックス-----------*/

.check {
    position: relative;
	border: 2px solid #000000;
	width:15px;
	height:15px;
	margin:-2px 5px 0px 0px;
    color: #000000;
  	text-align:center;
	display: inline-block;
	vertical-align:middle;
	
}

.check:after {
  position: absolute;
  top: -2px;
  left: 2px;
  width: 18px;
  height: 9px;
  border-left: 3px solid #50bcd3;
  border-bottom: 3px solid #50bcd3;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}







.lb_box2 {
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	display:table;
	padding:0px;
	color:#333;
	font-size:12px;
	letter-spacing: 0.1em;
	line-height:2.0em;
	text-align:left;
}


.lb_left_wrapper2 {
     float: left;
     width: 50%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center;
}
 
.lb_left2 {
     position: relative;
	 padding:20px;
}







.lb_right_wrapper2 {
     float: right;
     width: 50%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center;
}

.lb_right2 {
     position: relative;
	 padding:20px;
}


.height_250px {
	 height:250px;
}


.salonInfoR {
	width:100%;
	height:500px;
}




 
@media screen and (max-width: 767px) {
     .lb_left_wrapper2, .lb_left2, .lb_right_wrapper2, .lb_right2, .height_250px {
          float: none;
          margin: 0;
          width: 100%;
		  height:auto;
     }
	 
	 .lb_right2 {
	 margin-top:-40px;
}

	 
	 
}


.p_border {
	 border-bottom:1px solid #000000;
}





.table01{
	width:100%; border-collapse:collapse;
	margin-bottom:40px;
}










.lb_box3 {
	width:100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
	display:table;
	padding:0px;
	letter-spacing: 0.1em;
	line-height:2.0em;
	font-weight: lighter;
	text-align:left;
	
	table-layout: fixed;
}


.lb_left_wrapper70 {
     float: left;
     width: 70%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center; 
	 
	 table-layout: fixed;
}
 

.lb_left3 {
     position: relative;
	 padding-right:20px; 
	 
	 table-layout: fixed;
}


.lb_right_wrapper30 {
     float: right;
     width: 30%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center; 
	 
	 table-layout: fixed;
}

.lb_right3 {
     position: relative;
	 padding-left:20px;
	 
	 table-layout: fixed;
}


.lb_left_wrapper30 {
     float: left;
     width: 30%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center; 
	 
	 table-layout: fixed;
}

.lb_right_wrapper70 {
     float: right;
     width: 70%;
	 height:auto;
     margin: 0 auto;
	 vertical-align:middle; 
	 display: flex;
     -webkit-align-items: center; 
     align-items: center; 
     -webkit-justify-content: center; 
     justify-content: center; 
	 
	 table-layout: fixed;
}


@media screen and (max-width: 767px) {
	
.lb_left_wrapper70 {
     width: 60%;
	 }

.lb_right_wrapper30 {
     width: 40%;
}
	
	
	
.lb_left_wrapper30 {
     width: 40%;
	 }

.lb_right_wrapper70 {
     width: 60%;
}

}






.lb_right_wrapper_boader {
     float: right;
     width: 50%;
	 height:300px;
	 vertical-align:middle;
	 background-image:url(../img/back2.png);
	 background-repeat:repeat;
	 
	 /* 中央揃え */
	 display: flex;
     -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
     align-items: center; /* 縦方向中央揃え */
     -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
     justify-content: center; /* 横方向中央揃え */
}


 
@media screen and (max-width: 767px) {
     .lb_right_wrapper_boader {
          float: none;
          margin: 0;
          width: auto;
		  height:auto;
     }

}