@charset "utf-8";
@font-face {
    font-family: 'Noto Sans Japanese';
    src: url('notos-r.woff');
		font-weight: 400;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    src: url('notos-b.woff');
		font-weight: 700;
}

.underconstraction{
	padding:20px;
}
.dummy_ad{
	background-color:#999999;
	color:#fff;
	padding:20px;
}

.menu_ad .ad{
	margin-bottom:1em;
}
.main .ad,
.main .ad2{
	text-align:center;
	margin:15px 15px 0 15px;
}

/* body */
body{
	font-family: 'Noto Sans Japanese', sans-serif;
	padding:0;
	margin:0;
	position:relative;
	background-color:#ddd;
	color:#434343;
}
body *{
	padding:0;
	margin:0;
}
body img{
	vertical-align:bottom;
}
body ol,
body ul{
	list-style:none;
}
body a{
	color:#fe4f00;
	text-decoration:none;
}
body a{
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	will-change: transform;
}
body a:hover{
	opacity:0.5;	
}

#wrapper{
	background-color:#fff;
}

/* for SP */
.forpc .adsbygoogle,
.forpc{	display:none !important;}
.forsp .adsbygoogle,
.forsp{	display:block !important;}
@media (min-width: 769px) {
/* for PC */
.forpc .adsbygoogle,
.forpc{	display:block !important;}
.forsp .adsbygoogle,
.forsp{	display:none !important;}
}

strong{
	font-weight:bold;
}

/* header */
header{
	position:fixed;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	text-align:center;
	z-index:999;
	height:60px;
}
header:before{
	content:"";
	display:block;
	width:100%;
	height:60px;
	position:absolute;
	background-color:#fff;
}
header.active{
	height:100%;
}
header h2{
	width:138px;
	padding:15px 0 0 15px;
}
header h2 a{
	display:block;
	line-height:1;
}
header h2 img{
	width:100%;
	height:auto;
}

header .gnavi{
	position:absolute;
	left:0;
	top:-100%;
	width:100%;
	height:100%;
	background-color:#fff;
	overflow:hidden;
	/**/
	transition: all 500ms ease 0.00s;
	-webkit-transition: all 500ms ease 0.00s;
	/**/
}
header .gnavi.active{
	top:0%;
}
header .gnavi h3 {
	color:#fe4f00;
	font-size:21px;
	line-height:60px;
	background-color:#fff;
	position:relative;
	z-index:2;
}
header .gnavi h3:after{
	content:"";
	display:block;
	width:86%;
	height:1px;
	background-color:#dcdcdc;
	margin:0 auto;
}

header .gnavi .menu {
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	overflow:auto;
	overflow-y:scroll;
	z-index:1;
	padding-top:60px;
	position:absolute;
	-webkit-overflow-scrolling: touch;
}
header .gnavi .menu.active {
	position:fixed;
}
header .gnavi .menu h4{
	font-size:15px;
}
header .gnavi .menu section{
	padding:20px 0;
	border-bottom:1px solid #dcdcdc;
	width:86%;
	margin:0 auto;
}
footer{
	text-align:center;
	background-color:#f4f4f4;
	margin-top:15px;
	padding:30px 0;
	font-size:10px;
}
	
#menulist p{
	font-size:12px;
	font-weight:bold;
	padding:10px 0 10px 0;
	cursor:pointer;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	will-change: transform;
}
#menulist p:hover{
	opacity:0.5;
}
#menulist ul {
	display:none;	
}
#menulist li{
	margin-bottom:8px;
}
#menulist li:last-child{
	margin-bottom:18px;
}
#menulist li a{
	padding:0 0;
	font-size:12px;
	position:relative;
	display:block;
}
/* menu button */
.menu-trigger {
	position:absolute;
	width: 40px;
	height: 40px;
	right:10px;
	top:10px;
	transition: opacity 1000ms 0.00s ease;
	-webkit-transition: opacity 1000ms 0.00s ease;
	opacity:1;
	z-index:14;
}
.menu-trigger.off{
	opacity:0;
	z-index:13;
}
.menu-trigger span {
	position: absolute;
	left: 12px;
	width: 16px;
	height: 2px;
	background-color: #000;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.menu-trigger span:nth-of-type(1) {
	top: 13px;
}
.menu-trigger span:nth-of-type(2) {
	top: 19px;
}
.menu-trigger span:nth-of-type(3) {
	top: 25px;
}
.menu-trigger.active  span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-135deg);
	transform: translateY(6px) rotate(-135deg);
}
.menu-trigger.active  span:nth-of-type(2) {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	opacity: 0;
}
.menu-trigger.active  span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(135deg);
	transform: translateY(-6px) rotate(135deg);
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}

.menu_ranking h4{
	background:url(../img/icon_crown.png) top center no-repeat;
	background-size:30px;
	padding-top:30px;
}
.menu_ranking h4:after{
	content:"";
	display:block;
	width:30px;
	height:1px;
	background-color:#fe4f00;
	margin:16px auto 16px auto;
}

.menu_search{
}
.gsc-results-wrapper-overlay{
	margin-top:50px!important;
	margin-left:-18px!important;
}

header .gnavi .menu section.menu_ad{
	display:none;
}

.menu_vote p{
	display:inline-block;
	margin-bottom:1em;
	font-size:12px;
}
.menu_vote a{
	color:#fff;
	background-color:#fe4f00;
	font-size:15px;
	line-height:55px;
	display:block;
}
.menu_vote a:before{
	content:"";
	width:30px;
	height:30px;
	display:inline-block;
	background:url(../img/icon_check.png) left center no-repeat;
	background-size:30px;
  vertical-align: middle;
}

.menu_data h4 a{
	background:url(../img/icon_data.png) top center no-repeat;
	background-size:30px;
	padding-top:30px;
}
.menu_contact h4 a{
	background:url(../img/icon_contact.png) top center no-repeat;
	background-size:30px;
	padding-top:30px;
}
.menu_data h4 a,
.menu_contact h4 a{
	color:inherit;
	display:block;
}

.menu_snsbtns{
	display:flex;
	justify-content:center;
}
.menu_snsbtns a{
	display:block;
	width:30px;
	height:30px;
	margin:0 10px;
}
.menu_snsbtns a img{
	max-width:100%;
	max-height:100%;
}
header .gnavi .menu section.menu_snsbtns:after{
	display:none;
}

/* footer */

/* content */
#content{
	margin-top:60px;
	background-color:#f4f4f4;
}

#btn_pagetop{
	display:none;
}

/* btn */
.pankuzu{
	display:block;
	background-color:#e5e5e5;
	font-size:12px;
	padding:15px;
}
.pankuzu a{
	font-weight:bold;
	padding:0 10px;
}
.pankuzu a:first-child{
	padding-left:0px;
}

.main h1{
	background-color:#fe4f00;
	color:#fff;
	font-size:27px;
	line-height:1.2;
	text-align:center;
	padding:20px;
}
.main h1 br{
	display:none;
}

.main .menu_vote{
	text-align:center;
	margin-top:20px;
	padding:34px 40px 34px 40px;
	background-color:#fff;
}
.main .menu_vote p{
	margin-bottom:20px;
}


/* for PC */
@media (min-width: 769px) {
.underconstraction{
	padding:100px;
}
.main .ad,
.main .ad2{
	margin:40px 40px 0 40px;
	margin:40px auto 0 auto;
}
#wrapper{
	min-width:768px;
	max-width:1366px;
	margin:0 auto;
	position:relative;
}
header{
	background-color:#fff;
	width:360px;
	height:auto !important;
	position:absolute;
}
header:before{
	display:none;
}
header.fix{
	position:fixed;
	left:auto;
	top:auto;
	right:auto;
	bottom:0;
}
header h2{
	text-align:center;
	width:260px;
	padding:40px 0;
	display:inline-block;
}
header .gnavi{
	position:relative;
	height:auto;
	top:auto;
}
header .gnavi h3{
	display:none;
}
header .gnavi .menu{
	overflow-y:auto;
	overflow:visible;
	position:relative;
	padding-top:0;
}
.gsc-results-wrapper-overlay{
	margin-top:auto!important;
	margin-left:auto!important;
}

footer{
	margin-top:30px;
	padding:30px;
}
header .gnavi .menu section:first-child{
	border-top: 1px solid #dcdcdc;	
}

/* menu button */
.menu-trigger{
	display:none;
}

header .gnavi .menu section.menu_ad{
	display:block;
}

.menu_vote p{
	font-size:14px;
}

/* footer */

/* content */
#content{
	margin-top:0px;
	box-sizing:border-box;
	padding-left:360px;
	min-height:1500px;
}

/* btn */
.pankuzu{
	font-size:12px;
	padding:30px;
}
.pankuzu a{
	font-weight:bold;
	padding:0 10px;
}

.main h1{
	font-size:36px;
}

.main .menu_vote{
	margin:40px 40px 0px 40px;
}
.main .menu_vote a{
	width: 90%;
	max-width:310px;
	margin: 0 auto;
}
.main .menu_vote p br{
	display:none;
}


}