@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&family=Dancing+Script:wght@400..700&family=Great+Vibes&display=swap');
/* CSS Document */

/*--------------------------------------------------------------------------------------------------- */
/* 共通----------------- */

*{margin:0;padding:0;box-sizing:border-box; font-weight: bold;font-family: 'Zen Old Mincho',sans-serif;font-weight:800;}

body{letter-spacing:1px; 
	-webkit-text-size-adjust: 100%; color: #333;box-sizing: border-box;position: relative;}
#container{}

header,.content,footer{ width: 100%; text-align: center;}
a:hover{opacity: 0.7;}
.inner{position: relative;}

@media (min-width: 641px) {/*pc*/
	html,body{min-width:1200px;width: 100%;font-size:16px; line-height:26px;}

	.inner{ max-width:1200px; margin: 0 auto; }
	.spOnly{display: none;}
}
@media (max-width: 640px) {/*SP*/
	body{font-size:14px; line-height:20px; width:100%;}
	#container {}
	.inner{ width:88%; margin: 0 6%; }
	.pcOnly{display: none;}
}

/*----固定ヘッダー-------------------------------*/

#fix{ position: fixed;width: 100%; background-color:rgba(255,255,255,0.9); z-index:999; top:0;}

#fix nav a{text-decoration:none;display: inline-block; line-height: 16px;}
#fix nav a.list{color: #333;}

#fix .myButton {background-color:#bb913c; display:inline-block; cursor:pointer; color:#ffffff;  text-shadow:1px 1px 2px rgba(0,0,0,0.20);}
#fix .myButton.hair{background-color:/*#cdb183*/#26457d;}
#fix .myButton:hover {opacity: 0.7;}
#fix nav .lsf-icon{ opacity: 0.3;font-size: 80%;}

@media (min-width: 641px) {/*pc*/
#fix{height:78px;padding:0; min-width:1100px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3); }
#fix .inner{width: 100%; max-width: 100%;}
#fix .logo{ width: 158px; vertical-align: top; margin:17px 0 0 15px;}
#fix .tel{ width: 380px; display: none;}
#fix .spmenu{display: none;}
	
#fix nav{display:inline-block; font-size: 14px; margin: 0 0 0 auto;float: right;}
	#fix nav a:first-child{border-left:1px solid #ddd;}
	#fix nav a.list.fd{margin-right:25px;}
	#fix nav a.list{border-right:1px solid #ccc; padding:4px 15px; margin:24px 0;}
#fix .myButton{ width:220px; float: right;padding:30px 14px;font-size:17px; text-align: center; height:78px;border: none;}
}

@media (max-width: 640px) {/*SP*/
	#fix{height:40px; padding:0px 0 0 0; box-shadow:0px 0px 5px 1px rgba(0,0,0,0.2);}
	#fix .inner{ margin: 0; width: 100%;}
	#fix .logo{ width:90px; margin:9px 0 6px 8px; vertical-align:middle;}
	#fix .spmenu{display: block; float: right; font-size: 20px; line-height: 26px; padding:7px 3px;}
	#fix nav{display: none;}
	#fix nav a:first-child{border-top:1px solid #ccc;}
	#fix nav a{display:block; background-color: #fff; border-bottom: 1px solid #ccc;font-size:16px; line-height: 24px; padding:10px 14px;text-align: left;}
	#fix nav a.myButton{display:block; background-color:#666666; color: #fff;}
	#fix nav a.myButton.hair{background-color:#666666;}
}





/*----ヘッダー-------------------------------*/

#toppage header{overflow: hidden;margin: 0 auto; background:#a3cdc6 url("../img/top.webp") no-repeat top center; text-align: center; position: relative;}
#toppage header::before{content:''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.15); pointer-events: none; z-index: 0;}
#toppage header .inner{overflow: hidden;text-align: center; position: relative; z-index: 1;}
	#toppage header .toplogo img{width: 100%;filter: drop-shadow(0px 2px 14px rgba(0, 0, 0, 0.55));}
@media (min-width: 641px) {/*pc*/
	#toppage header{background-size:100%;padding-top:76px;}
	#toppage header .inner{width: 100%;max-width: 100%; margin: 0 auto; padding: 0;background-size:2000px;}
	#toppage header .toplogo{width:360px;margin:100px auto 140px;}
	
	#live header{ height: 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	#toppage header{background-size:770px;padding-top:40px;}
	#toppage header .inner{width: 100%;max-width: 100%; margin: 0 auto; padding: 0;background-size:200%;}
	#toppage header .toplogo{width:50%;margin:30px auto 60px;}
	#live header{ height: 0;}
}
    
/*----コンテンツ-------------------------------*/
.content{}



/*----キャッチコピー----------------*/

.catch{text-align:center; display:inline-block; color:#01024c;text-shadow: 0px 0px 8px rgba(255,255,255,0.7); background:linear-gradient(90deg,rgba(242, 236, 206, 1) 0%, rgba(222, 201, 146, 1) 100%);padding: 3px;}
.catch .waku{border: 1px solid #fff;}
.catch h2 a{color: rgba(230,206,145,1.00); text-decoration: none;}
@media (min-width: 641px) {/*pc*/
	.catch{width: 700px; margin: -50px auto 80px;/*top:-20px;left:calc(50% - 350px);*/}
	.catch .waku{font-size:20px; padding:30px 20px;}
	.catch h2{font-size:34px; line-height:50px; margin-bottom:10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.catch{width:90%; margin: -30px auto 40px;}
	.catch .waku{font-size:14px; line-height: 20px; padding: 20px 10px;}
	.catch h2{font-size:18px; line-height:25px; margin:0px auto 5px;}
}
/*----ニュース----------------*/
.news{background:url("../img/news_bg.webp") no-repeat bottom center; background-size: cover;}
.news h3{filter: drop-shadow(0px 0px 5px #fff);}
.news ul{ list-style: none;text-align: left;}
.news li{font-weight: bold;border-bottom:  1px dotted rgba(0,0,0,0.40);filter: drop-shadow(0px 0px 5px #fff);}

@media (min-width: 641px) {/*pc*/
	.news{background-size: cover; }
	.news .inner{padding:0px 0 120px 0;}
	.news h3{font-size:26px; }
	.news ul{width: 62%; margin: 15px auto 0;}
	.news li{padding: 15px 5px 5px 5px;}
	.news li span{margin-right: 12px; color: #666;}
}
@media (max-width: 640px) {/*SP*/
	.news{ }
	.news .inner{padding:0px 0 60px;}
	.news h3{font-size:22px; }
	.news ul{width:90%; margin:5px auto 0;}
	.news li{padding: 10px 5px 5px 5px;}
	.news li span{display: block; margin-bottom: 3px;}
}


/*----エントリー告知----------------*/
.notice{position: relative;}
.notice::before{content:''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.28); pointer-events: none; z-index: 0;}
.notice .inner{position: relative; z-index: 1;}
.notice .title{/*filter: drop-shadow(1px 1px 8px rgba(255,255,255,1));*/}
.notice .mini{color: #ffffff;filter: drop-shadow(1px 1px 8px rgba(0,0,0,1));text-align: left;font-family: 'Zen Old Mincho', serif;font-weight: 400;}
@media (min-width: 641px) {/*pc*/
	.notice{background: #119297 url("../img/notice_bg.webp") no-repeat;background-size:100%;}
	.notice .inner{padding:140px 0 100px;}
	.notice .title{width: 89%; max-width: 976px; margin: 0 auto;}
	.notice .not01{width: 90%; max-width: 1055px; margin: 80px auto 40px;}
	.notice .not02{width: 90%; max-width: 1053px; margin: 0px auto 10px auto;}
	.notice .mini{display: block;font-size: 16px; line-height:28px;text-align: center; padding: 30px;}
}
@media (max-width: 640px) {/*SP*/
.notice{background: #119297 url("../img/notice_bg.webp") repeat-y;background-size:100%;}
	.notice .inner{padding:30px 0 70px;}
	.notice .title{width: 100%; margin: 0 auto 30px;}
	.notice .not01{width: 100%; margin: 30px auto 30px;}
	.notice .not02{width: 100%; margin: 0px auto 20px auto;}
	.notice .mini{display: block; text-align:left;font-size: 14px; line-height:24px;}
}


/*----大会概要----------#987c52------*/

.overview{background:#e4e7ef url("../img/ov_bg.jpg") no-repeat top center;background-size:100%; }
.overview .set01{border-radius: 8px; background-color: rgba(255,255,255,0.8); text-align: left;}
.overview .set02{border-radius: 8px; background-color:/*rgba(0,33,84,0.9)*/rgba(0,0,0,0.8); text-align: left;}
.overview h3.title{text-align:center; display:inline-block; color:#01024c;text-shadow: 0px 0px 8px rgba(0,0,0,0.2); background-color:#dec992;padding: 3px;}
.overview h3 .innerLine{border: 1px solid #fff; }
.overview .set01 h4{text-align: left; color:rgba(127,130,179,0.4);display: block; border-bottom: 1px dotted rgba(124,124,124,1.00);}
.overview .set01 h4 b{color:#53508e; }
.overview .set02 h4{text-align: center; color:rgba(163,134,77,0.7); }
.overview .set02 h4 b{ color:#a3864d;  }
.overview .mini{font-size:12px; display: block; line-height: 18px; color: #333;}
.overview .sub{font-size:14px;display: block; line-height: 18px; color: #444;}
.overview strong{font-size:18px; line-height:30px; color: #000;}
.overview strong.line{display: block; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.overview .text b.pp{color:rgb(84 81 143);}
.overview .text b.pp > span.mini{display: inline-block;}
.overview .text hr{border: none; border-top: 1px solid #ddd; margin: 15px 0 0;}
@media (min-width: 641px) {/*pc*/
	.overview .inner{padding:150px 0 30px;}
	.overview h3.title{font-size:40px; line-height: 36px; margin:0 0 -100px; letter-spacing: 10px; width: 500px;}
	.overview h3 .innerLine{padding:30px 70px;}
	.overview .set01{padding:120px 70px 30px 70px;margin:-30px 10px 0;}
	.overview .set02{padding:70px 70px 10px 70px;margin: 40px 10px 0;}
	.overview .set01 h4{font-size:22px; line-height: 36px; margin:0 0 35px;}
	.overview .set01 h4 b{font-size:140%; }
	.overview .set01 h4.scd{margin:50px 0 20px;}
	.overview .set01 h4 img{width:22px; margin:0 15px 0 0;}
	.overview .set01 p.big{font-size:28px;}
	.overview .set01 p.big b{font-size: 36px; line-height: 44px;}
	.overview strong.line{padding: 10px 0; margin:0 0 20px 0;}
	.overview .ele01,.overview .ele02{margin-bottom:70px; overflow: hidden;}
	.overview .img01{width: 45%;vertical-align: top;margin-left: 5%;display: inline-block;float: right;}
	.overview .img02{width: 45%;vertical-align: top;margin-right: 5%;display: inline-block;}
	.overview .img02 img{width:100%; margin-bottom:6px;}
	.overview .text{display: inline-block; width:48%;}
	.overview .text b.day{font-size: 24px; line-height: 40px;}
	.overview .text b.pp{font-size:19px; line-height: 30px; display: block; padding: 14px 0 5px;}
	
}
@media (max-width: 1020px) and (min-width: 641px) {/*TB*/
	.overview .inner{padding:80px 0 70px;}
	.overview .set01{width: 96%;margin: -30px auto 0 auto;}
	.overview .set02{width: 96%;margin: 30px auto 0;}
}
@media (max-width: 640px) {/*SP*/
	.overview .inner{padding:50px 0 10px;}
	.overview .set01{padding:60px 20px 2px 20px; margin-top: -10px;}
	.overview .set02{padding:20px 20px 10px 20px;margin: 20px auto 0;}
	.overview h3.title{font-size:24px; line-height: 32px; margin:0 0 -30px; letter-spacing: 5px;    width: 280px;}
	.overview h3 .innerLine{padding:15px 0px;}
	.overview .set01 h4{font-size:18px; line-height: 32px; margin:20px 0 15px;}
	.overview .set01 h4 b{font-size:120%; }
	.overview .set01 h4 img{width:18px; margin:0 10px 0 0;}
	.overview .set01 h4.scd{margin:25px 0 15px;}
	.overview .set01 p.big{font-size:20px;}
	.overview .set01 p.big b{font-size: 28px; line-height: 36px;}
	.overview strong.line{padding: 8px 0; margin: 12px 0;}
	.overview .ele01,.overview .ele02{margin-bottom:40px; overflow: hidden;}
	.overview .img01,
	.overview .img02{width:100%;margin-bottom:5px;}
	.overview .img02 img{width:100%; margin-bottom:5px;}
	.overview .text{display:block; width:100%;}
	.overview .text b.day{font-size: 18px; line-height: 30px;}
}



/*----エントリーポイント----------------*/
.entry{text-align: center;}
.entry h3{vertical-align: top;display: inline-block;color: #000;}
.entry .text p{text-align: center; display:block;border-top: 1px solid rgba(0,0,0,0.2);}
.entry a{text-decoration: none; vertical-align: top;background-color:#bb913c; color: #fff;}
.entry a span{font-size: 70%; opacity: 0.6;}
.entry p.hy{color:rgb(1 34 76);border: 1px solid rgb(1 34 76);/*background-color: rgba(0,0,0,0.1); */display: block;}
@media (min-width: 641px) {/*pc*/
	.entry .inner{padding:100px 0;}
	.entry .text{display: inline-block; width: 40%;margin: 0 3% 0 0%; }
	.entry h3{font-size:20px; line-height: 36px;}
	.entry .text p{font-size:14px; line-height:16px; margin:8px 0 0 0; padding:12px 0 0 0 ;}
	.entry h3 b{font-size:28px;}
	.entry a{font-size: 28px;line-height:82px; padding:0 5%; width: 39%; margin:16px 0% 0 2%; height:82px; display: inline-block; }
	.entry p.hy{ padding:15px 20px; margin:60px auto 0; width:60%;}
}
@media (max-width: 1020px) and (min-width: 641px) {/*TB*/
	.entry .text{display: inline-block; width: 45%;margin: 0 2% 0 0%; }
	.entry h3{width: 100%; margin: 0 2% 0 5%; }
	.entry h3 b{font-size:24px;}
	.entry a{width:35%; margin: 18px 0% 0 2%;font-size: 22px; }
}
@media (max-width: 640px) {/*SP*/
	.entry .inner{padding:65px 0;}
	.entry h3{text-align:center; font-size:16px; line-height:26px;display:block; margin:0 0 10px 0 ; }
	.entry h3 b{font-size:20px;}
	.entry .text p{font-size:12px; line-height:18px; margin:px 0 0 0; padding:8px 0 0 0 ;}
	.entry a{display: block;line-height:60px; padding:0 5%; width:90%; margin: 16px auto 10px; height:60px;font-size: 18px; }
	.entry p.hy{ padding:10px 10px; margin:25px auto 0; width:100%;}
}


/*----スケジュール----------------*/
.schedule{color: #333333; }
.schedule .outer{}
.schedule h2{ text-align: center;color:#53508e;text-shadow:1px 1px 10px rgba(255,255,255,0.7);}
.schedule h2 span{display: block; color:rgba(127,130,179,0.5);}
.schedule dl{ border-top:1px dotted #aaa;}
.schedule dl.btm{ border-bottom:1px dotted #aaa;}
.schedule dl dt{color: #333;}
.schedule dl dd{text-align: left; background-color: rgba(255,255,255,0.7);}
.schedule dl dd .mini{font-size: 80%;}
.schedule div.mini{color: rgba(0,0,0,0.7);}
.schedule p.mini{color: rgba(0,0,0,0.7);}
.schedule dd p.mini{color: rgba(0,0,0,0.7);}
.schedule .cont h4{ color: #7f82b3; text-align: center; }
.schedule .cont h4 span{color:rgba(163,127,179,0.50);}
.schedule .text{background-color: rgba(244,244,244,0.90);}
	.schedule dl{display: table;border-collapse: collapse;width: 100%;}
	.schedule dl dt,.schedule dl dd{display:table-cell;vertical-align: top;height: 100%;}
	.schedule dl dt{width: 28%; background-color:rgba(180,163,186,0.20);}
	.schedule dl dd{width: 72%;}

@media (min-width: 641px) {/*pc*/
	.schedule{}
	.schedule img{width: 100%; margin: 20px 0 0; vertical-align: bottom;}
	.schedule div.mini{text-align: right; font-size: 10px;}
	.schedule .inner{padding: 80px 0 120px 0;}
	.schedule .cont{width:45%; margin:50px 2% 2%;display: inline-block;vertical-align: top;}
	.schedule .text{ width:100%;padding:5%; margin-bottom: 10px;}
	.schedule dl dt,.schedule dl dd{padding: 15px;}
	.schedule dl dd p{ font-size: 13px; color: #444; line-height: 22px;}
	.schedule p.mini{text-align: left; font-size: 12px; line-height: 22px;}
	.schedule h2{ font-size: 40px; margin:0 0 20px 0;}
	.schedule h2 span{ margin: 20px; font-size: 18px;}
	.schedule .cont h4{width:60%;font-size: 25px; line-height:30px; margin:10px auto 30px;}
	.schedule .cont h4 span{ font-size: 18px;}
}


@media (max-width: 640px) {/*SP*/
	
	.schedule img{width: 100%; margin: 10px 0 5px; vertical-align: bottom;}
	.schedule div.mini{text-align: right; font-size:8px;font-weight: lighter;}
	.schedule{ background-size: 130%; }
	.schedule .inner{padding: 60px 0 80px;}
	.schedule .text{margin:20px auto; padding: 15px;}
	.schedule dl dt,.schedule dl dd{padding: 10px;}
	.schedule dl p{padding: 15px;}
	.schedule h2{ font-size: 28px; margin:0 0 20px 0; line-height:22px;}
	.schedule h2 span{display: block; margin:5px; font-size: 13px;}
	.schedule .cont h4{width:80%;font-size: 20px; line-height:20px; text-align: center; padding:10px 0; margin:5px auto 15px; text-align: center; }
	.schedule .cont h4 span{font-size: 14px; text-indent: 10px;}
	.schedule p.mini{text-align: left; font-size: 12px;}
}


/*----SKC----------------*/
.skc{color:#807256;background: url("../img/skc_bg.jpg") no-repeat bottom center;}
.skc .outer{ background-color:rgb(255 255 255 / 65%);}
.skc .inner{}
.skc h2{text-shadow:2px 2px 3px rgba(0,0,0,0.0);text-align: center; color:rgb(170 141 110); }
.skc h2 span{font-weight: lighter;text-align: center;display: block; color: rgba(0,0,0,1.00)}
.skc p{ color: rgba(0,0,0,0.9);}
.skc p.mini{display: block; font-size:12px; color: #666;}
.skc .set01,
.skc .set02{display: inline-block; vertical-align: top;}
	.skc .set02 img{width: 100%; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));}
	.skc .set02 p{text-align: right;font-size: 80%;color: rgba(0,0,0,0.65); margin: 0 }
@media (min-width: 641px) {/*pc*/
	.skc{padding:140px 0 160px; background: url("../img/skc_bg.jpg") no-repeat bottom center;background-size: 100%; }
	.skc .inner{ padding:60px 0 ;}
	.skc h2{font-size:50px; line-height:75px;margin-bottom:50px;}
	.skc h2 span{font-size: 24px; line-height:30px; margin-bottom:4px;}
	.skc p{font-size: 16px; line-height:28px; margin:0px auto 0; }
	.skc .set01{width:45%; padding:0 4% 0 0;margin:0;text-align: left;}
	.skc .set02{width:48%; padding:0 0%;margin:0 0%;}
	.skc .set02 img{ width:100%; margin-bottom:6px;}
	.skc .set02 p{text-align: right; display: block;}
}
@media (max-width: 640px) {/*SP*/
	.skc{padding:30px 0 40px;background:#fff url("../img/skc_bg02.jpg") no-repeat bottom center; background-size:110%; }
	.skc .outer{width: 90%; margin: auto; }
	.skc .inner{ padding:30px 0 10px;}
	.skc h2{font-size:29px; line-height:36px;}
	.skc h2 span{font-size: 18px; line-height:20px; margin-bottom: 8px}
	.skc p{font-size: 14px; line-height:28px; margin: 30px auto 0; }
	.skc .set01,.skc .set02{width: 100%;}
	.skc .set02 img{margin:20px 0 0;}
}


/*----星キラキラ----------------*/
/**/
#particles-js{ 
	position:absolute;
	z-index:0;
	width: 100%;
	background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%,rgba(8,0,89,0.0) 100%);
}
@media screen and (min-width: 1021px){
	#particles-js{ height:659px;}
}
@media (max-width: 1020px) and (min-width: 641px) {
	#particles-js{ height:670px;}
}
@media (max-width: 640px) {
	#particles-js{ height:670px;}
}

/*----ヘアメイク----------------*/
.hairmake{ color: #fff;background:#082251; background-size: 100%; }
.hairmake .inner{ text-align: center;}
.hairmake h4{color: rgba(255,255,255,0.3); letter-spacing: 0px;font-weight: lighter;}
.hairmake h2{text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
.hairmake h2 span{font-weight: lighter;}
.hairmake .lead{ color: rgba(230,206,145,1.00);}
.hairmake .lead em{font-style: normal; font-size: 70%;}
.hairmake a{ background-color:rgba(230,206,145,1.00); color: #000000; text-decoration: none; display: block; font-weight: bold; box-shadow:3px 3px 3px 0px rgba(0,0,0,0.4); }
.hairmake .cs{ background-color: rgba(255,255,255,0.60); color: #333; display: block; font-weight: bold; }
.hairimg {vertical-align: bottom;position: relative;z-index: 2;
background: url("../img/hair_c.webp") repeat-x 0 0;
background-size: auto 100%;
width: 100%;
overflow: hidden;
-moz-animation: loop 800s linear infinite;
  animation: loop 800s linear infinite;
}
/*アニメーション*/
@keyframes loop {
  0% {background-position: 0 0; }
  100% {background-position: -13276px 0;}
}
.hairmake p{display: block; color:rgba(230,206,145,1.00);}
@media (min-width: 641px) {/*pc*/
	.hairmake{ background-size: 100%; }
	.hairmake .inner{ padding:80px 0 90px;  position: relative;}
	.hairmake .icon{position: absolute;top:90px; right:30px; width:23%;filter: brightness(50);}
	.hairmake h4{font-size: 26px; line-height: 75px; padding: 0 140px 0 0;}
	.hairmake h2{font-size: 60px; line-height: 75px; padding: 0 140px 0 0;}
	.hairmake h2 span{font-size: 38px;}
	.hairmake a{font-size: 18px; line-height: 18px; margin: 40px auto 0; padding:15px 20px; width:33%; }
	.hairmake p{margin: 20px auto 0;}
	.hairmake .lead{font-size: 22px; line-height: 36px; margin: 40px auto 0; }
	.hairmake .cs{font-size: 18px; line-height: 18px; margin: 40px auto 0; padding:15px 20px; width:33%; }
	.hairmake a span{font-size: 12px; opacity: 0.5;}
	.hairimg{height: 320px;}
}


@media (max-width: 640px) {/*SP*/
	.hairmake{ background-size: 200%; }
	.hairmake .inner{ padding:30px 0;}
	.hairmake .icon{width: 50%; margin: 10px auto 20px;filter: brightness(50);}
	.hairmake h4{font-size: 16px; line-height: 25px;}
	.hairmake h2{font-size: 28px; line-height: 36px;}
	.hairmake h2 span{font-size: 18px;}
	.hairmake a{font-size: 16px; margin: 20px auto 0; padding:10px 0; line-height: 16px; width:70%;}
	.hairmake p{margin: 15px auto 0;}
	.hairmake .lead{font-size: 18px; margin: 20px auto 0; line-height: 26px; }
	.hairmake .cs{font-size: 16px; margin: 20px auto 0; padding:10px 0; line-height: 16px; width:70%;}
	.hairmake a span{font-size: 10px; opacity: 0.5;}
	.hairimg{height:200px;}
}

/*----------------------------------*/
/*----ヘアメイクページ----------------*/
/*----------------------------------*/
.h_point .line{display:block; margin-bottom: 15px;}
.h_point .point{color:#080c51; display: block;}
.h_point .vec{background:url("../img/hair_vec.png") no-repeat top center;background-size: 100%; color:#a3864d; }
header.hairmake .zaiko{border: 1px solid rgba(255,255,255,0.5);letter-spacing: 1px;}
header.hairmake p{display: block; color:rgba(230,206,145,1.00);}
.h_point a.hatt{border: 1px solid rgb(12 8 81 / 20%); color: #fff; display: block; background-color:rgb(12 8 81 / 60%);text-align: center;text-decoration: none;}
.h_point a.hatt span{opacity: 0.7; font-size:12px; display:inline-block; padding-right: 15px;}
@media (min-width: 641px) {/*pc*/
	header.hairmake .inner{ padding:160px 0 100px;  position: relative;}
	header.hairmake .icon{position: absolute;top:140px; right: 30px; width: 240px;}
	header.hairmake p{margin: 20px auto 0;}
	header.hairmake .lead{font-size: 28px; font-weight: lighter;}
	header.hairmake .zaiko{padding: 20px; margin: 40px auto 0;width:70%; line-height:30px;}
	.h_point .line{line-height: 42px;}
.h_point .inner{padding: 100px 0 90px;}
.h_point .point{font-size: 20px; line-height: 20px; margin-bottom: 25px;}
.h_point .vec{ font-size: 16px; line-height: 30px; padding: 20px 0 20px;margin:20px auto 0;}
	.h_point a.hatt{ width: 40%; margin: 10px auto; padding: 10px 20px;}
}


@media (max-width: 640px) {/*SP*/
	header.hairmake .inner{ padding:60px 0 30px;}
	header.hairmake p{margin: 15px auto 0;}
	header.hairmake .lead{font-size:22px; font-weight: lighter; line-height: 32px;}
	header.hairmake .zaiko{padding:15px; margin:30px; line-height:26px;}
	.h_point .inner{padding: 35px 0;}
	.h_point .point{font-size: 18px; line-height: 24px; margin-bottom: 20px;}
	.h_point .line{padding-bottom: 5px;}
	.h_point .vec{ font-size: 12px; line-height: 20px; padding: 15px 0 20px;width:100%; margin:10px auto 0;}
.h_point a.hatt{ width:70%; margin: 10px auto; padding:8px;}
}

.course{color: #000;}
.course.tp{background:rgba(0,87,147,0.15) url("../img/bg08.png") no-repeat bottom center; }
.course.sp{background:rgba(73,36,115,0.15) url("../img/bg08.png") no-repeat bottom center; }
.course.hp{background:rgba(164,11,93,0.15) url("../img/bg08.png") no-repeat bottom center; }
.course h5{ color: #555; display: block;}
.course h3{}
.course.tp h3 i,.course.tp h3 span,.course.tp .price{ color: #005793;}
.course.sp h3 i,.course.sp h3 span,.course.sp .price{color: #492473;}
.course.hp h3 i,.course.hp h3 span,.course.hp .price{color: #a40b5d;}
.course h3 span{opacity: 0.3;font-size: 60%; display: block;}
.course .spec{display:inline-block; border: 1px solid rgba(0,0,0,0.4); background-color: rgba(255,255,255,0.2);}
.course p{display:block;text-align: left;}
@media (min-width: 641px) {/*pc*/
	.course.tp,.course.sp,.course.tp,.course.hp{background-size: 100%;}
	.course .inner{padding:100px 80px; overflow: hidden;}
	.course h5{font-size: 18px; margin-bottom: 10px;}
	.course h3{font-size: 34px;line-height: 40px;}
	.course h3 i{font-size: 60px;display: inline-block; margin-right: 10px;}
	.course .txt{width: 54%;}
	.course img{width: 40%; float: right;}
	.course .spec{width: 100%;padding: 15px; margin:20px 0 20px;}
	.course .price{font-size: 20px;margin: 10px;}
	.course .price b{font-size: 40px; line-height: 40px;}
	.course .time b{font-size: 20px;}
	.course .mini{font-size: 70%;}
	
}


@media (max-width: 640px) {/*SP*/
	.course.sp,.course.tp,.course.hp{background-size: 100%;}
	.course .inner{padding: 30px 0; overflow: hidden;}
	.course h5{font-size: 16px; margin-bottom: 5px;}
	.course h3{font-size: 26px;line-height: 30px;}
	.course h3 i{font-size: 50px;display: inline-block; margin-right: 10px;}

	.course .spec{width: 100%;padding: 10px 5px; margin:15px 0 15px;}
	.course .price{font-size: 18px;margin: 10px;}
	.course .price b{font-size: 36px; line-height: 36px;}
	.course .time b{font-size: 20px;}
	.course img{width:100%; margin: 15px 0 0;}
	.course p{line-height: 22px;}
	.course .mini{font-size: 80%;}
}


.course .link{ background-color: rgba(255,255,255,0.4); }
.course .link a{position: relative;display: inline-block;color:rgba(255,241,193,1.00);text-decoration: none;}
.course.tp .link a{background:rgba(0,87,147,1);}
.course.sp .link a{background:rgba(73,36,115,1);}
.course.hp .link a{background:rgba(164,11,93,1);}
.course .link a span{font-size: 80%; opacity: 0.6;}
.course .link .seel{display: inline-block; position: absolute;top: 19%;transform: rotate(-8deg); background-color: rgba(171,151,113,0.9); color: #fff;}
.wig{text-align: center; color: rgba(0,0,0,1.00);}
@media (min-width: 641px) {/*pc*/
	.course .link{padding: 30px; margin: 30px 0 0;}
	.course .link a{ padding: 22px 0; font-size: 18px; width: 36%; margin: 3%;}
	.course .link .seel{ padding: 10px;width:80%; left:10%;}
	.wig .inner{padding: 60px;}
}


@media (max-width: 640px) {/*SP*/
	.course .link{padding: 5px 10px; margin: 15px 0;}
	.course .link a{ padding: 20px 0; font-size: 16px; width:100%; margin: 12px 0;}
	.course .link .seel{ padding: 10px 0; font-size: 14px;width: 90%; left:5%;}
	.wig .inner{padding: 40px 0;}
}

.course.sp .priceList{ background:rgba(255,255,255,0.8); color: rgba(73,36,115,1); border: 1px solid rgba(73,36,115,1);text-align: center; }
.course.tp .priceList{ background:rgba(255,255,255,0.8); color: rgba(0,87,147,1); border: 1px solid rgba(0,87,147,1); text-align: center; }
.course.hp .priceList{ background:rgba(255,255,255,0.8); color: rgba(164,11,93,1); border: 1px solid rgba(164,11,93,1); text-align: center; }

.priceb table{ width: 100%;}
.priceb table th{background-color: #eee;}
.course.sp .priceb table tr.head th,.course.sp .priceb table tr.head td{ background-color: rgba(73,36,115,1); color:#fff; text-align: center; }
.course.tp .priceb table tr.head th,.course.tp .priceb table tr.head td{ background-color:rgba(0,87,147,1); color:#fff; text-align: center; }
.course.hp .priceb table tr.head th,.course.hp .priceb table tr.head td{ background-color: rgba(164,11,93,1); color:#fff; text-align: center; }
.priceb table th,.priceb table td{ border:1px solid #aaa; padding: 1%;}


.attention{background-color: rgb(236 236 236);}
.attention .inner{}
.attention .inner .waku{border: 1px solid rgba(66,31,84,0.4); color:rgb(66 31 84);background-color: rgb(255,255,255,0.7);}
.attention .inner a{color:rgb(102 110 255);}
.attention .inner h3{color:rgb(66 31 84); display: block;text-align: center;}
.attention .inner h4{display: block;text-align: center;}
.attention .inner p{text-align: left;}
.attention .inner .bot{text-align:center;display: block;}
.attention .inner .bot a{text-align: center; border: 1px solid rgba(66,31,84,0.3); color:rgba(66,31,84,1); display:inline-block; background-color: rgba(66,31,84,0.1);text-decoration: none;border-radius: 30px;}
.attention .inner a span{opacity: 0.7; font-size:12px; display:inline-block; padding-right: 15px;}
.attention .inner span.waku{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block;text-align: left;}
.attention .inner span.waku hr{border: none;border-bottom: 1px dotted #ccc; margin: 20px 0;}
@media (min-width: 641px) {/*pc*/
	.attention{padding:40px 0;}
	.attention .inner{padding: 80px;}
	.attention .inner .waku{padding: 90px;}
	.attention .inner .bot{padding:25px 0;}
	.attention .inner h3{font-size: 26px; margin: 0 auto 50px; letter-spacing: 1px;}
	.attention .inner h4{font-size: 21px; margin: 0 auto 20px; letter-spacing: 1px;}
	.attention .inner .bot a{width:38%; margin: 20px 20px 30px; padding: 10px 20px; }
	.attention .inner span.waku{width:80%; margin: 20px 10%; padding:40px 50px 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.attention{padding:40px 0;}
	.attention .inner{}
	.attention .inner .waku{padding:25px;  letter-spacing:-0.5px; line-height:26px;}
	.attention .inner h3{font-size: 20px; line-height: 28px; margin: 0 auto 20px;}
	.attention .inner h4{font-size: 18px; line-height: 24px; margin: 0 auto 20px;}
	.attention .inner .bot{padding: 15px 0;}
	.attention .inner .bot a{width: 80%; margin: 8px auto 8px; padding: 6px 15px; }
	.attention .inner span.waku{width:100%; margin: 10px 0%; padding: 15px;}
	.attention .inner span.waku hr{margin:10px 0;}
}







    
/*----フッダー-------------------------------*/
footer{background:url("../img/fut_bg.webp") repeat-y bottom center; background-color: rgba(0,0,0,0.6); background-blend-mode: multiply;}
footer .info{background-color: rgba(0,0,0,0.60); color: #fff;}
footer .info .inner{overflow: hidden;}
footer .info .logo{opacity: 0.5;}
footer .info .tel b{ color:rgba(215,194,161,1.00);}
footer .info a{ text-decoration: none; color: rgba(104,169,247,1.00);}
footer .info .att{color:#1b0a63; font-weight: bold;}
footer .info .backnumber{text-align:left; font-weight: bold;}

@media screen and (min-width: 641px){ /*PC・TB*/
	footer{background-size: 100%; background-position: center bottom;}
	footer .info .inner{ text-align: left;padding:80px 50px; max-width: 100%;}
	footer .info .logo{position: absolute;width:250px; right:50px; bottom: 90px; }
	footer .info .att{font-size: 14px; margin:0 auto 0px 0; line-height: 24px; text-align: left; width: 60%;}
	footer .info .backnumber{font-size: 12px; }
	footer .info .tel img{ width: 70px;}
	footer .info .tel b{font-size:60px; line-height: 90px;}
}
@media screen and (min-width: 900px){ /*PC - 中*/
	footer{ background-size: 150%; background-position: left 25% bottom -20vw; }
}
@media screen and (min-width: 1200px){ /*PC - 大*/
	footer{ background-size: 150%; background-position: left 15% bottom -25vw; }
}
@media screen and (min-width: 1600px){ /*PC - 特大*/
	footer{ background-size: 150%; background-position: left 5% bottom -25vw; }
}
@media screen and (max-width: 640px){ /*SP*/
	footer{background-size: 300%;}
	footer .info .inner{padding:50px 0 60px; text-align:center;}
	footer .att{padding: 4%; font-size: 9px; margin: 0px 0 0 0;line-height: 14px;}
	footer .info .logo{width: 60%; margin: 0 auto 25px;}
	footer .info .backnumber{font-size: 12px; text-align: center; }
	footer .info .tel{display: block;}
	footer .info .tel img{ width: 30px;}
	footer .info .tel b{font-size:30px; line-height:40px;}
}

/*----SNS----------------*/
.sns{display: block;}

@media (min-width: 641px) {/*pc*/
	.sns{ padding:45px 0 20px 0; vertical-align: bottom; text-align: left; }
	.sns .fb-like{vertical-align: top; margin-top: 0px;}
	.sns .twitter-share-button,
	.sns .line-it-button{margin-top: 00px; }
}
@media screen and (max-width: 640px){ /*SP*/
	.sns{ padding:20px 0 20px; }
	.sns .twitter-share-button,
	.sns .line-it-button{margin-top: 10px; }
}

/*----address-------------------------------*/

address{ text-decoration: none; font-style: normal; color:rgba(255,252,252,0.6); filter: drop-shadow(2px 2px 2px #000);}
address a{color: rgba(178,158,111,1.00);}
footer address .inner{font-size:10px; }
@media screen and (min-width: 641px) { /*PC*/
	footer address{padding:80px 0; }	
}
@media screen and (max-width: 640px){ /*SP*/
    footer address{ font-size:9px; padding:40px 0; line-height: 16px; margin-bottom: 0px; }
}









/*----協賛企業----------------*/
.sponsors{ text-align: center; color: #fff; background-color:#0d0045; }
.sponsors h3{color: #fff;}
.sponsors dl{text-align: center;}
.sponsors dd{display: inline-block;}
.sponsors img{width: 100%;}
.sponsors p{font-size: 80%; color: rgba(255,255,255,0.7)}
@media screen and (min-width: 600px){ /*PC*/
	.sponsors .inner{padding:80px 0 70px;}
	.sponsors h3{margin: 0 auto 30px; font-size:28px; }
	.sponsors h3 span{opacity: 0.4;font-size: 18px;}
	.sponsors .set02 {width: 100%;margin: 0 auto;}
	.sponsors .set01 dd{ width:32%;}
	.sponsors .set02 {width: 100%;margin: 0 auto;}
	.sponsors .set02 dd{ width: 35%;}
	.sponsors .set03 {width: 70%;margin: 0 auto;}
	.sponsors .set03 dd{ width: 24%;}
	.sponsors .set04 {width: 70%;margin: 0 auto;}
	.sponsors .set04 dd{ width: 19%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sponsors .inner{ padding:40px 0 30px 0;}
	.sponsors h3{margin: 0 auto 20px; font-size:24px; }
	.sponsors h3 span{opacity: 0.4;font-size: 14px;}
	.sponsors .set01{width:100%; margin: 0 auto;}
	.sponsors .set01 dd{ width:100%;}
	.sponsors .set02 { width:100%;margin: 0 auto;}
	.sponsors .set02 dd{ width: 48%;}
	.sponsors .set03 { width:98%;margin: 0 auto;}
	.sponsors .set03 dd{ width:47%;}
	.sponsors .set04 { width:100%;margin: 0 auto;}
	.sponsors .set04 dd{ width:30%;}
	.sponsors p{font-size: 11px;}
}
/*----結果発表-------------------------------*/
.grand{background:#000 url("../img/bg_top.jpg") no-repeat top center; background-size: 100%;}
.grand .content{background: url("../img/bg_bot.jpg") no-repeat bottom center; background-size: 100%;}

.kekka_img {	display:block;	text-align:center;
}
.kekka_img p {
	color:#F2E0B1;
	text-align:center;
	padding:0;
	font-size: 1.2em;
    margin-top: 7px;
}
.kekka_img p span {
	font-size:0.8em;	
}
#grand p{color: #FFFFFF;}
@media (max-width: 640px) {/*SP*/
	#grand .inner{ padding: 40px 0;}
	#grand img{ width: 60%;}
	
	#grand h2{ margin: 20px 0; font-size: 26px; }
}

#grand h4,
#grand h4 span {
	color:#F2E0B1;
	font-size:1.6em;
	text-align:center;
	margin-bottom:20px;
	margin-left:0;
	padding-left:0;
	margin-top: 30px;
}

#grand h2{color:#fff;font-family: 'Zen Old Mincho',sans-serif;font-weight:800;}

#grand p.lead{display: block; border: 1px solid #ccc;text-align: left}
#grand p.lead img{width:100%; margin-top: 20px;}

#grand h4 em,.kekka_box em{display: block;font-style:normal;font-size:13px;color: #000; background-color: #F2E0B1; width: 80%; margin: 0 10% 10px;border-radius: 20px; padding:3px 0;}
#grand h4 em{background-color: #ffffff;}
.kekka_img img.gimg{border: 4px double rgba(167,155,121,1.00);}
.kekka_img img.sum{border: 4px double rgba(255,255,255,0.7);}
 @media (min-width: 641px) {/*pc*/
	 #grand h4 img{display: inline;width: 60px;}
	 #grand h4,#grand h4 span {font-size:22px; line-height: 32px;}
	 #grand h4 em,.kekka_box em{font-size:16px; line-height:26px;}
	 
	#grand .inner{ padding: 40px 0;}
	#grand img{ width: 100%;}
	#grand h2{ margin: 60px 0; font-size: 40px; }
	.kekka_img {width:19%;margin: 0 30px 50px 30px;}
	.kekka_box{display:flex; justify-content:center;flex-wrap:wrap;}

	 #grand p.lead{width: 80%; margin:40px auto 0; padding: 40px 80px;}
}
@media (max-width: 640px) {/*SP*/
#grand p.lead{ padding:20px; margin-top: 30px;}
	 #grand h4 em,.kekka_box em{font-size:12px; line-height:18px;}
	.kekka_box em{width:95%; margin: 0 auto 25px;}
}

/*----新人賞-------------------------------*/
.kekka_img.rookie p{font-size: 0.9em;}
@media (min-width: 641px) {/*pc*/
	#grand .kekka_img.rookie img{ width: 100%;}
	.kekka_img.rookie {width:40%; margin: 0px 0 50px;}
	.kekka_box .rookie_title{margin-bottom: 20px;}
}
@media (max-width: 640px) {/*SP*/
	#grand .kekka_img.rookie img{ width: 90%;}
}

/*----ダイジェスト 動画-------------------------------*/
section.digest{background:rgba(236,220,201,0.4) url("../img/digest_bg.jpg") no-repeat top center ; text-align: center;}
section.digest .content.move {background:rgb(236 220 201 / 55%);}
section.digest .content.move h3{color: rgba(92,74,51,1.00);}
section.digest .content.move h3 span { color: rgba(92,74,51,0.40);}
@media (min-width: 641px) {/*pc*/
section.digest .inner {padding: 40px 0 60px 0;}
section.digest h3{ margin: 50px 0 30px; font-size: 36px;} 
}
@media (max-width: 640px) {/*SP*/
	section.digest .inner{ padding: 10px 0 30px;}
section.digest h3{margin: 30px 0 10px; font-size: 22px;} 
}





/*----コンテンツ 動画-------------------------------*/
.content.move{background:/*rgb(236 220 201 / 55%)*/#22002c;}
.content.move .inner{}
.content.move .yt{ position: relative;}
.content.move .yt iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

.content.move h3{font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#01024c;}
.content.move h3 span{color:rgba(255,255,255,0.40);}


/*----コンテンツ アルバム-------------------------------*/
.content.album{font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; background-color:#01024c; color: #fff;}
.content.album .set02,.content.album .set01{ position: relative;}
.content.album a:hover{ opacity: 0.7;}
.content.album h3{ color: #F2E0B1;}
.content.album .migi{background-color:rgba(255,255,255,0.80); text-align: center;position: absolute;}
@media screen and (min-width: 600px){ /*PC*/
	.content.album .inner{ padding:70px 0; overflow: hidden;}
	.content.album h3{ font-size: 36px; line-height: 46px; margin: 10px 0 30px;}
	.content.album p{ line-height: 36px;}
	.content.album .set02,.content.album .set01{ width: 39%; margin: 10px 1%; display: inline-block; padding-top: 30px; font-size: 140%;}
	.content.album .set02 p,.content.album .set01 p{position: absolute; bottom: 20px; left: 30px; color: #fff; text-shadow:0px 0px 10px #ffffff; }
	.content.album .migi{ width: 40px; padding-left: 10px; height: 40px; line-height: 40px; border-radius: 20px;  bottom:25px; right:30px; font-size: 90%; color: #000;}
	.content.album .set02 b,.content.album .set01 b{ font-size: 150%;}
	.content.album .set02 img,.content.album .set01 img{ width:94%; border:10px solid rgba(0,0,0,0.3);}
}
@media screen and (max-width: 640px){ /*SP*/
	.content.album .inner{ padding:30px 0 ; overflow: hidden;}
	.content.album h3{ font-size: 18px; line-height: 30px; margin: 10px 0 10px;}
	.content.album p{ line-height: 20px;}
	.content.album .set02,.content.album .set01{ width: 46%; margin: 10px 0; display: inline-block; padding-top: 10px; background-color:rgba(0,0,0,0.3);}
	.content.album .set02{margin-left:5%;}
	.content.album .set02 p,.content.album .set01 p{color: #fff; text-shadow:0px 0px 10px #ffffff;}
	.content.album .migi{ width:18px; padding-left: 6px; height: 24px; line-height: 24px; border-radius: 12px; bottom:10px; right:8px; font-size:14px; color: #000;}
	.content.album .set02 b,.content.album .set01 b{ font-size: 130%;}
	.content.album .set02 img,.content.album .set01 img{ width: 94%;border:3% solid rgba(0,0,0,0.3); margin-top: 5px;}
}

/*---ヘアメイクサービスの追加販売について----------------*/
.hm_tuika{border: 1px solid rgba(0,0,0,0.4);}
.hm_tuika .fs_b{font-size: 120%;}