@charset "UTF-8";

body{
	background-color: #F5F5F5;
}
nav ol,nav ul{list-style:none}
.copy_footer{
	text-align: center;
	background-color: #323276;
	font-size: 12px;
	color:#fff;
	padding: 20px 10px 40px;
}
 nav{
	background: #dcdcdc;
	margin:0 0 20px;
	padding: 10px 0;
	font-size:14px;
	color:#333;
}
 nav a{
	color:#0871b3;
}
 nav .inner{
max-width: 1300px;
text-align: left;
padding: 0 10px;
margin: auto;
 }
.mt10{margin:10px 0;}
.mt20{margin:20px 0;}
.mt30{margin:30px 0;}
.mt40{margin:40px 0;}
.mt50{margin:50px 0;}
.mt80{margin:60px 0;}
.mt70{margin:70px 0;}
.pb40{margin-bottom:10px;}

.black{
	color: #000;
}

.ttlImg{
	margin:40px 0 20px;
	text-align:center;
}
.center{
	text-align: center;
}
/*--clearfix--*/
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
*{
	box-sizing: border-box;
}

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

/*ヘッダー*/
#exp{
	background:url(../images/bg_main.png);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
}

#exp .main_txt{
	margin:30px 0;
}
#exp .inner{
	position: relative;
	text-align: center;
	color:#fff;
}
#exp .inner img{
	max-width: 1300px;
	padding: 0 30px;
}
h1.lead {
	padding: 30px;
	background:url(../images/bg_blue.png);
}
h1.lead p.lead_in{
	max-width: 831px;
	margin: 0 auto;
}
a img{
    transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    opacity: 1;
}
a img:hover{
	opacity: 0.5;
}
/*コンテンツ*/
#contents {
	max-width: 900px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";	font-size: 22px;
	margin: 0 auto;
	padding: 0 10px;
}
/*pop最優秀賞*/
section#pop{
	margin:100px 0 70px;
}
section#pop .hi_award {
	max-width:900px;
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin-bottom: 80px;
}
section#pop .hi_award .box{
	width:100%;
	display:table;
	padding:10px 20px 20px 20px;
}
section#pop .hi_award .decoration {
	width: 100%;
	text-align: center;
	margin-top: -54px;
}
section#pop .hi_award .left_pop {
	width: 460px;
	padding: 0;
	display:table-cell;
	vertical-align:middle;
}
section#pop .hi_award .right_pop {
	padding: 0;
	display:table-cell;
	vertical-align:middle;
}
section#pop .hi_award .right_pop img{
	width:300px;
}
section#pop .hi_award ul.prof {
	max-width:400px;
	list-style:none;
	text-align: center;
}
section#pop .hi_award ul.prof li.element{
	font-size: 18px;
	color: #16A6B6;
}
section#pop .hi_award ul.prof li.ttl{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:10px;
}
/*ビリギャル*/
section#pop .hi_award .box_long {
	max-width:760px;
	margin: 0 auto;
}
section#pop .hi_award ul.prof_long {
	list-style:none;
	text-align: center;
}
section#pop .hi_award ul.prof_long li.element{
	font-size: 18px;
	color: #16A6B6;
}
section#pop .hi_award ul.prof_long li.ttl{
	font-size: 22px;
	font-weight: bold;
	line-height:110%;
	margin-bottom: 20px;
}
section#pop .hi_award .prof_long {
	margin-right: 10%;
	padding: 0px;
}
section#pop .hi_award .left_long {
	float: left;
	max-width:364px;
	margin: 60px 0 0 4%;
	padding: 30px;
}
section#pop .hi_award .right_long {
	float: right;
	margin: 0 0% 0 0;
	padding: 30px;
}
/*ここまでビリギャル*/
/*pop優秀賞*/
section#pop .deco_awa {
	text-align: center;
}
/*1列目*/
section#pop .award_box {
	margin: 0 auto;
	display: flex;
  justify-content: space-between;
}
/*1列目左*/
section#pop .award_box .left_box{
	max-width: 440px;
	float: left;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding:17px;
	display: flex;
  align-items: center;
}
/*1列目左左テキスト*/
section#pop .award_box .left_box .left {
	display:table-cell;
	width:220px;
	vertical-align: middle;
}
section#pop .award_box .left_box .left ul.prof{
	list-style:none;
	text-align: center;
}
section#pop .award_box .left_box .left ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#pop .award_box .left_box .left ul.prof li.ttl{
	font-size: 21px;
	font-weight: bold;
}
section#pop .award_box .left_box .left ul.prof li.ttl_min{
	font-size: 20px;
	font-weight: bold;
}
section#pop .award_box .left_box .left ul.prof li.name {
	font-size: 18px;
	margin-bottom:10px;
}
section#pop .award_box .left_box .left ul.prof li.name span {
	font-size: 17px;
	margin-bottom:10px;
}
.prof .name{
	margin-bottom:10px;
}
/*1列目左右画像*/
section#pop .award_box .left_box .right {
	/*display:table-cell;
	vertical-align: middle;
	height: 260px;*/
}
/*1列目右*/
section#pop .award_box .right_box{
	max-width: 440px;
	float: right;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding: 17px;
	display: flex;
  align-items: center;
}
/*1列目右右テキスト*/
section#pop .award_box .right_box .left {
	width:220px;
	display:table-cell;
	vertical-align: middle;
}
section#pop .award_box .right_box .left ul.prof{
	list-style:none;
	margin:20px 0 0 3%;
	text-align: center;
}
section#pop .award_box .right_box .left ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#pop .award_box .right_box .left ul.prof li.ttl{
	font-size: 21px;
	font-weight: bold;
}
section#pop .award_box .right_box .left ul.prof li.name {
	font-size: 18px;
}
/*1列目右右画像*/
section#pop .award_box .right_box .right {
	/*display:table-cell;
	vertical-align: middle;
	height: 260px;*/
}
/*キャッチ最優秀賞*/
section#catch{
	margin-top:100px;
}
section#catch .hi_award {
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin-bottom: 80px;
}
section#catch .hi_award .deco_awa {
	width: 100%;
	text-align: center;
	margin-top: -54px;
}
section#catch .hi_award .center {
	padding: 30px;
}
section#catch .hi_award ul.prof {
	list-style:none;
	text-align: center;
}
section#catch .hi_award ul.prof li.element{
	font-size: 18px;
	color: #16A6B6;
}
section#catch .hi_award ul.prof li.ttl{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
section#catch .hi_award ul.prof li.catch_element{
	font-size: 18px;
	font-weight: bold;
	color: #EE6557;
	margin-top: 10px;
}
section#catch .hi_award ul.prof li.catchcopy{
	font-size: 26px;
	font-weight: bold;
	color: #FBA848;
	margin-bottom: 10px;
}
section#catch .hi_award ul.prof li.name {
	font-size: 18px;
}


/*キャッチ優秀賞*/
section#catch .deco_awa {
	text-align: center;
}
/*1列目*/
section#catch .award_box {
	margin: 0 auto;
}
/*1列目左*/
section#catch .award_box .left_box{
	max-width: 440px;
	float: left;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding:17px;
}
/*1列目左*/
section#catch .award_box .left_box .center {
	width: 380px;
	margin: 0 auto;
}
section#catch .award_box .left_box .center ul.prof{
	list-style:none;
	text-align: center;
}
section#catch .award_box .left_box .center ul.prof li.ttl{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
section#catch .award_box .left_box .center ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#catch .award_box .left_box .center ul.prof li.catch_element{
	font-size: 18px;
	font-weight: bold;
	color: #EE6557;
	margin-top: 10px;
}
section#catch .award_box .left_box .center ul.prof li.catchcopy{
	font-size: 22px;
	font-weight: bold;
	color: #FBA848;
	margin-bottom: 10px;
}
/*1列目右*/
section#catch .award_box .right_box{
	max-width: 440px;
	float: right;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding: 17px;
}
/*1列目左*/
section#catch .award_box .right_box .center {
	width: 380px;
	margin: 0 auto;
}
section#catch .award_box .right_box .center ul.prof{
	list-style:none;
	text-align: center;
}
section#catch .award_box .right_box .center ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#catch .award_box .right_box .center ul.prof li.ttl{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
section#catch .award_box .right_box .center ul.prof li.catch_element{
	font-size: 18px;
	font-weight: bold;
	color: #EE6557;
	margin-top: 10px;
}
section#catch .award_box .right_box .center ul.prof li.catchcopy{
	font-size: 22px;
	font-weight: bold;
	color: #FBA848;
	margin-bottom: 10px;
}
footer{
	width:100%;
	height: 100%;
	margin-top: 30px;
	background-color: #E1E1E1;

}

#page-top {
	display: none ;
	position: fixed;
	bottom: 30px;
	right: 30px;
}


.footer_txt {
	max-width: 900px;
	padding: 40px 10px;
	margin: 0 auto;
}
.sns_space {
	width:100%;
	height: 62px;
}

/*PC*/
@media screen and (min-width:901px) {
    /*　画面サイズが901px以上はここを読み込む　*/
.sp_top_area {
	display: none;}
.sns_space {
	display: none;}
.sns_footer {
	display: none;}
}
/*タブレット*/
@media screen and (max-width:900px) {
    /*　画面サイズが900px以下はここを読み込む　*/
#social_area2 {
	display: none;}
#exp{
	display: none;}
#exp {
  background:url('../images/bg_main.png') no-repeat left top;
  background-size: 100% 100%;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

	.ttlImg img{
		width:100%;
	}

/*スマホトップ*/
.sp_top_area {
	background-color: #333575;
	width: 100%;
	height: 100%;
	padding: 0 0 3px 8%;}
.sp_top_area img.sp_kadokawa{
	float: right;
	margin-top: 3px;
	padding: 0 8% 0 0;}
#contents {
	max-width: 900px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";	font-size: 18px;
	margin: 0 auto;
	padding: 0 20px;}
section#pop .hi_award {
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 8% 80px 8% ;
}
section#pop .hi_award .decoration {
	max-width: 382px;
	margin: 0 auto;
	margin-top: -54px;
}
section#pop .hi_award .decoration img{
	max-width:100%;
}
section#pop .hi_award .box{
	max-width: 100%;
	text-align: center
}
section#pop .hi_award .box_long {
	max-width: 300px;
	text-align: center;
	padding:10px;
}
section#pop .hi_award .left_pop {
	width: 300px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	float:none; }
section#pop .hi_award ul.prof li.ttl {
    font-size: 22px;
    font-weight: bold;
}
section#pop .hi_award .right_pop {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:none;}
section#pop .hi_award .right_pop img{
	max-width:100%;
}

section#pop .hi_award .prof_long {
	margin-right: 0;
	padding: 0;
}

section#pop .hi_award .left_long {
	max-width:354px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	float:none;}
section#pop .hi_award .right_long {
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
section#pop .hi_award .right_long img{
	max-width:100%;
	padding-bottom:10px;
}
section#pop .deco_awa img{
	text-align: center;
	max-width:100%;
	margin-bottom: 10px;
}
section#pop .award_box {
	max-width: 432px;
	margin: 0 auto;
	display: block;
}
section#catch .hi_award {
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 6% 80px 6% ;}
section#catch .hi_award .deco_awa {
	max-width: 382px;
	margin: 0 auto;
	margin-top: -54px;
}
section#catch .hi_award .deco_awa img{
	max-width:100%;
}
section#catch .deco_awa img{
	text-align: center;
	max-width:100%;
	margin-bottom: 10px;
}
section#catch .award_box {
	max-width:400px;
	margin: 0 auto;
}
section#catch .award_box .left_box{
	max-width:100%;
	max-height:100%;
	float:none;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 20px;
}
section#catch .award_box .left_box .center {
	width:100%;
	height:100%;
	margin: 0 auto;
}
section#catch .award_box .right_box{
	width:100%;
	height:100%;
	float:none;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 0 10px 0;
	padding: 20px;
}
section#catch .award_box .right_box .center {
	width:100%;
	height:100%;
	margin: 0 auto;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}

/*スマホフッター*/
.sns_footer{
	width: 100%;
	height: auto;
	padding: 10px;
	background: #333575;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	/*position: fixed;*/
	bottom: 0;
}
.sns_footer ul{
	text-align: center;
}
.sns_footer ul li{
	display: inline-block;
	margin: 8px 8px;
}
.sns_footer ul li.tw{
	background-color: #55acee;
	display: inline-block;
	padding: 6px;
	margin: 0 8px;
	border-radius: 3px;
}
.sns_footer ul li.fb{
	background-color: #3b5998;
	display: inline-block;
	padding: 6px;
	margin: 0 8px;
	border-radius: 3px;
}
.sns_footer ul li.tw img{
	max-width:30px;
}
.sns_footer ul li.fb img{
	max-width:30px;
}

.sns_footer ul li span{
	margin-left: 10px;
	color: #fff;
}
}
@media screen and (max-width:660px) {
	section#pop .hi_award .left_pop {
		display: block;
		width:100%;
	}
	section#pop .hi_award .right_pop{
		display:block;
	}
	section#pop .hi_award ul.prof{
		max-width:100%;
	}
	section#pop .hi_award .right_pop img{
		width:80%;
	}
}




@media screen and (max-width:486px) {
    /*　画面サイズが486px以下はここを読み込む　*/
.p20{
	padding:20px;
}
.left {
	float:none;
}
.right {
	float:none;
	height:auto;
}
.letsp {
	letter-spacing: 0.7px;
}
  .letsp br {
    display: none;
  }
#exp .inner img{
	max-width: 1300px;
	padding: 0 10px;
}
section#catch .hi_award ul.prof li.ttl {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
section#catch .hi_award ul.prof li.catchcopy {
    font-size: 24px;
    font-weight: bold;
    color: #FBA848;
    margin-bottom: 10px;
}
/*1列目*/
section#pop .award_box {
	margin: 0 auto;
}
/*1列目左*/
section#pop .award_box .left_box{
	float:none;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding-bottom:20px;
	max-width:400px;
	display: block;
}
/*1列目左左テキスト*/
section#pop .award_box .left_box .left {
	max-width: 400px;
	margin: 0 auto;
	display:block;
	width:100%;
}
section#pop .award_box .left_box .left ul.prof{
	list-style:none;
	margin:0 0 20px 0;
	text-align: center;
}
section#pop .award_box .left_box .left ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#pop .award_box .left_box .left ul.prof li.ttl{
	font-size: 22px;
	font-weight: bold;
}
section#pop .award_box .left_box .left ul.prof li.name {
	font-size: 18px;
}
section#pop .award_box .left_box .left ul.prof li.name span {
	font-size: 18px;
}
/*1列目左右画像*/
section#pop .award_box .left_box .right {
	max-width: 400px;
	height:auto;
	margin: 0 auto;
	display:block;
	text-align:center;
}
section#pop .award_box .left_box .right img{
	max-width: 100%;
	margin: 0 auto;
	width: 80%;
}
/*1列目右*/
section#pop .award_box .right_box{
	float:none;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 10px;
	padding-bottom:20px;
	max-width:400px;
	display: block;
}
/*1列目右右テキスト*/
section#pop .award_box .right_box .left {
	max-width: 400px;
	margin: 0 auto;
	display: block;
	width:100%;
}
section#pop .award_box .right_box .left ul.prof{
	list-style:none;
	margin:0 0 20px 0;
	text-align: center;
}
section#pop .award_box .right_box .left ul.prof li.element {
	font-size: 16px;
	color: #16A6B6;
}
section#pop .award_box .right_box .left ul.prof li.ttl{
	font-size: 22px;
	font-weight: bold;
}
section#pop .award_box .right_box .left ul.prof li.name {
	font-size: 18px;
}
/*1列目右右画像*/
section#pop .award_box .right_box .right {
	max-width: 400px;
	margin: 0 auto;
	display: block;
	height: auto;
	text-align:center;
}
section#pop .award_box .right img{
	margin-top:0;
}

section#pop .award_box .right_box .right img{
	max-width: 100%;
	margin: 0 auto;
	width: 80%;
}}
/*スマホ*/
@media screen and (max-width:479px) {
    /*　画面サイズが479px以下はここを読み込む　*/
    /*スマホトップ*/
.sp_top_area {
	background-color: #333575;
	width: 100%;
	height: 100%;
	padding: 0 0 3px 4%;
}
.sp_top_area img.sp_shoten{
	height: 18px;
}
.sp_top_area img.sp_kadokawa{
	height: 18px;
	float: right;
	margin-top: 4px;
	padding: 0 4% 0 0;
}
h1.lead {
	padding: 10px;
	background:url(../images/bg_blue.png);
}
section#pop .hi_award {
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 2% 80px 2% ;
}
section#catch .hi_award {
	position: relative;
	background-color: #fff;
	border: #999999 1px solid;
	border-radius: 8px;
	margin: 0 2% 80px 2% ;
}

.sns_space {
	width:100%;
	height: 88px;
}

/*スマホフッター*/
.sns_footer{
	width: 100%;
	height: auto;
	padding: 8px 8px 8px 8px ;
	background: #333575;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	/*position: fixed;*/
	bottom: 0;
}
.sns_footer ul{
	text-align: center;
}
.sns_footer ul li.tw{
	width: 100%;
	height: auto;
	background-color: #55acee;
	display: inline-block;
	line-height: 18px;
	margin: 0 0 8px 0 ;
	border-radius: 3px;
}
.sns_footer ul li.fb{
	width: 100%;
	height: auto;
	background-color: #3b5998;
	display: inline-block;
	line-height: 18px;
	margin: 0 0 0 0 ;
	border-radius: 3px;
}
.sns_footer ul li.tw img{
	max-width:20px;
}
.sns_footer ul li.fb img{
	max-width:20px;
}
.sns_footer ul li.kado img{
	max-height:18px;
}
.sns_footer ul li span{
	margin-left: 6px;
	font-size: 12px;
	color: #fff;
}
}