@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("fonts.css");

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

body {
  font-family: 'Noto Sans Japanese', sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #EAE8E3;
	font-size: 140%;
	line-height: 160%;
}

h1,h2{
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'Sawarabi Mincho', serif;
  font-weight: 700;
}
h3,h4,h5{
  font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'Sawarabi Mincho', serif;
  font-weight: 700;
}

a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}

a:link {
    color: #EC0082;
    text-decoration: underline;
}
a:visited {
    color: #EC0082;
    text-decoration: underline;
}
a:hover {
    color: #C4006B;
    text-decoration: underline;
}
a:active {
    color: #C4006B;
    text-decoration: underline;
}


.red  {color: #F00;}
.gold{ color:#A37E39; }
.blue {color: #0000FF;}
.yellow {color: #FFF50D;}
.pink {color: #DC0C7D;}

div.reset {
	clear: both;
}

.u { text-decoration:underline;}

.img-left {
	float: left;
	margin: 10px 20px 10px 0px;
}
.img-right {
	float: right;
	margin: 10px 0px 20px 20px;
}

.txtleft {
	text-align:left;
}
.txtcenter {
	text-align: center;
}
.txtright {
	text-align:right;
}

.align-c {
    text-align: center;
}

.txt60 {
	font-size:60%;
	line-height:150%;
}
.txt80 {
	font-size:80%;
	line-height:150%;
}
.txt120 {
	font-size:120%;
}
.txt150 {
	font-size:150%;
}
.txt200 {
	font-size:200%;
}

.ttl {
	font-size: 230%;
	text-align: center;
	margin-bottom:30px;
}

.fb{
	font-weight: bold;
}

.alignleft {
	float: left;
	margin: 0px 1em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.aligncenter {
	margin: 0px auto;
	text-align:center;
}

.pa15 {	padding: 15px;}
.pa20 {	padding: 20px;}
.pa25 {	padding: 25px;}

.mb30{
	margin-bottom:30px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.clear {
	clear:both;
}


.showPc { display: block; }
.showSp { display: none; }

#container {
	width:1200px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}

.bgy {
	background: #fefe7b;
	padding:2px;
}

.bggr {
	background: #CCFF99 !important;
}

.bgbl {
	background: #E6E6FA !important;
}

#youtubeIframe{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin-bottom: 2em;
}

#youtubeIframe iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.box-shadow{
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	border-right:solid 1px #ccc\9; /* ie8 */
	border-bottom:solid 2px #ccc\9; /* ie8 */
}

.mokujiwrap ul {
list-style:  none;
margin:  0;
padding: 0;
}

.mokujiwrap ul li {
padding-left:1em;
text-indent:-1em;
}

.mokujiwrap li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #E26BA5;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.alert{
	max-width:680px;
	width:100%;
	border-radius: 6px;
	background: #f6f6f6;
	padding:15px;
	margin:0 auto;
	box-sizing: border-box;
}

.kiyaku{
	width:100%;
	border-radius: 6px;
	background: #fff;
	padding:15px;
	margin:0 auto;
	border: #A5863F 1px solid;
	box-sizing: border-box;
}

/*
===== 2: HEADER ==========================================
*/

div#header {
	margin: 0;
	width:100%;
	clear:both;
}

div#header h1 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#headimg {
	line-height: 0;
}

#navbox{
	max-width:1200px;
	width:100%;
	position: absolute;
    line-height: 0;
    z-index: 999;
}

#navbox.fixed{
    position: fixed;
    top: 0;
}

#navbox ul li{
    display: inline-block;
    width:20%;
    margin:0;
    padding:0;
}

#navbox ul li img{
    width:100%;
}

/*
===== 3: FOOTER ==========================================
*/
div#footer {
	background: #3D3A39;
	padding-top:30px;
}

div#footer p {
	color: #fff;
	text-align: center;
}

div#footer a {
	color: #fff;
}

div#footer a: hover {
	color: #fff;
}

div#footer address {
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-style: normal;
	padding-bottom:30px;
}

/*
===== 5: MAIN CONTENT ====================================
*/
div#main{
	width: 100%;
	margin: 50px auto 0;
	box-sizing: border-box;
}
div#main .inner{
	width: 1000px;
	padding: 30px 30px 30px 30px;
	margin: 0 auto;
	box-sizing: border-box;
}

div#main .photo{
	position: relative;
}

div#main .photo img{
	position: absolute;
	top:0;
	left: -60px;
}


div#main .seminar{
	width:100%;
	max-width: 720px;
	font-size:0.9em;
	line-height:1.5;
	margin:0 auto 40px;
}

div#main .seminar .pink-bd { border: #DC0C7D solid 1px; padding:0.5em; margin-bottom:30px;}

div#main .seminar .chui{
	font-size:0.8em;
	line-height:1.3;
}

#profBox {
	background: #F5F4F2 url(../images/wallpaper.jpg) repeat scroll center 0px;
	max-width: 100%;
	margin: 0 auto 30px;
	border: 2px solid #CABD6E;
	padding:1em;
	boxi-sizing: border-box;
}

#profInn{

}

  #profBox p {
    margin: 0 auto;
  }

#profBox img {
	max-width: 100%;
}

p.osusume {
  text-align: center;
  padding-bottom: 0.5em;
	font-size: 36px;
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
  color: #ff0000;


	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	color:#A37E39;
  text-shadow: 1px 2px 3px #ccc;
}

ul.hoshi {
	margin: 0 30px;
	font-size:24px;
}
ul.hoshi li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
}
ul.hoshi li::before {
	content: "🌔";
	padding: 0 5px;
	color: #A37E39;
}

ul#ico2,
ul#ico3 {
  margin: 0 15px;
}
ul#ico2 li,
ul#ico3 li {
  color: #A37E39;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
	text-indent: -1.5em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
  text-shadow: 1px 2px 3px #ccc;
  border-bottom: 1px dotted #ccc;
}
ul#ico3 li {
  font-size: 1.65rem;
  color: #333;
}
ul#ico2 li::before {
	content: "🌙 ";
}
ul#ico3 li .spc {
  display: inline-block;
  text-indent: 0.6em;
}
ul#ico3 li::before {
	content: "⭐ ";
}

.kome {
  padding-left: 1.2em;
  font-size: 1.2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
  color: #ff0000;
}

div#main .kadomaru {

	padding: 15px 0;
	margin: 15px auto 40px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;

	background: -moz-linear-gradient(top, #fff, #F0F0E1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0E1));

}

div#main .iframe_wrap {
    position: relative;
    width: 95%;
	margin:0px auto 20px auto;
    padding: calc(360 / 640 * 100%) 0 0;
}

div#main .iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#main .box01 {
	width:95%;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#main .frame01 {
	width:820px;
	margin:0px auto 30px auto;
	padding:6px 6px;
	background:url(../image/frame01_bg.png) repeat center top;
	box-sizing: border-box;
}

div#main .frame01in {
	margin:0px auto 0px auto;
	padding:40px 0px 10px 0px;
	border:10px solid #EDE8CA;
	background:#ffffff;
	box-sizing: border-box;
}


div#main .frame01 .f-catch{
	font-size:20px;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	font-weight: bold;
	color:#FF007F;
}

div#main .frame01 .f-name{
	font-size:24px;
	text-shadow:0 0 5px #FFF;
	font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	line-height:1.6;
	letter-spacing:-1px;
	font-weight: bold;
	color:#666;
}

p.name {
	font-size:150%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:100%;
	text-align:right;
}

.contents{
	font-size:20px;
}


.schedule{
	font-size:20px;
}

div#main .img_right {
	margin:0px 0px 15px 10px;
	padding:0px;
	float:right;
}
div#main .img_left {
	margin:0px 10px 15px 0px;
	padding:0px;
	float:left;
}

div#main .migi,div#headline .migi {
    float: right;
	margin:0px 0px 15px 10px;
    display: block;
    border: 3px solid #fff;
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    border-right: solid 1px #ccc\9;
    border-bottom: solid 2px #ccc\9;
}

div#main .hidari{
    float: left;
	margin:0px 15px 15px 0px;
    display: block;
    border: 3px solid #fff;
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    border-right: solid 1px #ccc\9;
    border-bottom: solid 2px #ccc\9;

  width: 160px;
  height: auto;
}

div#main .profile {
	width:780px;
	margin:0px auto 40px auto;
	padding:20px 0px 20px 0px;
	text-align:center;
	outline:#c9c9c9 1px solid;
	border:#f2f1f1 8px solid;
	box-sizing: border-box;
	background:#FFFFFF;
}

div#main .profile_ttl {
	margin:20px auto 30px auto;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #CCC;
	text-align:center;
}

div#main .profile .box01 {
	margin:0px auto 1px auto;
	padding:0px 0px 0px 0px;
}

div#main table {
	border-collapse: collapse;
	margin: 10px auto;
	width: 100%;
	background-color: #F5F5F5;
}
div#main table th {
	border: 1px solid #999999;
	padding: 10px;
	font-weight: normal;
	background: #EFE1A3;
	font-size: 100%;
	width: auto;
vertical-align: top;
}
div#main table td {
	border: 1px solid #999999;
	background-color: #fff;
	padding: 10px;
}

div#main table.table_form {
	max-width: 780px;
}
div#main table.table_form tr:nth-child(1) th{
	width:25%;
}

div#main table.table_form input{
	font-size:1em;
}

div#main table.table_form input[type=text]{
	box-sizing: border-box;
}

div#main table.table_form select{
	font-size:1em;
}

div#main table.table_form input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

div#main table.date {
	margin: 0;
	width:auto;
}
div#main table.date td {
	border:none;
	padding:5px 20px 5px 0;
	font-weight:normal;
	font-size:100%;
}
div#main table.table_form input{
	font-size:1em;
}

div#main table.table_form select{
	font-size:1em;
}

div#main table iframe{
  border: 1px solid #ccc;
}

	#drawer-hamburger{
		display: none;
	}

.anchor {
  position: relative;
  top: -50px;
}

.entryBtn{
  margin-left: 0.5em;
  font-family: 'Noto Sans Japanese';
  font-size: 0.75em;
  display: inline-block;
  text-align: center;
  background-image: linear-gradient(#FF9900 0%, #F96401 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);*/
  text-shadow: none;
  padding: 3px 10px;
  border-radius: 4px;
  text-indent: 0;
}

.entryBtn:hover {
  opacity: 0.8;
}


#price {
	font-size: 1.7rem;
    color: #333;
	padding: 15px 15px 0px 15px;
	text-align: center;
	font-family: 'Noto Sans Japanese';
}
#price span {
	font-family: 'Noto Sans Japanese';
    font-weight: bold;
    color: #ff0000;
}


.work span{
    display: inline-block;
    font-weight: bold;
    font-size: 1.15em;
    color: #fff;
    padding: 3px 1em 3px 1em;
    background: #AA8938;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

div#main table.work td {
    border: none;
    background-color: #fff;
    padding: 0.2em;
}

div#main table.work td.num {
	width:6.5em;
}

.mokujiwrap .w50{
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  box-sizing: border-box;
  float: left;
}

.mokujiwrap dt{
  background: #E26BA5;
  color: #fff;
  padding: 5px 10px;
  border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
  line-height: 1.6;
  margin-bottom: 10px;
  box-sizing: border-box;
  width:100%;
}

.mokujiwrap dd{
  font-size: 0.75em;
  box-sizing: border-box;
  width:100%;
}

.mokujiwrap dd{
  margin-left: 0;
  margin-bottom: 1em;
}

.mokujiwrap ul{
  padding-left: 1em;
}

.mokujiwrap ul li{
  line-height: 1.6;
}

/*
===== 6: RESPONSIVE ====================================
*/

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

.showPc { display: none; }
.showSp { display: block; }


.alignleft {
	float: none;
	margin: 0px 0 1em;
}
.alignright {
	float: none;
	margin: 0px 0 1em;
}

	body {
		font-size: 100%;
	}

	#container {
		width:100%;
	}

	#navbox{
		display: none;
	}

	#drawer-hamburger{
		display: block;
	}

	div#main{
		width: 100%;
	}
	div#main .inner{
		width: 100%;
		padding: 0 3vw 3vw;

	}

div#main .photo{
	position: relative;
}

div#main .photo img{
	position: static;
	max-width:250px;
	float: right;
}

.w70p{
	display: block;
	width:70% !important;
	margin: 0 auto 1em;
}


	h2 img{
		width: 100%;
	}

	ul.hoshi {
		font-size:16px;
	}
	.contents{
		font-size:16px;
	}
	.schedule{
		font-size:16px;
	}
	div#main .frame01 {
		width:100%;
		padding:0;
	}

	div#main .frame01in {
		border:5px solid #EDE8CA;
		padding: 20px;
	}

	div#main .hidari{
	    float: none;
		margin:0px auto 15px;
	    display: block;
    width: auto;
	}

	img.img-responsive{
		width:100%;
	}

	.txt120 {
		font-size:100%;
	}
	.txt150 {
		font-size:110%;
	}
	.txt200 {
		font-size:135%;
	}
	.ttl {
		font-size: 150%;
	}

	#footer{
		font-size:90% !important;
	}

  ul#ico2,
  ul#ico3 {
    margin-left: 0;
  }
  ul#ico2 li,
  ul#ico3 li {
    font-size: 1.2rem;
  }
	#price {
	    font-size: 1.25rem;
	}
 .kome {
    padding-left: 0em;
    font-size: 1.2rem;
  }
  p.osusume {
    font-size: 1.4rem;
  }
  #profBox p {
    max-width: 95%;
    margin: 0 auto;
  }
  #profBox {
    padding-bottom: 15px;
  }
.mokujiwrap .w50{
  width: 97%;
}

div#main table.table_form td {
display: block;
text-align: left;
width: 100% !important;
box-sizing: border-box !important;
border-bottom : none;
}
div#main table.table_form th {
display: block;
text-align: left;
width: 100% !important;
box-sizing: border-box !important;
border-bottom : none;
}
div#main table.table_form input[type=text]{
	width:100%;
}
div#main table.table_form textarea{
	width:98%;
}
div#main table.table_form tr:nth-child(1) th{  text-align: center; }
div#main table.table_form tr:last-child td{ border: 1px solid #999999; }
div#main table.table_form tr:last-child td{  text-align: center; }


}