#contest-20th-article-banner  {
    padding-bottom: 5px;
}

#contest-20th-article-banner img.sp-banner {
    display: block;
    max-width: 380px;
    margin: 0 auto;
}


img.mobile-max-width {
	width: 100% !important;
	height: auto !important;
}

.mobile-display-none {
	display: none;
}

.mobile-background-none {
	background: none !important;
}

a.general-image-anchor:link img, 
a.general-image-anchor:visited img {
    border: none;
}

a.general-image-anchor:hover img, 
a.general-image-anchor:active img {
    border: none;
}



div.main-box div.main-table-div {
overflow: auto;
white-space: nowrap;
}

div.main-box div.main-table-div::-webkit-scrollbar{
height: 5px;
}

div.main-box div.main-table-div::-webkit-scrollbar-track{
background: #F1F1F1;
}

div.main-box div.main-table-div::-webkit-scrollbar-thumb {
background: #BCBCBC;
}


div.common-header {
/*	width: 100%;*/
	height: 40px;
/*	background: #FAFAFA;*/
	margin: 0;
	position: fixed;
	z-index: 99;
	top: 0;
	box-shadow: 0 2px 5px 0 rgba(32,64,128,0.25);
/*	border-bottom: 1px solid #204080;*/
}

div.global-header {
background: none;
box-shadow: none;
}


div.common-header div.global-header-logotype {
	width : 145px;
	margin-top: 3px;
}

div.common-header div.global-header-logotype img {
	width: 142px;
	height: 32px;
}

div.common-header div.global-header-search-form {
	float: left;
	width :calc( 100% - 220px );
}

div.global-header div.global-header-search-form form.search {
	width: 100%;
}

div.common-header div.global-header-search-form form.search p {
	margin: 2.5px -30px 0 0;
	width: 100%;
}

div.common-header div.global-header-search-form form.search input.search-text {
	width: calc(100% - 30px);
}

div.common-header div.global-header-search-form form.search button.search-submit {
	width: 25px;
    height: 20px;
    margin-left: -35px;
	display: none;
}

/* グローバルヘッダ */
div.common-navi {
/*	padding: 10px 7px;*/
}

div.common-navi ul {
	position: fixed;
	background: white;
	z-index: 99;
	display: none;
/*	border-bottom: 1px solid #204080;*/
	top: 45px;
/*	box-shadow: 0 2px 5px 0 rgba(32,64,128,0.25);*/
}

div.common-navi ul li {
	height: 30px;
}

div.common-navi ul li span.place-holder, 
div.common-navi ul li a {
padding: 6px 0 12px 0
}

div.common-navi ul li.common-navi,
div.common-navi ul li.common-navi a {
	width: auto;
}
div.common-navi ul.items li.common-navi {
	width: calc( 25% - 2px );
}

div.common-navi ul.paid-items {
	top: 210px;
	box-shadow: 0 10px 5px 0 rgba(32,64,128,0.25);
	width:100%;
}

div.common-navi ul.paid-items li.common-navi {
	width: calc( 50% - 4px );
	border-radius: 10px; 
	margin: 1px 2px 5px;
}

div.common-navi ul.paid-items li a:link, 
div.common-navi ul.paid-items li a:visited {
	background: #595959;
}

div.common-navi ul.paid-items li.certificate a:link, 
div.common-navi ul.paid-items li.certificate a:visited {
	background: #955E00;
}


/*
div.common-navi input,
div.common-navi label {
display: none;
}
*/

div.common-navi label {
display: block;
}


/* スマホメニュー処理 */
input[type="checkbox"]:checked ~ ul {
	display: block;
}

div.common-navi ul.items {
	height: 200px;
}

.common-navi .common-mobile-menu-btn {
	position: fixed;
	display: block;
	top: 7.5px;
	right: 10px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	z-index: 1003;
	background-color: #204080;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	color: white;
}

.common-navi .common-mobile-menu-btn::before {
	font-family: "Font Awesome 5 Solid";
	content: "\f0c9";
	display: none;
}

.common-navi .common-mobile-menu-btn .svg-inline--fa {
	margin-top: 8px;
	font-size: 2em;
}

div.common-navi .common-mobile-menu-check:checked ~ label.common-mobile-menu-btn .fa-bars {
	display: none;
}




div.common-container {
	padding-top: 45px;
}

div.common-left-div {
	clear: both;
	padding-top: 1px; /* ナビゲーション表示時にずれるので設定 */
}

div.common-right-div {
	margin-right: 10px;
	margin-left: 10px;
}

/* ページネーション */
div.paging-box {
	position: relative;
	margin: 20px 0;
}

div.paging-box ul li.number, 
div.paging-box ul li.current {
	min-width: 30px;
}

div.paging-box ul li.prev {
/*
	left: 0px;
	position: absolute;
*/
	display: none;
}

div.paging-box ul li.dot {
/*
	left: 66px;
	height: 33px;
	position: absolute;
	background: white;
*/
	display: none;
}

div.paging-box ul li.dof {
	right: 66px;
	height: 33px;
	position: absolute;
	background: white;
}

div.paging-box ul li.next {
	right: 0px;
	position: absolute;
}

/* 横断系 */

/*
div.blog-box {
	background-color: #fafafa;
}

div.blog-box ul.blog-list, {
	margin: 0;
}

div.blog-box ul.blog-list li {
    background-color: #fff;

}

div.blog-box ul.blog-list > li {
	padding: 0;
	box-shadow: 0px 0 5px 0 rgba(0,0,0,0.26);
	background-color: #fff;
	border-top: 1px solid #CCC;
	margin: 10px 10px 15px;
}

div.blog-box ul.blog-list li ul.blog-function {
	margin-left: -70px;
}

div.blog-box ul.blog-list li div.blog-header {
	position:relative;
	border-bottom:solid 1px #CCC;
}


div.blog-box ul.blog-list li div.blog-header h3 a  {
	display: block;
	padding: 10px 10px 30px 10px;
	margin: 0px 0px -20px 0px;
}

div.blog-box ul.blog-list li p.blog-image {
	margin-top: 30px;
	max-width: 80px;
}

div.blog-box ul.blog-list li p.blog-image img {
    max-width: 100%; 
    height:auto;
}

div.blog-box ul.blog-list li p.blog-summary {
	padding: 0px 10px;
}

div.blog-box ul.blog-list li p.blog-anchor {
	margin: 5px 10px;
}

div.blog-box ul.main-list-counter .main-list-counter-show:before {
	margin-left: -3em;
}


*/
/*
div.blog-box ul.blog-list li div.blog-header h3 a,  
div.blog-box ol.blog-list li div.blog-header h3 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.blog-box ul.blog-list li div.blog-header:after, 
div.blog-box ol.blog-list li div.blog-header:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
*/

/* width解除 */
#microblog-loading {
	width: auto;
}



div.microblog-box div.microblog-list{
	margin: 5px auto 8px;
	width: 315px;
}
div.microblog-box div.microblog-list div {
	padding-left: 0;
}

div.passget-plugin,
div.passchange-plugin,
div.checkout-plugin,
div.checkin-plugin,
div.nameregist-plugin {
	width: auto;
}

div.ads-sp-header {
overflow: hidden;
text-align: center;
}

div.ads-sp-header > div {
margin-bottom: 5px;
}

div.ads-super-banner-f {
width: 100%;
margin: 10px auto;
overflow: hidden;
}

div.ads-medium-rectangle-c {
text-align: center;
}

div.ads-match-list {
max-width: 100%;
overflow: hidden;
}



/* Footer Pupup 
=======================================*/

footer ul.footer-nav {
    margin: 0 0 0 10px;
}

footer ul.footer-nav > li {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 20px;
}

footer ul.footer-nav > li h4 {
    font-size: 108%;
}

footer ul.footer-nav ul {
    margin-top: 0.2em;
}

footer ul.footer-nav ul li {
    padding: 0.2em 0 0.2em 0.5em;
    font-size: 90%;
    display: inline-block;
    width: calc(50% - 0.5em - 10px);
}

footer ul.footer-nav ul li.mini-list {
    width: auto;
}

footer ul.footer-nav ul li.mini-list li {
    display: inline-block;
    margin-right: 2em;
    width: 3em;
}


footer .container div.compliance {
    display: inline-block;
}

footer .container div.compliance ul.compliance-information {
font-size: 93%;
}

footer .container div.compliance ul.compliance-information li {
display: inline;
margin: 0 3px;
}



/* Footer Pupup 
=======================================*/

div.common-mobile-popup li {
	display: none;
	position: fixed;
	width:100%;
	left:0;
	bottom:0;
	z-index:50000;
	padding: 0px;
	background: #204080;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}

div.common-mobile-popup li.common-mobile-popup-active {
	display: block;
}

div.common-mobile-popup li > div {
	padding: 0px;
	margin: 0px;
}

div.common-mobile-popup li > div div.announce-box {
	padding-right: 2em;
}

div.common-mobile-popup li > div a {
	display: block;
	text-decoration: none;
	padding: 10px;
}

div.common-mobile-popup li > div p.left-image {
    float: left;
    margin: 0 10px 0 0;
	width: 20%;
}

div.common-mobile-popup li > div a h4 {
    margin: 3px 0 5px 5px;
	font-size: 5vw;
	color: white;
}

div.common-mobile-popup li > div a p {
    font-size: 3.5vw;
    line-height: 1.5;
	margin-top: 1.5%;
	color: white;
	margin-bottom: 0;
}

div.common-mobile-popup li > div p.left-image img {
    width: 100%;
	height: auto;
	max-width: 150px;
	vertical-align: bottom;	
}

div.common-mobile-popup li > div div.close-button {
	right: 0.5em;
	width: 2em;
	height: 30%;
	position: absolute;
	top: 30%;
}

div.common-mobile-popup li > div div.close-button i {
	color: gray;
	width: 2em;
	text-align: center;
}

div.common-mobile-popup ul.trn li {
	opacity:0.5;
}

#footer-gdpr-box {
	line-height: 1.4;
	padding: 5px 35px 5px 10px;
}