@charset "UTF-8";

body{font-size:16px;-webkit-text-size-adjust: 100%;background:#000;word-break: normal;word-wrap: break-word;color:#000;
	width:100%;
	height:100%;}
body,table,td,th{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;}
.news_link{color:#fff;text-decoration:underline;font-weight:bold;}
.news_link:hover{color:#fff;text-decoration:none;font-weight:bold;}
.list{width:100%;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}


#foot_menu,#Foot{font-size:12px;}
#v{width: 100%;height: 762px;background: url(../img/mv_03.png) no-repeat center top;position:absolute;top:230px;}
#main_visual{background: url(../img/main_bg.jpg) no-repeat center top;height: 780px;padding-top: 20px;}
#main_visual h1,#main_visual h2,#main_visual ul,#main_visual h3,#main_visual >img{position:absolute;}
#main_visual h1{float: none;width: 100%;text-align:center;top:20px;}
#main_visual h1 img{width: 100%;}
#main_visual h2{left:0;bottom:0;}
#main_visual h3{right:70px;bottom: 10px;width: 135px;height: 156px;z-index: 100}
#main_visual ul{right:0;bottom:10px;width: 55.7%;text-align:left;}
#main_visual ul li{width: 33.33%;display:inline-block;}
#main_visual ul li img{width: 100%;}


#main_visual >img{}

#book_parade{background: #012e55;padding:2em;}
#book_parade ul{text-align:center;}
#book_parade ul li{display:inline-block;vertical-align:top;margin: 0 3px;}
#book_parade h2{text-align:center;padding: 1em 0;}


#menu_area{padding-top: 2em;}
#menu_area ul{text-align:center;}
#menu_area ul li{display:inline-block;vertical-align:top;margin: 0 0;width: 25%;padding: 0 0.5%;box-sizing:border-box;}
#menu_area ul li img{width: 100%;}

#news_area{width: 100%;padding: 20px 0;display:table;float:none;}
#news_area h3{text-align:center;padding: 1em 0;}
#news_area > div > ul{width: 900px;margin: 0 auto;max-height: 300px;overflow:auto;}
#news_area > div > ul >li {   border-bottom: 1px dotted #fff;color:#fff;
    margin-right: 10px;
    padding: 10px 0 10px 120px;
    text-indent: -120px;}
#news_area > div > ul >li:last-child{border-bottom:none;}
#news_area > div > ul >li >span{    background: #333d56 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    margin: 0 20px 0 0;
    text-align: center;
    text-indent: 0;
    width: 100px;}

#content{width: 980px;margin:0 auto;}
#content >h3{background: #012e55;width: 100%;padding: 1em 0;text-align:center;margin-top: 1em;;}
#content >div{background: #fff;width: 100%;padding: 2em 4em;box-sizing: border-box;}
#content >div h2.mds{margin-bottom: 1em;;width: 100%;padding: 0.5em;text-align:center;border-top:1px solid #012e55;border-bottom:1px solid #012e55;box-sizing: border-box;}
#content >div p,#content >div ul{margin-bottom: 1em;}
#content >div p >img{float: right;margin:0 0 0 25px;}
#content >div p{line-height: 1.8em;display:table;}
#content >div >div{display:table;width: 100%;box-sizing: border-box;}
#content >div ul{text-align: center;width: 100%;;}
#content >div ul li{display:inline-block;padding: 1%;width: 25%;vertical-align:top;    box-sizing: border-box;}
#content >div ul li img{display:block;margin-bottom: 1em;width: 100%;}
#content >div ul li p{font-size:80%;}
#case03 >div{margin: 1em 0;}
#case03 >div>h2{margin-bottom: 0.5em;}
#case03 >div{background:#ffffc3;padding: 1em;text-align:center;}
#case03 >div>p{text-align:center;width: 100%;margin-bottom: 0;color:red;font-weight:bold;;}


.atts2 li{text-indent:-1em;padding-left: 1em;font-size:90%;margin-bottom: 0.5em;}
.atts2 li:before{content:"※";}

#case04 li{padding: 0 0 0 2.2em;text-indent:-2.2em;}
.qaQ{color:#012e55;font-weight:bold;margin-bottom:0.5em;}
.qaA{margin-bottom: 2em}
.qaQ>span{font-size:180%;}
.qaA>span{font-size:180%;color:#ff2e55;}
#atts2{margin-top: 5em;font-size:85%;}

#case05 >div{margin: 1em 0;}
#case05 >div>h2{margin-bottom: 0.5em;}
#case05 >div{background:#ffffc3;padding: 1em;text-align:center;}
#case05 >div>p{text-align:center;width: 100%;margin-bottom: 0.5em;;}
#case05 >div>p>span{color:red;font-weight:bold;font-size:130%;}
#case05 >div>a{width: 40%;padding:0.5em;background: #012e55;color:#fff;display:block;margin: 0.2em auto 0;}
#case05 table{width: 100%;border-collapse: collapse;}
#case05 table th{width:20%;background:#e2e2e2 ;padding: 0.5em;font-size:130%;}
#case05 table td{text-align:center;font-size:130%;padding: 0.5em;border-right:2px solid #e2e2e2;border-bottom:2px solid #e2e2e2;}
#case05 table td:last-child{border-right:none;}

#case06{text-align:center;}
#case06 h3{border-top:1px solid #012e55;border-bottom:1px solid #012e55;margin: 0 auto 1em;padding: 0.25em;    width: 50%;}
#case06 h2{color:#012e55;font-size:1.6rem;margin-bottom: 0.5em;}
#case06 h4{margin-bottom: 1em;}
#case06 a{background: #000;color:#fff;padding: 0.3em;    display: block;width: 50%;margin: 0 auto;border-radius:5px}
#case06 a:hover{opacity:0.7;text-decoration:none;}
#case06 >div>div{margin-bottom: 3em;}

#case07{}
#case07 h3{text-align:center;margin: 0 auto 1em;padding: 0.75em;border-radius:0.5em;}
#case07 h3#gold{
    background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}
#case07 h3#silver{
   background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
#case07 h3#special{
    background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}
#case07 h3#all{}
#case07 h3#gold + ul li span{background: #f8b500;}
#case07 h3#silver + ul li span{background: #999;}
#case07 h3#special + ul li span{background: #012e55;}



#case07{}
#case07 h2{color:#012e55;font-size:1.3rem;margin-bottom: 1em;text-align:left;}
#case07 h4{margin-bottom:3em;text-align:left;}
#case07 h4 span{background: #012e55;color:#fff;border-radius:0.25em;padding: 0.55em 1em;margin-right: 1em;}
#case07 a{}
#case07 a:hover{opacity:0.7;text-decoration:none;}
#case07 >.case07-in>li{width: 48%;vertical-align: top;margin:0 1% 1em;background: #efefef;border:3px solid #cdcdcd;padding: 1em;}

#case07 >.case07-in p {font-size:0.9rem;position:relative;border:3px solid #cdcdcd;padding: 1.5em;width: 100%;box-sizing: border-box;background: #fff;margin-bottom: 0;}
#case07 >.case07-in p:before{content:"講 評";display:block;background: #fff;color:#fff;    position: absolute;font-weight:bold;font-size:0.8rem;background: #999;border-radius:1em;
    left: 0;
    right: 0;
    padding: 0.1em 0.5em;
    top: -18px;
    width: 100px;
    margin: auto;
    text-align: center;}

.case07-in-all h3{border-top:1px solid #012e55;border-bottom:1px solid #012e55;border-radius:0!important;}


#main_bottom >div>ul>li{float:left;margin: 20px 3px 10px;}


#gnavi h1 a {
    background: transparent url("../img/gnavi_logo.png") no-repeat scroll 0 0;
    display: block;
    height: 34px;
    width: 245px;
}


.prize >#main_visual{height: 180px;padding-top: 20px;background: url(../img/main_bg.jpg) no-repeat center -300px;margin-bottom: 0!important;;}
.prize #content >div h2.mds {color:#012e55}
.prize #content >div >div{margin-bottom: 2em;}
.prize #prz .ttls{float: left;width:60%;}
.prize #prz .ttls h2{font-size:40px;line-height:1em;margin-bottom: 0.5em;margin-top: 0.3em;}
.prize #prz .ttls h3{margin-bottom: 1em;;}
.prize #prz .shoei{position:relative;float: right;width: 35%;border:1px solid #000;text-align:center;vertical-align: middle;height: 400px;display:table-cell;}
.prize #prz .shoei span{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height: 2em;font-size:25px}
.prize #prz .kouh{background:#012e55;color:#fff!important;padding: 0.3em;font-size:18px!important;margin-bottom: 0!important;}
.prize #prz .kouh_p{background: #fff4d2;padding: 1em;}
.prize #prz .link{margin-top: 1em;font-size:14px;}
.prize #prz .link a{color:#012e55!important;}
/*social*/

#twitter1{float:right;width:110px;}
#facebook1{float:right;}

/*shadow*/
.shadow{
box-shadow: 2px 2px 2px #ccc;
-moz-box-shadow:2px 2px 2px #ccc; /* Firefox */
-webkit-box-shadow: 2px 2px 2px #ccc;  ; /* Chrome, Safari */
background-color:#fff;
behavior: url(PIE.htc);}
.last{margin:0!important;}

a:hover img{	opacity:0.8;}
.inner{width: 980px;margin:0 auto;position:relative;height: 100%;}
#sp-top{display:none;}

@media screen and (max-width: 768px){
	
.inner,.main_frame,#gnavi,#content{width: 100%!important;}
#sp-top{display:block;}
#sp-top img{width: 100%;}
#main_visual{height: auto;}
#content >div h2.mds img{width: auto;max-width:100%;}
#content >div p >img{width: 100%;}

#v{display:none;}
#main_visual h1{display:none;}
#main_visual h2{display:none;}
#main_visual h3{display:none;}
#main_visual ul{display:none;}

#book_parade{padding: 1%;margin-top: -2em;}
#book_parade h2{padding: 0.25em 0;}
#book_parade h2 img{width: 100%;}
#book_parade ul {letter-spacing: -.40em;}
#book_parade ul li{width: 12.5%;letter-spacing:normal;margin: 0;padding: 0.5%;box-sizing:border-box;}
#book_parade ul li img{width: 100%;}
#menu_area{display:none;}

#news_area{padding: 0;}
#news_area > div > ul{width: 90%;padding: 0;}
#news_area > div > ul >li{text-indent:0;padding: 0;margin-bottom: 1em;border-bottom:0;}
#news_area > div > ul >li span{display:block;width: 100%;margin-bottom: 0.5em;;}

#content >div ul li{width: 50%;}
#case05 >div>a{width: 80%;}

#case07 >.case07-in>li{width: 100%;}


#content >div{padding: 1em;}
#content >div >div{font-size:90%}
#main_bottom >div>ul>li{text-align:center;width: 100%;margin: 0;}
#main_bottom{padding-top: 1em;}
#foot_menu{padding: 1em;}
#Foot ul li{float:none;display:inline-block;}
#social{display:none;}
}