@charset "UTF-8";
/* CSS Document */
body {  
	
}
#youtube{margin-bottom:30px;}
.youtube{padding:0 30px!important;float:left;margin-bottom:15px;}
.youtube img{border:solid 2px #FFFFC4;}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
.iframe-content {
   position: relative;
 width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
 
    width: 100%;
    height: 100%;
}
#kekka {
    background-image: url(http://www.brilliants.jp/2018/img/2018back.jpg);background-repeat: repeat;
    margin-top: -10px;
    padding: 5%;
    overflow: hidden;
}
/*結果発表*/

	
#kekka h2 {
	color:#F2E0B1;
	text-align:center;
	text-shadow: 2px 2px #333333;
	margin-bottom:40px;    margin-top: 20px;
}
#kekka p {
	color:#FFFFFF;
	text-align:center;
}
.kekka_img {
	display:block;

	margin:0 1%;
	text-align:center;
	float:left;
}
.kekka_img p {
	color:#F2E0B1;
	text-align:center;
	padding:0;
	font-size: 1.2em;
    margin-top: 13px;
}
.kekka_img p span {
	font-size:0.8em;	
}
#grand,#second,#ambassador,#picture,#snst,#samurai,#spont {
	overflow:hidden;
	padding-bottom:20px;
max-width: 950px;
    margin: 0 auto;}
#grand h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/grand_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#second h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/second_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#ambassador h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/ambassador_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#snst h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/sns_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#spont h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/spon_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#samurai h3 {
	height:40px;
	text-align:center;
	background-image:url(../img/samurai_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#ambassador ul {
	overflow:hidden;
	margin-bottom:20px;
}
#ambassador ul li,#picture ul li {
	color:#FFFFFF;
	display:block;
	width:50%;
	float:left;
	text-align:center;	
	font-size:0.8em;
}
#picture ul li {
	padding:0 1%;	
}
#picture ul li a {
	color:#FFFFFF;	
}


#ambassador p {
	text-align:center;
	font-size:0.8em;
}

#grand h3 span,#second h3 span,#ambassador h3 span {
	display:none;	
}
#grand h4,#second h4,#grand h4 span,#second h4 span,#photo li  {
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	color:#F2E0B1;
	font-size:0.9em;
	text-align:center;
	margin-bottom:20px;
	margin-left:0;
	padding-left:0;
}
#group_man {
	overflow:hidden;	
}
.group_man {
	width:50%;
	float:left;
	padding:0 1%;	
}
.group_man img {
	width:95%;	
}
#group ul li {
	color:#FFFFFF;
	font-size:0.8em;
	padding-left:1em;
	text-align:center;
}
#group ul li span {
	font-size:0.8em;
}
#man h3,#group h3 {
	height:40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position: center;
}

#man2017 h3 {
	height:40px;
	text-align:center;
	background-image:url(img/man_title.png);
	background-repeat:no-repeat;
	background-position: center;
}
#man h3 {
	background-image:url(img/kimonoman_title.png);
}
#group h3 {
	background-image:url(img/group_title.png);
}

#man h3 span,#group h3 span {
	display:none;	
}
#group_man p {
	font-size:0.9em;	
}
#prize_wrap {
	margin-top:40px;	
	overflow:hidden;
}
#prize_wrap h2 {
	margin-top:20px;
}
   .pagetop{ position: fixed;
    bottom: 2em!important;
    right: 0;
    font-size: 20px;}
	.pagetop a{display: table-cell;
    width: 8em;
    height: 2em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 1em;
    line-height: 1;
    background: #4F1776;
    opacity: 0.3;}
h3.mt_20 { margin-top: 1em; margin-bottom: 1em;}
.btn-top  h3{border:solid 1px; padding:3%; text-align:center; width:80%; margin:0 auto 4%;}

div {
	overflow: hidden;
}
.bumon {
	overflow: hidden;
}
dt {
	width: 150px;
}
dd {
	color:#444444;	
}
.bumon dt {
	width: 175px;
}

h4 {
	margin-left: 0;
	margin-bottom: 10px;
}
.container ul {
	text-align: left;
	color: #666666;
}
.mb_40 {
	margin-bottom: 40px;
}
.bumon {
	border:solid 1px #e3e3e3;
	background-color:#f7f7f7;
	margin: 30px 0 50px 0;
	padding: 2% 4%;
	border-radius: 20px;
}
.ofh {
	overflow:hidden;	
}

/*協賛企業*/
#kyousan_wrap {
	background-color: #BFB3C0;
	margin-top: -10px;
}
#kyousan {
	height:auto;
	max-width: 1000px;
	background-repeat: repeat-y;
	margin: 0 auto ;
}
#kyousan h2 {
	text-align: center;
	background-image: url(img/soport_title.png);
	width: auto;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
}
#kyousan h2 span {
	display: none;
}
#kyousan p {
	text-align: center;
	color: #333333;
	padding: 2%;
}
#kyousan a {
	color: #ffffff;
}
#kyousan ul {
	width: 94%;
	margin: 0 auto;
	overflow: hidden;/*display:flex;
width:auto;*/
}
#special {
	padding-bottom: 20px;
}
#special li {
	width: 100%;
	text-align: center;
}
#general li {
	font-size: 0.7em;
	text-align: center;
	width: 50%;
	padding: 1% 1% 5px 1%;
	float: left;
	margin:0 auto;
}
#general ul {
	margin:0 auto;
}
#small li {
	font-size: 0.7em;
	text-align: center;
	width: 32%;
	padding: 1% 1% 5px 1%;
	float: left;
	margin:0 auto;
}
#small ul {
	margin:0 auto;
}
#kyousan p {
	font-size: 0.8em;
	width: 90%;
	margin: 0 auto;
	word-break: keep-all;
	display: block;
	width: 90%;
}


.main{max-width:1000px;
margin:0 auto;}
#loop {
  background: url(../img/loop.jpg) repeat-x 0 0;
  background-size: cover;
  width: 100%;
  overflow: hidden;

  -moz-animation: loop 400s linear infinite;
  animation: loop 400s linear infinite;
}
#hair {
  background: url(../img/hairtopbg.png) repeat-x 0 0;
  background-size: cover;
  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;
  }
}

.logo {
	float:left;}
	.logo2 {
	float:right;}
	.b-logo2018{
		 margin-bottom:10px;
		 width:45%;}
header {
	
	padding-top:10px;
}

header p {
	color:#fff;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;	
}
h1,h2 {
		margin-bottom:1.5em;
}
h1 {
	font-size : 2em; 
	line-height : 1.0em; 
}
hr {
    border: 0;
    border-top: solid 1px #ddd;}
h2{clear:both;
	text-align:center;}


h4 {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:0.8em;
	
}
caption{font-size:1.7em;
color:#ffe780;
text-align:left;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
letter-spacing:3px;}

.cap p {
	text-align:center;
	font-size:1.2em;
}
.topics {
	margin:20px 0;	
}

.prize {
	margin-top:32px;
	color:#08277C;
}
.prize h3 {
	color: #C60718;
}
.prize ul {
	color:#08277C;
	font-size:1.0em;
	margin-bottom:16px;
}
.prize ul li {
	line-height:2em;
}
.prize ul li span {
	display:block;
	width:100px;
	float:left;
}
.kakomi {
	display:block;
	
	padding:5px;
	color:#0271AD;
	border:solid 1px #0271AD;	
}

/*カラーテキスト*/
.blue {
	color:#02529D;
}
.orange {
	color:#E67B31;
}
.red {
	color:#a20814;
}
p.print2{font-size:1.5em!important;line-height:1.4em!important;margin-top:2%;}
.big{font-size:1.8em;}
.big2{font-size:1.3em;}
/*----------------------------------------
トピックス 
 ----------------------------------------*/
.topics {
	background-color:#333333;
	border-radius:8px;
	padding:4%;
	margin-bottom:32px;
}

.bumon2018 li{float:left;margin-right:4%;font-size:19px;
background-image:url(../img/icon.png);background-position:left center;
	background-repeat:no-repeat;    padding: 9px 0 9px 60px;margin-bottom:3px;
}
.bu{vertical-align: middle;}
.bumon2018 li img{
 vertical-align:middle;margin-right:2%;
}
/*----------------------------------------
詳細 
 ----------------------------------------*/

.detail table {
	width:96%;	
	margin:40px auto;
	}
.detail table tr, .detail table th, .detail table td {
	border-collapse: collapse;
    border:1px solid #ffffff;
	padding:1% 2%;
}
.detail table th {
	background-color:#E67B31;
	color:#FFFFFF;
}
.detail table td {
	color:#E45E17;	
}
.bg_orange {
	background-color:#FAF0E8;
}
.detail li {
	font-weight:bold;
	font-size:1.1em;
	color:#F97B0A;
	line-height:2em;
}


/*----------------------------------------
申し込み 
 ----------------------------------------*/
.application {
	padding:4%;
	background-color:#333333;
}
.application h4 {
	text-align:center;
	color:#F05521;
	margin-bottom:0;
}
.css3button {
	display:block;
	width:300px;
	margin:0 auto;
	text-align:center;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#831111 0%,
		#831111);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#831111),
		to(#831111));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #f0671d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
.css3button a:hover {
	color:#fff;
	opacity:0.7;
	}
.css3button a:visited {
	colo
	
}
	.tel {
	margin-top:40px;
	text-align:center;
	line-height:2em;
}
.tel p {
	font-size:0.8em;	
}
.tel_number span {
	font-size:2.3em;
	line-height:2em;
	font-weight:bold;	
}
.tel a {
	color:#FFE581;	
}

table.type07 {
	margin:6% auto  6%;
	width:85%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border: 1px solid #ccc;
}
table.type07 thead {
    border: 1px solid #ccc;
    
    background:  #F8F7F2
	;
}

table.type07 tbody th {
   
    padding: 6px 20px;
    font-weight: bold;
	font-size:18px;
    vertical-align: top;
    border: 1px solid #ccc;
	  border-bottom: 2px solid #737373;
    background: #FFF7D1;
}
table.type07 td {
	font-size:18px;

    padding: 10px 15px;
    vertical-align: top;
    border: 1px solid #ccc;
	 border-bottom:1px solid #858585;
	background:#F8F7F2;
}
.kyoku{width: 10%;}
.kanijou{width: 30%;}
.nittei{
	
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
	background: #F8F7F2;}
.t-blue{ color:#00BAEA;}
.pribacy_title{
	font-weight:normal;}
ul.news li{margin-bottom:5px;}
.bol{
	font-weight:bold;
	font-size:18px!important;
	
	}
/* ----------------------------------------
Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. ここからタブレット
----------------------------------------*/

@media only screen and (max-width: 768px) {
.yoshidaspan{font-size:21px!important;}
	p.yoshida{text-align:left!important;}
	.samuimg {margin-left:25%!important;}
	.bol{margin-bottom:-10px;}
	.kameiten{width:100%;margin-bottom:40px;margin-top: -60px;}
.kameiten img{float:left;width: 50%;padding:2%;}
	.hairtext{text-align:center;padding:15px 2% 0;font-size:1.0em;line-height:1.6em;color:#930002;}
	.haircourse{margin-top:-10px;}
	h2.print{font-size:2.0em!important;line-height:1.6em!important;}
	.txt_s {
	font-size: 14px;
}
	p.print2{font-size:1em;}
	h3 {text-align:center;
	margin-top:1.5em;
	font-size: 28px;
    margin-bottom: 0.8em;
	font-weight:bold;
	line-height:1.2em;
	
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
    color: #30285A;
	letter-spacing:2px;

}
	.mb_40 P{padding:4%;}
	.pc{display:none;}
	.sp{display:block;}
	.float_r{float:none; margin-bottom:10px;}
	.float_r img{width:100%;}
	.btn-top  h3{border:solid 1px; padding:3%; text-align:center; width:80%; margin:0 auto 5%;}

.mb_br {
	display: inline;
}
#kyousan {

	display:block;
	margin:0 auto;
}
#kyousan p {
	font-size: 0.9em;
}
#special_warp {
	width: 250px;
	margin: 0 auto;
}
#special li {
	width: 200px;
	margin: 0 5px;
	float: left;
	    padding-bottom: 5px;
}
#general li {
	width: 170px;
	float: left;
}
.kekka_img,#picture ul li {
	display:block;
	width:46%;
	margin:0 2%;
	text-align:center;
	float:left;
}
#picture ul li a {
	color:#FFFFFF;
	font-size:0.9em;	
}
#group ul li {
	display:inline;	
}

.group_man img {
	width:50%;	
}
#ambassador ul li {
	width:25%;
}
	.trip{margin-top:35px;}
header p {
	color:#fff;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;	
}
.cap p {
	font-size:1.4em;
}
#kouen {
	margin-top:20px;	
}
#kouen ul li {
	display:block;
	width:280px;
	float:left;	
}
.tel_number span {
	font-size:3em;	
}
.dresspc{display:block;}
.dresssp{display:none; margin-top:15px;}

.new img{float:left;}
#loop {

  height:400px;}
  .logo2{width:100px;margin:0;}
    .logo{width:250px;margin:0;}
}
/*----------------------------------------
 Desktop Layout: 769px to a max of 1024px.  Inherits styles from: Mobile Layout and Tablet Layout. ここからデスクトップ
 ----------------------------------------*/

@media only screen and (min-width: 769px) {
	.yoshidaspan{font-size:26px;}
	.kameiten{maxwidth:980px;margin-bottom:40px;}
.kameiten img{float:left;width: 333px;padding:1%;}
	.hairtext{text-align:center;padding:15px 0 0;font-size:1.4em;line-height:1.8em;color:#930002;}
	.haircourse{margin-top:-50px;}
	.txt_s {
	font-size: 16px;
}
.middle{width:460px; margin:0 auto;}
.middle .kekka_img{width:48%;}
.middle2{width:220px;margin:0 auto;}
.middle2 .kekka_img{width:100%;}
.kekka_img {

	width:23%;}
	h3 {text-align:center;
	margin-top:2em;
	font-size: 32px;
    margin-bottom: 2em;
	font-weight:bold;
	line-height:1.2em;
	
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
    color: #30285A;
	letter-spacing:2px;

}
	.float_r{float:right;
padding-left: 5%;}
		.btn-top  h3{border:solid 1px; padding:1%; text-align:center; width:80%; margin:0 auto 2%;}
	.pc{display:block;}
	.sp{display:none;}
#special_warp {
	width: 675px;
	margin: 0 auto;
}
#special li {
	width: 200px;
	margin: 0 5px;
	float: left;
}

#general {
	margin: 0 auto;
	    width: 905px!important;}
#small {
	margin: 0 auto;
	width: 1000px;
}
#general li {
	width: 180px;
	float: left;
}
#small{
	margin: 0 auto;
	    width: 830px!important;
}
#small li {
	width: 165px;
	float: left;
}
#grand h4,#second h4,#grand h4 span,#second h4 span {
	font-size:1.2em;
}
#picture ul li {
	font-size:0.75em;	
}
#yoshida_prize {
	width:40%;
	float:left;
}
	.trip{margin-top:10px;}
	.logo2{margin:2% 5% 0 0;}
	.logo{margin:2%  0 0 5%;}
#loop {

  height:600px;}
.tel_number span {
	font-size:4em;	
}
.dresspc{display:block;}
.dresssp{display:none; margin-top:15px;}

.new img{float:left;}
}