/* =================================
	TBS Reset CSS
================================= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* =================================
	Common CSS
================================= */

/*
link */
a:link {
	text-decoration:none;
	color:#286cb5;
}
a:visited {
	text-decoration:none;
	color:#286cb5;
}
a:active {
	text-decoration:none;
	color:#286cb5;
}
a:hover {
	text-decoration:none;
	color:#d96361;
}
li.nolink a:hover {
	color: #286cb5;
}
.lazy {
	position:relative;
}

.blk {
	color: #000;
}
.blue {
	color:#286cb5;
}
.red {
	color:#d96361;
}

.center {
	text-align: center;
}



.mgb-2em {
	margin-bottom:2em;
}

.mgb-15em {
	margin-bottom:1.5em;
}

.mgb-1em {
	margin-bottom:1em;
}

.mgb-05em {
	margin-bottom:0.5em;
}



@media all and (min-width: 768px) {
.right {
	text-align:right;
}

.big {
	font-size:120%;
	letter-spacing:0.5px;
}

}



.txt , .right {
	line-height:1.5;
}

.txt {
	text-align:justify;
	text-justify:distribute;
}
@media all and (max-width: 767px) {
.txt , .right {
	font-size:87.5%;
	margin:10px;
}
}

.wbr {
	white-space: nowrap;
	display: inline-block;
}

.ls-1 {
	letter-spacing:-1px;
}



/*	justify
============================== */

.justify {
	text-align:justify;
	text-justify:distribute;
}






/*	list
============================== */
/* disk */
ul.txt {
	margin:10px 0 10px 1.5em;
}
@media all and (max-width: 767px) {
ul.txt {
	margin:10px 0 10px 2em;
}
}
ul.txt li {
	list-style-type: none;
}

ul.txt li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #286cb5;
	position: relative;
	left: -15px;
	top: -3px;
}




/* counter */
.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
	margin-bottom:10px;
}

.custom-counter li:last-child{
	margin-bottom:0px;
}

.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color:#286cb5;
    color: white;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 3px;
}

.custom-counter li span {
    display: block;
    padding-left: 2.5em;
    margin-top: -1.5em;
}



/* icon */

h3 {
	letter-spacing:1px;
	line-height:1.5;
}

@media all and (max-width: 767px) {
h3,h4 {
	font-size:87.5%;
}
}

/* icon */
.idx h3,
.mtg h3,
.guide h3,
.prize h3 {
	position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #ccc;
}
.idx h3::before,
.mtg h3::before,
.guide h3::before,
.prize h3::before,
.idx h3::after,
.mtg h3::after,
.guide h3::after,
.prize h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.idx h3::before,
.mtg h3::before,
.guide h3::before,
.prize h3::before {
	top: 0.3em;
	left: .2em;
	z-index: 2;
	width: 13px;
	height: 13px;
	background:#286cb5;
}
.idx h3::after,
.mtg h3::after,
.guide h3::after,
.prize h3::after {
	top: 0.5em;
	left: 0.5em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}



h4 {
	border-bottom:2px solid #286cb5;
	padding-bottom:0.7em;
}










/*	kome
============================== */

.kome:before {
	content:"※";
	float:left;
}
.kome span {
	display:block;
	padding-left:1.5em;
}

dl.dl-kome1 dt {
	float:left;
	}
dl.dl-kome1 dd {
	padding-left:1.25em;
	}




/*	background
============================== */
html, body, div#con-body {
background-color:#FFFFFF;/* デフォルトのグレーを白に上書き */
}
body {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: 100%;
}





/*	copyright
============================== */
p.copyright {
line-height:1.25;
text-align:center;
color:#65573d;
}

p.copyright a {	color:#65573d;}


@media all and (min-width: 768px) {

p.copyright {
font-size:75%;
padding:30px 0;
}
p.copyright a:hover {
text-decoration:none;
}
}

@media all and (max-width: 767px) {
p.copyright {
font-size:67.5%;
line-height:1.5;
padding:1em;
padding-top:10px;
}
}

/*	top layout
============================== */

div#pagetop {
	background-image:url(../img/bg.jpg);
}
@media all and (min-width: 768px) {
div.wrap {
	background-color:rgba(255,255,255,1.00);
	width:900px;
	margin:14px auto 0;
	border-style: solid;
	border-width: 4px;
	border-color: rgb(101, 87, 61);
	padding:2px;
}



div.border {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(101, 87, 61);
	padding:30px;
}

}

@media all and (max-width: 767px) {

div.border {
	padding:0 10px 10px;
}
}


/*　header
============================== */


@media all and (min-width: 768px) {

header.header {
	background-image:url(../img/h1bg.jpg);
	position:relative;
	padding-top:170px;
}

header.header h1 span,
header.header h1 a {
	position:absolute;
	top:30px;
	left:50%;
	background-image:url(../img/h1.png?);
	width:881px;
	height:182px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	margin-left:-440px;
}

header.header div.menu {
	width:100%;
	height:57px;
	background-color:#286cb5;
	bottom:0;
	padding-top:10px;
}

header.header div.menu nav  {
	width:560px;
	margin:0 auto;
	position:relative;
}

header.header div.menu nav ul {
	position:absolute;
	width:656px;
	margin-left:-175px;
}

header.header div.menu nav ul li a,
header.header div.menu nav ul li span {
	display:inline-block;
	background-image:url(../img/nav.jpg?02);
	width:154px;
	height:45px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	margin-right:10px;
	float:left;
}

/*　idx　*/
.int header.header div.menu nav ul li.minterview a span,
header.header div.menu nav ul li.minterview a span:hover {
	background-position:0 0;
}

.guide header.header div.menu nav ul li.mguide span,
header.header div.menu nav ul li.mguide a span:hover {
	background-position:-165px 0;
}

.mtg header.header div.menu nav ul li.mmtg span,
header.header div.menu nav ul li.mmtg a span:hover {
	background-position:-331px 0;
}

.prize header.header div.menu nav ul li.mprize span,
header.header div.menu nav ul li.mprize a span:hover {
	background-position:-496px 0;
}


/*　a　*/
header.header div.menu nav ul li.minterview a span {
	background-position:0 -45px;
}

header.header div.menu nav ul li.mguide a span {
	background-position:-165px -45px;

}

header.header div.menu nav ul li.mmtg a span{
	background-position:-331px -45px;
}

header.header div.menu nav ul li.mprize a span{
	background-position:-496px -45px;
}


/*　a hover　*/

}


@media all and (max-width: 767px) {

header.header h1 span,
header.header h1 a {
	display:block;
	background-image:url(../img/h12.jpg?);
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}

header.header h1 {
	display:block;
	position:relative;
	height:0;
	padding-top:58.59375%;
}

header.header h1 span,
header.header h1 a {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

}



/*　article common
============================== */
@media all and (min-width: 768px) {

article {
	font-size:87.5%;
	margin-bottom:40px;
}

article:last-child {
	margin-bottom:0;
}

article h2 {
	font-size:16px;
	letter-spacing:2px;
	border-bottom:2px solid #286cb5;
	height:32px;
	margin-bottom:20px;
}

article#news h2 {
	margin-bottom:0;
}

article h2:before {
	content:url(../img/h2bef.png);
	margin-right:10px;
	padding-top:5px;
}



}

@media all and (max-width: 767px) {

article {
	box-sizing: border-box;
	background-color:rgba(255,255,255,1.00);
	margin:0 auto 10px;
	border-style: solid;
	border-width: 4px;
	border-color: rgb(101, 87, 61);
	padding:2px;
}

article div.inner {
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(101, 87, 61);
	padding:12px;
}

/*	fusen
============================== */

.fusen{
    width:100%;/*幅はお好きなサイズに*/
    position:relative;
    z-index:0;
	margin-bottom:1em;
}
.fusen h2 {
	color:#65573d;
	font-size:87.5%;
	letter-spacing:1.5px;
	line-height:1.5;
	text-align:justify;
	text-justify:distribute;
    padding: 0.5em 1em 0.5em 1em;
    position: relative;
    /* グラデーションで折り目がついた感じに */
	background: -moz-linear-gradient( 0deg, rgb(232,230,222) 1%, rgb(247,244,236) 9%);
	background: -webkit-linear-gradient( 0deg, rgb(232,230,222) 1%, rgb(247,244,236) 9%);
	background: -ms-linear-gradient( 0deg, rgb(232,230,222) 1%, rgb(247,244,236) 9%);
	border-left:10px solid #286cb5;
}

.fusen h2::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 5px;
    right: 0;
    height: 15px;
    width: 99%;
    background: rgba(0,0,0,0.5);
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    transform: rotate(2deg);
}

}



/*	pagetop btn
============================== */


div.top a {
	display:block;
	background-image:url(../img/pagetop.png);
	width:69px;
	height:69px;
	text-indent:100%;		/* 指定した分ずらす */
	white-space:nowrap;	/* 改行させない */
	overflow:hidden;		/* はみ出た部分を表示しない */
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {

div.top {
	position:fixed;
	right:50px;
}
}
@media all and (max-width: 767px) {
	div.top a {
		margin:0 auto ;
		padding-bottom:20px;
	}
}






/*	news
============================== */


article#news ul {
	overflow: auto;
	margin-top: 15px;
}

article#news ul li {
	line-height:1.5;
}

article#news ul li a {
	text-decoration:none;
}

article#news ul li a:hover dl dt,
article#news ul li a:hover dl dd {
	color:#ccb95a;
}



@media all and (min-width: 768px) {

article#news ul li dl dt {
	float:left;
}

article#news ul li dl dd {
	padding-left:9em;
}

article#news ul {
	height:125px;
}

article#news ul li dl dt {
	color:#3b3e42;
}

article#news ul li dl dd {
	color:#286cb5;
}

article#news ul li {
	margin-bottom:10px;
}
}

@media all and (max-width: 767px) {

article#news ul {
	font-size:87.5%;
	height:240px;
	width:85%;
	margin:0 auto 20px;
}

article#news ul li {
	margin-bottom:15px;
}

article#news ul li dl dt {
	color:#d96361;
}

article#news ul li dl dd {
	color:#65573d;
}
}


/*	table
============================== */

 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	background-color:#f7f4ec;
}
table th, table td {
    border: 1px solid #eab27b;
    padding: 0.5em;
}
table caption {
    background-color: #fc0;
    border: 1px solid #eab27b;
    border-bottom: none;
    padding: 0.5em;
}

table td {
	text-align:left;
	line-height:1.5;
}

table td:first-child {
	text-align:center;
}

table tr:nth-child(even) {
	background-color:hsla(0,0%,100%,0.5);
}
@media all and (min-width: 768px) {
table caption, table th, table td {
	font-size:87.5%;
}

div.rqlist ul li {
	text-align: left;
}

table td:first-child {
	width:20%;
}

}
@media all and (max-width: 767px) {
table caption, table th, table td {
	font-size:75%;
}

table td:first-child{
	width:29%;
}

}



/*	news20140118
============================== */

div.pics-nove {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../img/img_novel140118.png);
	width:190px;
	height:268px;
	background-repeat:no-repeat;
	margin:0 10px;
}

@media all and (min-width: 768px) {
div.pics-nove {
	float:right;
}

div.pics-nove {
	margin-bottom:15px;
	width:190px;
	float:right;
}

div.pics-nove {
	background-size:190px 268px;
}

div.pics-nove img {
	width:190px;
	height:268px;
}

table.nove {
	width:600px;
}
}

@media all and (max-width: 767px) {
div.pics-nove {
	margin:0 auto 15px;
}

table.nove th {
	width:20%;
}
}




/*	menu (div.menu)
============================== */

@media all and (max-width: 767px) {
div.menu {
	background-color:#286cb5;
	padding:10px;
	letter-spacing:2px;
}
div.menu nav {
	text-align:left;
}
div.menu nav h2 > span,
div.menu nav ul li a, div.menu nav ul li a span, div.menu nav ul li a span:after {
	display:block;
}
div.menu nav {
	background-color:#f7f4ec;
	border-radius:3px;
	overflow:hidden;
}
div.menu nav > div {
	overflow:hidden;
}
div.menu nav > div.m-off > ul, div.menu nav > div.m-off > div {
	display:none;
}
div.menu nav h2 span, div.menu nav ul li a {
	-webkit-tap-highlight-color: hsla(0,0%,100%,0);
	background-image:url(../img/pulldown.svg);
	background-repeat:no-repeat;
	color:#65573d;
	font-size:87.5%;
	font-weight:bold;
	text-decoration:none;
	line-height:44px;
	height:44px;
	padding:0 10px;
}
div.menu nav h2:after, div.menu nav ul li:not(:last-child):after {
	content:"";
	display:block;
	margin:0 10px;
}
div.menu nav > div.m-on > h2:after {
	border-bottom:2px solid #cbc5b7;
}
div.menu nav > div.m-off > h2:after {
	border-bottom:2px solid transparent;
}
div.menu nav ul li:not(:last-child):after {
	border-bottom:2px dotted #cbc5b7;
}
div.menu nav > div.m-on > h2 span {
	background-position:right bottom;
}
div.menu nav > div.m-off > h2 span {
	background-position:right top;
}
div.menu nav ul li a {
	background-position:right center;
}
}



/*	prize
============================== */
@media all and (min-width: 768px) {

.prize article {
	margin-bottom:50px;
}

.prize section {
	margin-bottom:40px;
}

.prize section:last-child {
	margin-bottom:0;
}

.prize article#prize {
	width:400px;
	float:left;
	margin-right:36px;
}

.prize article#prize_comment {
	width:400px;
	float:left;
}

.prize article ul {
	margin-bottom:20px;
}

.prize article ul:last-child{
	margin-bottom:0;
}

.prize article li a {
	display:block;
	margin-top:-29px;
	background-color:#fff;
	padding:1px 0;
}

.prize article#prize2017 li a {
	margin-left: 2.5em;
	cursor: default!important;
}


.prize article li:not(.nolink) a:hover {
	background-color:#f7f4ec;
	padding:1px 0;
	margin-left:-2em;
	padding-left:2em;
	border-radius:3px;
}
.prize article li.nolink a:hover {
	background-color:none!important;
	padding:1px 0;
	border-radius:3px;
}

.prize article li {
	line-height:2;
}

}

@media all and (max-width: 767px) {


.prize article ul {
	margin-bottom:20px;
}

.prize article:not(#prize2017) li a {
	display:block;
	margin-top:-29px;
	background-color:#fff;
	background-color:#f7f4ec;
	margin-left:-2em;
	padding-left:2em;
	border-radius:3px;
}

.prize article li {
	line-height:2;
	margin-bottom:0.5em;
}

.prize section {
	margin-bottom:20px;
}

.prize section:last-child {
	margin-bottom:0;
}
}

/*	prize pic
============================== */

p.bx-photo-pic {
	margin:0 auto;
}

p.bx-photo-pic img {
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}

article#prize06_3 p.bx-photo-pic img {	background-image:url(../img/ph06.jpg?01);	}
article#prize05_3 p.bx-photo-pic img {	background-image:url(../img/ph05.jpg);	}
article#prize04_3 p.bx-photo-pic img {	background-image:url(../img/ph04.jpg);	}
article#prize03_1 p.bx-photo-pic img {	background-image:url(../img/ph03.jpg);	}


p.bx-photo-cap {
	font-size:87.5%;
	color:#286cb5;
}
@media all and (min-width: 768px) {

p.bx-photo-pic {
	width:400px;
}

p.bx-photo-pic img {
	width:400px;
	height:250px;
}

div.bx-photo {
	width:400px;
	margin:0 auto;
}

}

@media all and (max-width: 767px) {



p.bx-photo-pic {
	display:block;
	position:relative;
	height:0;
	padding-top:62.5%;
}

p.bx-photo-pic img {
	display:block;
	position:absolute;
	background-size:cover;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

}

/*	prize cnt
============================== */

div.cnt {
	padding:20px;
	background-color:#f7f4ec;
	border-radius:3px;
	margin-bottom:20px;
}

div.cnt:last-child {
	margin-bottom:0;
}

@media all and (max-width: 767px) {
div.cnt {
	padding:10px;
	margin-bottom:10px;
}

}

/*	prize list
============================== */
.prize table.txt {
	margin:0;
}

.prize table th {
	text-align:center;
}

#prize01_2 .prize table td,
#prize01_3 .prize table td,
#prize01_4 .prize table td,
#prize02_2 .prize table td,
#prize03_2 .prize table td,
#prize04_1 .prize table td,
#prize04_2 .prize table td,
#prize05_1 .prize table td,
#prize05_2 .prize table td {
	width:20%;
}
@media all and (max-width: 767px) {
#prize01_2 .prize table td,
#prize01_3 .prize table td,
#prize01_4 .prize table td,
#prize02_2 .prize table td,
#prize03_2 .prize table td,
#prize04_1 .prize table td,
#prize04_2 .prize table td,
#prize05_1 .prize table td,
#prize05_2 .prize table td {
	width:25.5%;
}
}


/*	SNS (button and timeline)
============================== */




div#sns ul li.fb a {
	display:block;
	width:290px;
	height:40px;
	background-color:rgba(255,255,255,1);
	border-radius:3px;
	padding:14px;
	box-sizing:border-box;
	border-left: 6px solid #3B5998;

	cursor: pointer;
	background-color: #fff;
	box-shadow: 0 6px 0 #ddd, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

div#sns ul li.tw a {
	display:block;
	width:290px;
	height:40px;
	background-color:rgba(255,255,255,1);
	border-radius:3px;
	padding:14px;
	box-sizing:border-box;
	border-left: 6px solid #1b95e0;

	cursor: pointer;
	background-color: #fff;
	box-shadow: 0 6px 0 #ddd, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

div#sns ul li.fb a:hover{
	display:block;
	width:290px;
	height:40px;
	background-color:rgba(255,255,255,1);
	border-radius:3px;
	padding:14px;
	box-sizing:border-box;
	border-left: 6px solid #3B5998;

	background-color: #d8e5ff;
	box-shadow: 0 3px 0 #b7ceff, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

div#sns ul li.tw a:hover{
	display:block;
	width:290px;
	height:40px;
	background-color:rgba(255,255,255,1);
	border-radius:3px;
	padding:14px;
	box-sizing:border-box;
	border-left: 6px solid #1b95e0;

	background-color: #d4efff;
	box-shadow: 0 3px 0 #bbe5ff, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

div#sns ul li.fb a:active {
background-color: #b7ceff;
box-shadow: 0 0 0 #9ab4e9, 0 0 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}

div#sns ul li.tw a:active {
background-color: #bbe5ff;
box-shadow: 0 0 0 #126ca4, 0 0 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}


div#sns ul li a span {
	display:block;
	width:255px;
	height:15px;
	margin:0 auto;
	background-image:url(../img/sns.png?02);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-size:255px 46px;
}

div#sns ul li.fb a span {
	background-position:center top;
}

div#sns ul li.tw a span {
	background-position:center bottom;
}
@media all and (min-width: 768px) {
div#sns {
	width:900px;
	margin:10px auto 0;
}

div#sns ul li {
	float:left;
	margin-right:10px;
}

div#sns ul li.fb {
	margin-right:10px;
	margin-left:2.5px;
}

div#sns ul li:last-child{
	margin-right:0;
}

}

@media all and (max-width: 767px) {
div#sns {
	width:90%;
	margin:10px auto 0;
}

div#sns ul li {
	margin-bottom:20px;
}

div#sns ul li:last-child {
	margin-bottom:10px;
}

div#sns ul {
	width:290px;
	margin:0 auto;
}


}




/* buttons */
div.sns-btns div.tw {
	float:left;
}
div.sns-btns div.fb {
	float:right;
}
@media all and (min-width: 768px) {
	/* buttons */
	div.sns-btns {
		background-color:rgba(255,255,255,0.70);
		border-radius:3px;
		box-sizing:border-box;
		height:40px;
		padding-top:10px;
		width:290px;
		margin-top: 6px;
	}
	div.sns-btns div.tw {
		padding-left:50px;
	}
	div.sns-btns div.fb {
		margin-right:40px;
	}
}
@media all and (max-width: 767px) {
	/* buttons */
	div.sns-btns {
		background-color:rgba(255,255,255,0.70);
		border-radius:3px;
		box-sizing:border-box;
		height:40px;
		padding-top:10px;
		width:290px;
	}
	div.sns-btns div.tw {
		padding-left:18%;
	}
	div.sns-btns div.fb {
		margin-right:15%;
	}
}





/* causion */
.guide div.caution {
	background-color:#fff44e;
	padding:1em;
	margin-bottom:1em;
}
.guide div.caution p {
	line-height:1.5;
}
.guide div.caution p b {
	color:#c00;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
.guide div.caution p {
	font-size:83%;
}
}




/*	interview
============================== */


p.interview-mainpic {

}
@media all and (max-width: 767px) {
.int section {
margin-bottom: 2em;
}

.int section:last-child {
margin-bottom: 0;
}
}


/*	interview pic
============================== */
section.pic p.int-pic {
background-repeat: no-repeat;
text-indent:110%; white-space:nowrap; overflow:hidden;
}

article#int01_1 section.pic p.int-pic,
section.bknum ul li.int01_1:before { background-image: url(../img/int01_1.jpg); }

article#int01_2 section.pic p.int-pic,
section.bknum ul li.int01_2:before { background-image: url(../img/int01_2.jpg); }

article#int02_1 section.pic p.int-pic,
section.bknum ul li.int02_1:before { background-image: url(../img/int02_1.jpg); }

article#int02_2 section.pic p.int-pic,
section.bknum ul li.int02_2:before { background-image: url(../img/int02_2.jpg); }



@media all and (min-width: 768px) {
section.pic {
width: 320px;
height: 451px;
background-color: #fff;
float: left;
}

section.yoko {
width: 471px;
height: 300px;
float: right;
}

section.pic p.int-pic {
width: 300px;
height: 451px;
}

section.yoko p.int-pic {
width: 471px;
height: 300px;
background-position: right;
}
}

@media all and (max-width: 767px) {
section.pic {
margin: 0 auto;
}
section.pic p.int-pic {
width: 200px;
height: 301px;
background-size: 200px 301px;
margin: 0 auto 20px;
}

section.yoko p.int-pic {
width: 250px;
height: 166px;
background-size: 250px 166px;
margin: 0 auto 20px;
}

}

/* icon */
.int h3 {
	border-bottom: 1px solid #ccc;
	padding: 0 .5em .5em 2em;
}

@media all and (min-width: 768px) {
.int h3.around {
	border-bottom: 1px solid #ccc;
	padding: 0 .5em .5em 24.5em;
}
}

.int h3 span {
	position: relative;
	padding: 0 .5em .5em 0em;
}

.int h3 span::before,
.int h3 span::after {
	position: absolute;
	content: '';
	border-radius: 100%
}

.int h3 span::before {
	top: 0.3em;
	left: -1.5em;
	z-index: 2;
	width: 13px;
	height: 13px;
	background:#286cb5;
}

.int h3 span::after {
	top: 0.5em;
	left: -1.2em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}

/*	interview bn list
============================== */

.int section.bknum {
	margin-top: 2em;
}
.int section.bknum ul li a {
	display: block;
	line-height: 1.5;
	padding: 20px;
	border-bottom: 1px solid #d1d1d1;
	letter-spacing: 1px;
}
.int section.bknum ul li:before {
    content: '';
    background-size: 130%;
    display: -webkit-inline-box;
    background-color: #f7f4ec;
    float: left;
    width: 60px;
    height: 50px;
    background-position: center 18%;
    margin-right: 1em;
    margin-top: 5px;
}

.int section.bknum ul li.nopic:before {
    content: '';
    background-size: 130%;
    display: -webkit-inline-box;
    background-color: #f7f4ec;
    float: left;
    width: 60px;
    height: 50px;
	background-image: url(../img/int_nopic.jpg);
	background-size: 60px 60px;
	background-position: center;
    margin-right: 1em;
    margin-top: 5px;
}

@media all and (max-width: 767px) {
.int section.bknum ul li a {
	display: block;
	line-height: 1.5;
	height: 30px;
	padding: 15px 5px;
	border-bottom: 1px solid #d1d1d1;
	letter-spacing: 1px;
	font-size: 60%;
}
}



#prize2017 ol {
	padding: 10px 0 30px;
}