@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

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

video#player {
    width: 100%;
    height: auto;
}

.fancybox-inner {
    height: auto !important;
}

/*ビデオダウンロードボタン非表示*/
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

/*display:none;*/
.sp_none{display:none;}
.img_box > div {
    display: none;
}
/*背景*/
.specialEditableContent {
	background: #335fab;
	padding: 1em 0;
	}
.specialEditableContent .contentInner {
padding: 2%;
background: #fff;
}

/*ヘッダー*/
#header_img{
    margin: 0 0 2%;
}

/*p*/
.main_p{
text-align: center;
}
	
	.contentInnerSmall a {
		text-decoration: underline;
	}
	
	.contentInnerSmall a,.contentInnerSmall a:active,.contentInnerSmall a:hover,.contentInnerSmall a:visited {
		color: #325fab;
	}

/*☆黄色見出し*/
.tit{
background: #ffe009;
    font-size: 1.5em;
    padding: 0.3em 0.5em;
    color: #172e60;
    letter-spacing: -1px;
    font-weight: bold;
    font-family: 'Rounded Mplus 1c';
    margin: 0.5em 0 0.2em;
}
.tit::before{
content: "★";
color: #fff;
margin-right: 0.2em;
font-size: 1em;
}

/*★見出し*/
.s_tit{
    font-size: 1.2em;
    margin: 0.5em 0 0 !important;
    color: #172e60;
    font-weight: bold;
}
.s_tit::before{
content: "★";
}

/*エントリー一覧*/
#img_area{
overflow: hidden;
}
.img_box{
    float: left;
padding: 5% 0 2%;
    margin: 0% 1% 5%;
    width: 47%;
    border: #ccc solid 1px;
}
.entry_name{text-align: center;}

/*投票ボタン*/
.entry_btn a{
    background: #f00;
    text-decoration: none !important;
    display: block;
    color: #fff;
    font-family: 'Rounded Mplus 1c';
    font-size: 1.8em;
    text-align: center;
    padding: 1% 0;
    margin: 1% 0 10%;
}
.entry_btn a:hover{
    transition: .5s;
    opacity: 0.5;
}

/*©*/
.copy{
    font-size: 0.85em;
    margin: 10% 0 0 !important;
    text-align: center;
}

/*赤文字*/
.red{
color:#f00;
}

/*余白*/
.mb15 {
    margin-bottom: 0px!important;
}
#special_flexible_2 {
    margin-bottom: 5% !important;
}
}










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

/*ビデオダウンロードボタン非表示*/
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

/*display:none;*/
.pc_none{display:none;}
.img_box > div {
    display: none;
}

/*背景*/
.specialEditableContent{
background: #335fab;
/*border-bottom: #fff solid 1px;*/
	padding: 30px 0 60px 0;
}
	
	.specialEditableContent .contentInnerSmall {
		background: #fff;
		box-sizing: border-box;
		padding: 20px;
	}

/*☆黄色見出し*/
.tit{
background: #ffe009;
font-size: 2em;
padding: 0.3em 0.5em;
color: #172e60;
letter-spacing: -1px;
font-weight: bold;
font-family: 'Rounded Mplus 1c';
margin: 1em 0 0.5em;
}
.tit::before{
content: "★";
color: #fff;
margin-right: 0.2em;
font-size: 1em;
}

/*★見出し*/
.s_tit{
font-size: 1.3em;
margin: 1em 0 0.2em !important;
color: #172e60;
font-weight: bold;
}
.s_tit::before{
content: "★";
}

/*p*/
.main_p{
    text-align: center;
    font-size: 1.5em;
    margin: 1em 0 0 !important;
}
div.rich p {
    margin: 0 0 0em;
}
	
	.contentInnerSmall a {
		text-decoration: underline;
	}
	
	.contentInnerSmall a,.contentInnerSmall a:active,.contentInnerSmall a:hover,.contentInnerSmall a:visited {
		color: #325fab;
	}

/*赤文字*/
.red{
color:#f00;
font-weight: bold;
}

/*エントリー一覧*/
#img_area{
overflow: hidden;
}
.img_box{
float: left;
/*padding: 0.2em;*/
margin: 8px 0;
}
.entry_name{
font-size: 1.2em;
text-align: center;
font-weight: bold;
}
.img_box img:hover{
    transition: .5s;
    opacity: 0.5;
}

/*投票ボタン*/
.entry_btn a{
background: #f00;
    text-decoration: none !important;
    display: block;
    color: #fff;
    font-family: 'Rounded Mplus 1c';
    font-size: 2em;
    text-align: center;
    padding: 3px 0;
    margin: 5px 0 20px;
}
.entry_btn a:hover{
    transition: .5s;
    opacity: 0.5;
}

/*©*/
.copy{
    font-size: 0.9em;
    margin:50px 0 0 !important;
}
}