@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://cdn.leafscape.be/aozoramincho/AozoraMinchoRegular_web.woff2');


html{
	font-size: 62.5%;
}

body{
	margin:0;
	padding:0;
	
	}
	
header,navigation,.footer_menu,.trial,.order,
.gallery,.miki
	{
	width: 100%;
	max-width: 960px;
    margin: 0 auto;
	font-size: 1.2rem;
	color: #000;
	text-align: center;
	-webkit-font-smoothing:antiliased;
	-moz-osx-font-smoothing:grayscale;
}
img{
	max-width: 100%;
	height: auto;
}

img { -ms-interpolation-mode: bicubic; }

main, footer{
	text-align: center;
}
h1,h2,h3,h4{
	font-family: 'Sawarabi Mincho', serif;
	font-weight: 400;
	color: #000;
}
h1{
	font-size: 40px;
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: 25px;
	margin-top: 0;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 20px;
	margin: 10px;
}
h5{
	font-size: 16px;
	margin: 10px;
	color: rgba(214, 162, 163, 2.67)
}
.italic{
	font-style: italic;
}
.p_36,.p_18,.p_16, .p_14{
	font-family: 'Sawarabi Mincho', serif;
	color: #000;
}
.p_18{
	font-size: 18px;
	line-height: 1.6;
}
.p_16{
	font-size: 16px;
	line-height: 1.6;
}
.p_14{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.p_28{
	font-size: 28px;
}
.p_36{
	font-size: 36px;
	margin: 10px 0;
}
.txt_red{
	font-family: 'Sawarabi Mincho', serif;
	color: #ff3333;
}
.sp_br{
	display: none;
}
.pc_br{
	display: block;
}

/*header*/
.sp_logo{
	display: none;
}
.header_logo{
	width: 135px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.nav_list{
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}
.nav_list li:last-child{
	display: none;
}
.navigation2{
    list-style: none;
    font-size: 12px;
    font-family: 'Sawarabi Mincho', serif;
    display: flex;
    justify-content: space-around;
    margin: 20px 0;
}
.navigation2 li{
    padding: 0 15px 0;
    line-height: 3;
}
.navigation2 a{
	color: #000;
	text-decoration: none;
	letter-spacing: 0.1em
}
.current a{
	color:#ff6666; 
	}
.icon_size{
	font-size: 20px;
    vertical-align: middle;
}
.mv_btn a:hover, a:hover{
  color:#ff6666; 
}

/*PC・SP版スイッチ切り替え　koi追加*/

.area_switch{
	padding-top:60px;
	text-align:center;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	}

ul.switch{
    text-align: center;　/*ulの中身を中央揃え*/
    padding:0;
}
 
ul.switch li{
    display: inline-block; /*インラインブロック表示*/
    /display:inline; /*IE対策*/
    /zoom:1; /*IE対策*/
    padding: 0;
}
 
#btnPC{
    background: #ccc;
    color: #fff;
	
	 padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
	margin-left:10px;
	margin-right:10px;

}
 
#btnSP{
    background: #726d6d;
    color: #fff;
	 padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
	margin-left:10px;
	margin-right:10px;

}

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

.area_switch{
	padding-top:60px;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	}
	
#btnPC{
		font-size:75%;
		 padding-left: 10px;
    padding-right: 10px;
	margin-left:0px;
	margin-right:0px;}
 
#btnSP{
	font-size:75%;
	 padding-left: 10px;
    padding-right: 10px;
	margin-left:0px;
	margin-right:0px;
}
}

/*Googleカレンダー　koi追加*/


.googleCalendar iframe {
  width: 100%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	 width: 800px;
	
	height: 600px;
  }
}


/*↑ここまでkoi追加*/

/*ハンバーガーメニュー	*/
/* Smartphones (landscape) ----------- */
@media screen and (max-width :640px){
	body{
		font-size: 1.5rem;
	}
	h1{
		font-size: 36px;
	}
	h3{
		font-size: 25px;
	}
	h4{
		font-size: 16px;
	}
	.header_logo{
		display: none;
	}
	.sp_logo{
		display: block;
		width: 120px;
		margin: 0 auto;
	}
	.navigation2 li:last-child {
    	display: -webkit-inline-box;
		display: inline-block;
	} 
	.navigation2{
	    display:block;
		text-align: center;  
    	padding-top: 40px;
		margin: 0;
	} 
	.nav_list{
		position: fixed;
		text-align: center;
		top: 0;
		right: 0;
		z-index: 100;
		display: block;
	    width: 260px;
		height: 100%; 
		background-color: rgba(254,252,252,0.85);
		border: none;
		box-sizing: border-box;
	}
	.navigation2 li {
        padding: 2px 0 2px 0;
    	line-height: 2.6;
}
	.nav_item>a{
		color: #000;
		font-size: 17px;
	}
	.btn-trigger{
		webkit-appearance: none;
		appearance: none;
		position: fixed;
		top: 30px;
		z-index: 110;
		width: 40px;
		height: 22px;
		border: none;
		background-color: transparent;
		right: 20px;
	}
	.btn-trigger span{
		position: absolute;
		display: block;
		width: 28px;
		height: 2px;
		background-color: #666;
		transition: all 0.2s;
	}
	.btn-trigger span:first-of-type{
		top: 0;
	}
	.btn-trigger span:nth-of-type(2){
		top: 10px;
	}	
	.btn-trigger span:last-of-type{
		bottom: 0;
	}
	.btn-trigger.active span:first-of-type{
		transform: rotate(45deg);
		top: 10px;
	}
	.btn-trigger.active span:nth-of-type(2){
		opacity: 0;
	}
	.btn-trigger.active span:last-of-type{
		transform: rotate(-45deg);
		bottom: 10px;
	}
	.nav_list{
		display: none;
	}  

/*ハンバーガーメニュー別案
#global-navi {
    background:#333;
    position: fixed;
    top: 0;
    right: 0px;
    width: 100%;
}
#wrapper nav ul li{
display:inline-block;
font-size: 16px;
padding:  30px 20px 25px 28px;
}
#wrapper nav ul li a{
color: #ddd;
}	
	
	#wrapper nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    padding-top: 50px;
    background:rgba(254,252,252,0.85);
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2;
}
#wrapper nav ul li {
    display:block;
    padding: 20px 28px
}
#wrapper nav ul li a {
    text-decoration: none;
    color: #000;
}
#wrapper .btn-gnavi {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#wrapper .btn-gnavi span {
    position: absolute;
	display: block;
    width: 30px;
    height: 2px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#wrapper .btn-gnavi span:nth-child(1) {
    top: 0;
}
#wrapper .btn-gnavi span:nth-child(2) {
    top: 10px;
}
#wrapper .btn-gnavi span:nth-child(3) {
    top: 20px;
}
#wrapper .btn-gnavi.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#wrapper .btn-gnavi.open span {
    background: #000;
}
#wrapper .btn-gnavi.open span {
    width: 24px;
}
#wrapper .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #000;
}
#wrapper .contents section:nth-child(odd) p {
    left: 10%;
}
#wrapper .contents section:nth-child(even) p {
    right: 10%;
}  */
	
}
	
	

/*ハンバーガーメニュー2*/
/* dropdown */
.dropdown {
  z-index: 9999;
  width: auto;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.dropdown > a{
  display: block;
  color: #002060;
}

.dropdown > a > i{
  font-size: 30px;
}

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  width: 100%;
  padding: 5px 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 1px solid #002060;
  position: absolute;
  margin-top: -1px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2); }

  .dropdown-menu > li > a {
    display: block;
    padding: 12px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #0040BF;
    white-space: nowrap;
    font-size: 16px;
    border-bottom: 1px solid #E6EAF2; }

    .dropdown-menu > li:last-child > a{
      border-bottom: none;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #0040BF;
      text-decoration: none; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

/* modal */
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s;
  opacity: 0;
}
.modal.in .modal-dialog {
  opacity: 1;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: transparent;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}


/*main visual*/
.mv_en{
	font-family: 'Pinyon Script', cursive;
    font-size: 36px;
    margin-bottom: 15px;
}
.mv_logo{
	width: 100px;
	margin: 0 auto;
}
.mv_img{
	display: block;
}
.display_flex{
	display: flex;
	justify-content: center;
}
.mv_middle{
	background-image: url("../img/grass.png");
	background-repeat: no-repeat;
	width: 515px; 
}
.border_white{
	outline: 3px solid #fff; 
	outline-offset: -10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
}
.btn{
	width: 210px;
    height: 60px;
    font-size: 15px;
    letter-spacing: 0.1em;
	background-image: url("../img/btn_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	border: solid 1px #000;
	background-color: #fff;
	margin: 0 auto;
	display: block;
}
.btn a{
	font-family: 'Sawarabi Mincho', serif;
	text-decoration: none;
	color: #000;
	padding-left: 8px;
}
.btn a:hover{
	color: #ff6666;
}
.bg_pink, .sp_bg_pink{
	background-color: rgba(245,200,201,0.15);
}


/*tokucho*/
.title_logo{
	width: 100px;
}
.frame{
	position: relative;
	padding-top: 90px;
	margin-bottom: 40px;
}
.title{
	position: absolute;
    top: 70%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
 /*   -webkit- transform: translateY(-50%) translateX(-50%);  */
    margin: auto;
}
.tokucho_card{
	margin: 0 60px;
}
.tokucho_underline{
	border-bottom: solid rgba(246,220,220,0.91) 3px;
	margin: 30px;
	padding-bottom: 10px;
}



/* Smartphones (landscape) ----------- */
@media screen and (max-width :640px){
	.sp_br{
		display: block;
	}
	.pc_br{
		display: none;
	}
	.sp_title{
		padding-top: 35px;
	}
	.mv_en {
		margin-top: -40px;
		padding-top: 28px;
}
	.mv_middle {
		background-image: url("../img/contact_grass_topl.png"), url("../img/contact_grass_botommr.png");
		background-repeat: no-repeat;
		width: 100%;
	    background-position: left 0 top 0, right 0 bottom 0;
} 
	.mv_middle .p_14{
		padding-bottom: 30px;
	}
	.display_flex{
			display: block;
		}  
	.sp_mvimg{
			 max-width: 100%;
			 height: auto;
			 margin-top: 20px;
		}
	.bg_pink{
		    display: inline-block;
			background-size: cover;
			width: 100%;
	}
	.tokucho_card {
		margin: 0;
		padding: 20px 5px 20px;
	}
	.tokucho_card .margin_30px{
		display: none;
	}
	.tokucho_underline {
		width: 250px;
		padding: 10px;
		margin: 0 auto;
	}
	.tokucho_card .p_18{
		padding-top: 10px;
	}
	.btn{
		 margin: 0 auto;
		 margin-bottom: 15px;
		 margin-top: 15px;
		}
	
}


/*Miki*/
.miki_illust{
	margin-top: 30px;
	margin-left: 50px;
}
.miki_txt{
	position: relative;
}
.mikitxt_frame{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
 /*   -webkit- transform: translateY(-50%) translateX(-50%);  */
    margin: auto;
	width: 485px;
	padding-top: 20px;
}
.about_miki{
	margin-bottom: 40px;
}
.miki_carving_img{
	margin-bottom: 150px;
    outline: 3px solid #fff; 
	outline-offset: -10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
	max-width: 840px;
	margin: 0 auto;
}


/*voice*/
.voice_title{
	position: absolute;
    top: 59%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
}
.voice p{
	font-family: 'Sawarabi Mincho', serif;
    font-size: 12px;
	line-height: normal;
}

.voice_classimg{
	display: block;
	margin-bottom: 30px;
}
.voice{
	padding-bottom: 50px;
}
.voice_abc{
	width: 60%;
    height: 60%;
	margin: 0 auto;
}
.voice_d {
	width: 30%;
	height: 30%;
	margin-right: 30px;
}
.top_voice_flower{
    width: 12%;
    height: 12%;
    padding-top: 125px;
}
.bg_white{
	background-image: url("../img/bg_white.jpg");
	background-repeat: repeat;
	background-size: contain;
}

/* Smartphones (landscape) ----------- */
@media screen and (max-width :640px){
	.voice_txt_a,.voice_txt_b,.voice_txt_c,.voice_txt_d{
		display: none;
	}
	.voice{
		padding-top: 0;
	}
	.voice p{
    font-size: 16px;
	}  
	.voice_classimg{
		display: none;
	}
	.sp_classimg{
		width: 140px;
		margin-left: 15px;
	}
	.sp_display_flex{
		display: flex;
		justify-content: space-around;
	}
	.sp_display_flex .btn{
		margin-top: 60px;
	}
	.voice_displayflex{
		display: block;
	}
	.p_comment_title{
    	margin-bottom: 6px;
    	margin-top: 3px;
	}
	.sp_displaynone{
		display: none;
	}
	.frame_bottom3{
    margin-bottom: 30px;
    width: 98%;
	}
	.box_sizing{
		padding: 0;
 }
	.room_img {
    width: 75%;
 }

.p_coment2 {
    margin-bottom: 35px	;
	text-align: left;
    padding-left: 10px;
	}
	
/*hide*/
	/*全体*/
.hidden_box {
	border: solid 2px rgba(214, 162, 163, 0.67);
    margin: 10px 15px 20px;
	padding-top: 20px;
}
	
/*ボタン装飾*/
.hidden_box label {
    font-weight: bold;
    cursor :pointer;
	font-family: 'Sawarabi Mincho', serif;
}

.hidden_box label:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f078";
    padding-right: 5px;
    transition: 0.2s;
	color: rgba(214, 162, 163, 0.67);
	font-size: 20px;
}
/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
     content: "\f106";
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #ff9999;
}	
/*ボタンホバー時*/
.hidden_box label:hover {
   
}
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

} 
@media screen and (min-width :639px){
	.pc_displaynone{
		display: none;
	} 
}  
	
/*trial*/
.trial_lesson{
	    margin: 5px 50px 80px 50px;
}
.trial_lesson img{
	 outline: 3px solid #fff; 
	 outline-offset: -10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
}
.trial_underline{
	border-bottom: solid rgb(253, 248, 85) 3px;
    width: 330px;
    margin: 0 auto;
}

.bg_pink h3{
	    margin: 70px 0 5px 0;
}


@media screen and (max-width :640px){
	.img_trial1, .img_trial2{
		display: none;
	}
	.trial {
    	margin-bottom: 30px;
	}
	.trial_1, .trial_2{
		width: 100%;
		padding: 40px 8px 40px;
		box-shadow: none;
	}
	.trial_lesson {
    margin: 0px 30px 35px 30px;
}
	.trial_underline {
    width: 270px;
}
}

/*howto*/
.frame2{
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
}
.howto_title{
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translateY(-50%) translateX(-50%);
 /*   -webkit- transform: translateY(-50%) translateX(-50%);  */
    margin: auto;
}
.howto_underline{
    border-bottom: solid #f9afaffa 3px;
    width: 440px;
    margin: 0 auto;
}
.howto_msg{
 	position: relative;	
	margin-top: 60px;
    margin-bottom: 100px;
}
.howto_frame{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
 /*   -webkit- transform: translateY(-50%) translateX(-50%);  */
    margin: auto;
}
.howto_knivesimg{
	margin: 0 10px 80px 10px;
}
.howtoenjoy h3{
	margin-bottom: 5px;
}
.howtoenjoy{
	background-image: url("../img/bg_white.jpg");
	background-repeat: repeat;
	background-size: contain;
}

@media screen and (max-width :640px){
	.howto_msg{
    margin-top: 35px;
    margin-bottom: 80px;
	}
	.howto_underline {
		width: 360px;
	}
	.howto_knivesimg {
	margin: 0;
    width: 160px;
    padding: 20px 8px;
}
}
	
/*gallery*/
.bg_gray{
	background-image: url("../img/gallery/bg_gray.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.gallery_underline{
	border-bottom: solid #f9afaffa 3px;
    width: 320px;
    margin: 0 auto;
	margin-bottom: 40px;
}
.gallery_underline h3{
	margin-bottom: 5px;
}
.choice{
	background-image: url("../img/howto/howto_frame2.png");
	background-size: 50%;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-position: center;
}
.choice a{
	text-decoration: none;
	color: #000;
    font-size: 16px;
	line-height: 1.6;
	padding: 0 10px;
}
.choice a:hover{
	color: #ff6666;
}
/*ページ送り*/
ul.pagination {
    padding: 0;
}
.pager .pagination {
  text-align: center;
}
.pager .pagination li {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}
.pager .pagination li a{
  color: #000;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: rgba(230,126,128,0.37);
}


@media screen and (max-width :640px){
	.gallery_img{
		width: 85px;
		height: 112px;
		display: flex;
		padding: 0 2%;
	}
	.gallery_underline{
		    width: 250px;
	}
	.choice{
		background-size: 100%;
	}
　 .pager .pagination li{
    display: none;
  }
  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 45px;
    height: 50px;
    text-align: center;
  }
  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }
	
}


/*works*/
.works_title{
	position: absolute;
	top: 53%;
	left: 50%;
    transform: translateY(-50%) translateX(-50%);
 /*   -webkit- transform: translateY(-50%) translateX(-50%);  */
    margin: auto;
}
.works_title h1 {
    margin-bottom: 10px;
}
.works_underline{
	border-bottom: solid #f9afaffa 3px;
    width: 460px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.works_underline h3{
	margin-bottom: 5px;
}
.contents{
	padding: 0 150px;
	margin: 0 auto;
}
.txt_left{
	text-align: left;
}
.txt_right{
	text-align: right;
}
.contents{
        max-width: 710px;
    }
.contents li {
        display: flex;
        align-items: center;
		padding-top: 30px;
    }
.contents li{
		border-bottom: solid #f9afaffa 1px;
}
.contents li .works_img,
    .contents li .txt {
        width: 50%;
        box-sizing: border-box;
    }
.contents li:nth-child(odd) {
        flex-direction: row-reverse;
    }
.contents a{
	text-decoration: none;
	color: #000;
} 
.contents a:hover{
  	color:#ff6666; 
}

@media screen and (max-width :640px){
	.contents{
		padding: 0;
		}
	.works_underline {
		width: 320px;
		margin-bottom: 0;
		}
	.contents li:nth-child(odd) .txt{
		padding: 0;
	}
	
}


/*lesson*/
.about_lesson{
	display: block;
	margin: 0 auto;
	text-align:center;
}
.bg_white1{
	background-image: url("../img/bg_white.jpg");
	background-repeat: repeat;
	background-size: contain;
}

.txtalign_left{
	text-align: left;
	display: inline-block;
    margin: 0 5px;
}
.padding_left135{
	padding-left: 135px;
}
.margin_30px{
	margin-bottom: 30px;
} 
.margin_right80{
	margin-right: 80px;
}
.padding_right70{
	padding-right: 70px;
}
.padding_35{
	padding: 0 35px;
}
.lesson_underline{
	border-bottom: solid #f9afaffa 1px;
	max-width: 100%;
}
.lesson_underline .p_18, .lesson_underline1 .p_18{
	margin-bottom: 5px;
}
.lesson_underline1{
	border-bottom: solid #fff 2px;
	max-width: 100%;
	margin-bottom: 5px;
}
.fee_flex{
	display: flex;
}
.fee_flex td{
	text-align: right;
	}
.lesson_detail dd{
	font-family: 'Sawarabi Mincho', serif;
	font-size: 14px;
	text-align: left;
	margin: 0;
	line-height: 1.8;
	padding: 0;
}
.lesson_underline2 {
    border-bottom: solid #f9afaffa 3px;
    width: 410px;
    margin: 0 auto;
	margin-bottom: 40px;
}
.bg_ligntgray,.bg_ligntgray1{
	background-color: rgba(176,172,172,0.28);
	padding: 35px 20px;}
	
.bg_ligntgray
{
	margin:0 auto;
	text-align: center;
	width:800px;
}
.bg_ligntgray_in{
	text-align: left;
	}
.test{
	background-color: rgba(176,172,172,0.28);
	margin:0 auto;
	}

.bg_ligntgray1{
	text-align: left;
	width: 835px;
	margin:0 auto;
}
.lesson_card h3{
	margin: 0;
}
.lesson_card .display_flex1 img{
	width: 35px;
	height: 41px;
	padding: 0 8px;
}
.bg_white3{
	background-color: #fff;
	margin: 0 30px;
	padding: 30px 0;
	width: 450px;
	filter: drop-shadow(1px 1px 3px gray);
}
.textaligne_left{
	text-align: left;
}
.padding_left30{
	padding-left: 30px;
}
.lesson_description h3{
	margin: 5px;
}
.display_flex1{
	display: flex;
	justify-content: center;
}
.p_14{
	margin: 0;
}
.lesson_smallimg{
		padding: 0 35px;
	}
.bg_white4{
	background-color: #fff;
    padding: 30px 30px 30px 0;
    width: 915px;
    margin: 0 auto;
	filter: drop-shadow(1px 1px 3px gray);
}
.bg_white5{
    background-color: #fff;
    padding: 15px 30px 15px 0;
    width: 885px;
    margin: 0 auto;
    filter: drop-shadow(1px 1px 3px gray);
}
.padding_right25{
	padding-right: 25px;
}
.padding_right50{
	padding-right: 50px;
}
.padding_left10{
	padding-left: 10px;
}
.lesson_description1{
	padding-right: 20px;
}
.margin_auto{
	margin: 0 auto;
}
@media screen and (max-width :640px){
	.lesson_courses{
		margin-left: 5px;
		margin-right: 5px;
	}
	.padding_left135{
			padding: 0;
		}
	.lesson_underline {
	    max-width: 100%;	
	}
	.lesson_underline1 {
		max-width: 100%;	
	}
	.lesson_underline2 {
		 max-width: 90%;
		}	
	.fee_flex {
    display: block;
	}
	.padding_right70 :first-of-type{
		padding-right: 90px;
	}
	.bg_white3 {
		padding: 20px 0;
    	/*margin: 20px 0 25px 0*/
		width: 100%;
   	    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		
		/*koi追加*/
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 30px;
}	
	.bg_white4 {
		padding: 20px 10px 20px 10px;
		width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
   		box-sizing: border-box;
		}
	
	.bg_white5	{
    	padding: 1px 5px 20px 5px;
    	width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
		}
	.bg_ligntgray1 {
		 padding: 1px 5px 20px 5px;
    	width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.sp_lessonimg{
		width: 160px;
    	display: inline-block;
		margin-top: 10px;
	}
	.padding_right50,.padding_right25,.padding_left10 {
		padding: 0;
	}
	
	.bg_ligntgray{
		width: 100%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
   		box-sizing: border-box;
	}
}


/*order*/
.margin_100px{
	margin-bottom: 100px;
}
.margin_60px{
	margin-bottom: 60px;
}
.order_underline {
    border-bottom: solid #f9afaffa 3px;
    width: 330px;
    margin: 0 auto;
	margin-bottom: 40px;
}
@media screen and (max-width :640px){

	
}


/*contact*/
.contact_form{
	display: flex;
	justify-content: space-between;
}
.contact_form h1{
	 margin-top: 120px;
}
.form h3{
	margin: 0;
}
.form{
	max-width: 720px;
    padding: 50px 0;
    border:  solid rgba(237,93,95,0.2) 2px;
    background-color: rgba(247,247,247,0.50);
	margin: 0 auto;
}
.margin_10px{
	margin: 10px;
}
.p_form{
	font-size: 14px;
	margin-bottom: 30px;
	color: #000;
	font-family: 'Sawarabi Mincho', serif;
}
.p_form dt{
	text-align: right;
    width: 130px;
    float: left;
	padding-top: 6px;
}
.form_parts{
	-webkit-appearance:none;
	appearance:none;
	border: none;
	background-color: rgba(203, 125, 126, 0.15);
}
.form_parts__text{
    width: 370px;
    padding: 16px 8px;
    font-size: 1.6rem;
}
.section_body{
	 display: inline-block;
} 
dl{
  clear: both;
}
.info{
	text-align: center;
}
.info p{
	display: inline-block;
	text-align: left;
}
.contact_display_f{
	display: flex;
	justify-content: flex-start;
}
.reserve_radio {
    display: inline-block;
}

/*ラジオボタン装飾*/
input[type=radio] {
    display: none;
}
.radio01 {
    box-sizing: border-box;
    cursor: point;
    display: block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio01::before {
    background: #fff;
    border: 1px solid rgba(69,48,48,0.87);
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio01::after {
    background: rgba(225,105,107,0.40);
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 9px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 10px;
}
input[type=radio]:checked + .radio01::after {
    opacity: 1;
}


@media screen and (max-width :640px){
	.contact_form img{
		width: 72px;
		position: relative;
	}
	.contact_form h1{
		position: absolute;
		margin: 0;
		top: 80px;
		/* left: 50%; */
		/* transform: translateY(-50%) translateX(-50%); */
		/* text-align: center; */
		left: 30px;
	}
	.form{
		padding: 35px 5px;
	}
	dd{
		padding: 0;
		margin: 0;
	}
	.p_form{
	text-align: left;
	}
	.p_form dt {
		float: none;
		text-align: left;
	}
	.form_parts__text {
    width: 300px;
	}
	.contact_display_f{
		display: block;
	}
}



/*fooer*/
.footer_logo, .footer_logo1{
	width: 60px;
	display: block;
}
.footer_img1, .footer_img2, .footer_img3{
	 position: absolute;
}
.footer_img1{
	bottom: 0;
	left: 0;
}
.footer_img2 {
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.footer_img3{
	bottom: 0;
	right: 0;
}
.footer_logo{
	margin: 0 auto;
}
.footer_logo1{
	margin: 0 auto;
    padding-top: 170px;
}
.footer_nav{
	position: relative;
	height: 30vh; 
}

@media screen and (max-width :640px){
	.footer_logo{
		width: 40px;
    	margin: 0 auto;
		padding: 0;
	}
	.footer_nav{
    	height: 87px;
	} 
	.footer_img1,.footer_img3{
		display: none;
	}
	.footer_img2{
		/*width: 100vw; */
		background-image: url("../img/footer_leftimg.png"),url("../img/footer_rightimg.png");
		background-position: left 1px center,right 1px center;
		background-repeat: no-repeat;
		background-size: 130px; 
	} 
	.copyright{
		font-size: 4px;
	} 
}


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

/*PC・SP版スイッチ切り替え　koi追加*/

.area_switch{
	padding-top:30px;
	padding-bottom:30px;
	
	}

ul.switch{
    text-align: center;　/*ulの中身を中央揃え*/
    padding:0;
}
 
ul.switch li{
    display: inline-block; /*インラインブロック表示*/
    /display:inline; /*IE対策*/
    /zoom:1; /*IE対策*/
    padding: 0;
}
}