@charset "utf-8";
/* CSS Document */

/* 共通 ------------------------------------- */
body{-webkit-text-size-adjust:100%;}
#wrap{position:relative; border-top:2px solid #489494; overflow:hidden;}
.contbox{width:100%;}
.content{width:100%; 
max-width:1126px; margin:0 auto;}
.clear{clear:both;}
.none{display:none;}
input,select{border-radius:0;}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:white;}

#main .box h2{font-size:15px; color:#489494; border-bottom:1px solid #56a195; font-weight:normal;}

.pcSelected,
.spSelected{display:inline-block;position:relative;}
.pcSelected select,
.spSelected select{position:relative;z-index:2;opacity:0;}
.pcSelected span,
.spSelected span{display:block;position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;background-color:#FFF;color:#000;text-align:center;}

#main{position:relative;}
#main:after{content:""; width:336px; height:100%; background:url(../img/right_bg.jpg) repeat; position:absolute; top:0; left:50%; z-index:-5; margin-left:250px;}
#main > .content {
    padding: 20px 0 40px;
}

/* ヘッダー --------------------------------- */
#header{padding:15px 0;}
#header h1{display:inline-block;}
#header h1 a{display:block; width:351px; height:40px; background:url(../img/header_title.png) no-repeat;}
#header h1 a:hover{opacity: .5;}
#header h1 span{display:none;}
#header .spmenu{display:inline;}
#header p{float:right; margin-top:5px; margin-left:17px; font-size:12px; display:inline-block;}
#header #spsearch,
#header #sphan{display:none;}
#header p span{display:none;}
#header p a{width:130px; height:25px; display:table-cell; color:#fff; text-decoration:none; background:url(../img/contact_.png) no-repeat;}
#header p a:hover{background-position:0px -25px;}
#header #login{background:url(../img/login_.png) no-repeat;}
#header #login:hover{background-position:0px -25px;}

/* 検索 ------------------------------------- */
#search{background:#489494;; position:relative;}
#search p{display:inline-block; padding:15px 21px 10px; cursor:pointer; vertical-align:bottom;}
#search ul{height:42px; display:inline-block;list-style:none; float:right;}
#search li{display:inline-block; color:#fff; font-size:12px; text-align:center; vertical-align:middle; margin:7px 10px 0 0;}
#search li select{width:55px; height:28px; text-align:center; border:none; margin:0 0.5em;}
#search li select:nth-child(2n){width:35px;}
#search li:nth-child(2){margin-right:0; margin-left:39px;}
#search li:nth-child(2) input{width:390px; height:28px; margin:0 0.5em; padding:0 5px; text-align:left; border:none;}
#search #btn{width:100px; height:28px; padding-right:0; margin:7px 0 0; padding-left:0; cursor:pointer; background:url(../img/search_.jpg) no-repeat;}
#search #btn:hover{ background-position:0px -28px;}

#search .pcSelected{margin:0 0.5em;}
#search .pcSelected span{line-height:28px;}
#search .pcSelected select{margin:0;}
#search .pcSelected:nth-child(2n) select{width:35px;}

#search #category{width:1106px; background:#f0f0f0; padding:20px 0 20px 20px; position:absolute; z-index:2;}
#search #category a,#search #category span{font-size:12px;}
#search #category p{padding:0px 0 8px; background:none; cursor:default;}
#search #category p:last-of-type{padding-top:15px;}
#search #category p a{color:#486d94;}
#search #category p:last-of-type a{color:#996666;}
#search #category ul{float:none; margin:0;}
#search #category li{width:115px; text-align:left; margin:0; padding:8px 0;}
#search #category li a{color:#444444;}
#search .bg{width:64px; height:42px;background:url(../img/category.png) no-repeat; background-position:center; padding:0 5px;}
#search .bg_ov{background:#f0f0f0 url(../img/category_ov.png) no-repeat; background-position:center;}
#search .bg span{display:none;}


#main #left{width:795px; padding-right:12px; float:left;}
/* 右コンテンツ ------------------*/
/* right contents */
#main #right{width:290px; float:right; padding-left:0px;margin-top: 26px;}
#main #right section{margin-top:30px;}
#main #right h2{font-size:18px; margin:0; padding-left:15px; padding-bottom:7px; color:#444444; border-left:6px solid #489494; border-bottom:2px solid #489494;}

/* nav */
#main #right nav p > a{width:290px; height:115px; display:block; background:url(../img/newsmail_.jpg) no-repeat;}
#main #right nav p > a:hover{background-position:0px -115px;}

#main #right nav p > a > img{display:none;}

#main #right nav ul{list-style:none; margin-top:15px;}
#main #right nav li{margin:0 0 10px; background-color:#fff;}

#main #right nav li a {
    width: 290px;
    height: 44px;/*2017.09.04*/
    display: block;
    font-size: 14px;
    line-height: 44px;/*2017.09.04*/
    padding: 0 0 0 60px;
    text-decoration: none;
    border: 1px solid #489494;
    border-left: 4px solid #489494;
    box-sizing: border-box;
}


#main #right #nav01 a{background:url(../img/nav01.png),url(../img/nav.png); background-repeat:no-repeat; background-position:10px center,bottom right;}
#main #right #nav02 a{background:url(../img/nav02.png),url(../img/nav.png); background-repeat:no-repeat; background-position:10px center,bottom right;}
#main #right #nav03 a{background:url(../img/nav03.png),url(../img/nav.png); background-repeat:no-repeat; background-position:10px center,bottom right;}
#main #right #nav04 a{background:url(../img/nav04.png),url(../img/nav.png); background-repeat:no-repeat; background-position:10px center,bottom right;}
#main #right #nav05 a{background:url(../img/nav05.png),url(../img/nav.png); background-repeat:no-repeat; background-position:10px center,bottom right;}
#main #right #nav01 a:hover,#main #right #nav02 a:hover,
#main #right #nav03 a:hover,#main #right #nav04 a:hover,
#main #right #nav05 a:hover{background-color:#e5f2f1;}/**/

/* news & rank */
#main #right .rbox div{display:block; margin:20px 0 20px; font-size:14px; line-height:1.2em; text-decoration:none; text-align:left;}
#main #right .rbox div > span{display:block; font-size:12px; line-height:1.75em; color:#868686;}
#main #right .rbox div .rnote{display:block; line-height:1.5em; max-height:3em; overflow:hidden;}
#main #right .rbox #rankdays{margin-top:12px; color:#868686;}

#main #right #news .rnote{max-height:none;}
#main #right #rank{margin-top:35px;}
#main #right #rank h2 br{display:none;}
#main #right #rank div{position:relative; padding-left:22px;}
#main #right #rank div:before{content:""; position:absolute; left:0; width:12px; height:60px; margin-top:2px;}
#main #right #rank #rank1:before{background:url(../img/no1.jpg) no-repeat;}
#main #right #rank #rank2:before{background:url(../img/no2.jpg) no-repeat;}
#main #right #rank #rank3:before{background:url(../img/no3.jpg) no-repeat;}
#main #right #rank #rank4:before{background:url(../img/no4.jpg) no-repeat;}
#main #right #rank #rank5:before{background:url(../img/no5.jpg) no-repeat;}
#main #right #rank #rank6:before{background:url(../img/no6.jpg) no-repeat;}
#main #right #rank #rank7:before{background:url(../img/no7.jpg) no-repeat;}
#main #right #rank #rank8:before{background:url(../img/no8.jpg) no-repeat;}
#main #right #rank #rank9:before{background:url(../img/no9.jpg) no-repeat;}
#main #right #rank #rank10:before{background:url(../img/no10.jpg) no-repeat;}

/* banner */
#main #right #banner{padding-bottom:30px;}
#main #right #banner .linkdef{width:100%; display:inline-block; margin-bottom:15px;}
#main #right #banner .linkdef a{width:290px; height:60px; display:block; margin:0 auto; background:url(../img/banner/00.jpg) no-repeat;}
#main #right #banner .linkdef a:hover{background-position:0px -60px;}

/* colors */
#main #right #rank div .colors{height:10px; color:#fff; display:table; margin-bottom:6px; padding:0px 10px; border-radius:5px;}
#main #right #rank div .colors span{display:table-cell; font-size:10px; text-decoration:none; vertical-align:middle; padding-top:2px;}
#main #right #rank .c1 .colors{background:#489494;}
#main #right #rank .c2 .colors{background:#486d94;}
#main #right #rank .c3 .colors{background:#996666;}
#main #right #rank .c4 .colors{background:#816D46;}/*2017.08.22*/


/* フッター ----------------------------------*/
#footer{padding:20px 0; background:#489494;}
#footer ul{width:590px; list-style:none;}
#footer li{display:inline-block; margin-bottom:10px;}
#footer li a{color:#FFF; font-size:12px; margin-right:1.5em;}
#footer #mailsns{width:380px; float:right; text-align:right; margin-top:-38px;}
#footer #mailsns li a{display:inline-block; width:40px; height:40px; margin:0 0 0 20px; border-radius:5px;}
#footer p{color:#FFF; text-align:right; margin-top:15px;}
#footer #mailsns li #mail{width:200px; background:url(../img/mail_.png) no-repeat;}
#footer #mailsns li #twitter{background:url(../img/twitter_.png) no-repeat;}
#footer #mailsns li #facebook{background:url(../img/Facebook_.png) no-repeat;}
#footer #mailsns li #mail:hover{background-position:0 -40px;}
#footer #mailsns li #twitter:hover{background-position:0 -40px;}
#footer #mailsns li #facebook:hover{background-position:0 -40px;}


/* ページ先頭へ戻るボタン */
#gotop{width:80px; height:80px; display:block; background:url(../img/topbtn_.png) no-repeat; border-radius:50%; position:fixed; bottom:15px; right:15px; cursor:pointer;}
#gotop:hover{background-position:0px -80px;}


@media screen and (max-width: 1125px){
	/* 共通 ------------------------------------- */
	#wrap{border-top:4px solid #489494;}
	.contbox{width:100%; min-width:100%;}
	.content{width:100%; min-width:100%;}
	
	#main:after{display:none;}
	#main > .content{padding:0;}
	
	/* ヘッダー --------------------------------- */
	#header{padding:15px 0; position:fixed; top:0; background:#FFF; z-index:5;}
	#header h1{padding:10px 16px;}
	#header h1 a{width:330px; height:60px; background:url(../img/sp/title.png) no-repeat; background-size:contain;}
	#header h1 a:hover{background-position:0px 0px;}
	#header p{margin-top:5px; margin-right:16px; margin-left:0; font-size:16px;}
	#header p span img{margin:0 auto;}
	#header p a{width:70px; height:70px; text-align:center; vertical-align:middle; background: url(../img/sp/contact.png) no-repeat;}
	#header p a:hover{background-position:0px;}
	#header #login{font-size:14px; background:url(../img/sp/login.png) no-repeat;}
	#header #login:hover{background-position:0px;}
	#header #contact{display:none;}
	
	/* ハンバーガー */
	#header #sphan{display:table-cell; position:relative; margin-right:17px; margin-left:0;}
	#header #sphan a{background:url(../img/sp/hanbg.png) no-repeat;}
	
	#header .cat2:after{content:""; position:absolute; bottom:-15px; left:50%; margin-left:-15px; display:block; width:0px; height:0px; border-style:solid; border-width:0 15px 15px 15px; border-color:transparent transparent #d3d3d3 transparent;}
	
	#header #sphanbg{width:100%; background:#d3d3d3; padding:20px 0 0; position:absolute; z-index:2; font-size:24px;}
	#header #sphanbg li{width:49%; display:block; float:left; margin:0 0.5% 10px;}
	#header #sphanbg li a{width:95%; height:70px; line-height:70px; display:block; padding-left:5%; background:#f4f4f4; text-decoration:none;}
	
	#header #sphanbg #closebtn2{width:100%; height:70px; margin-top:10px; margin-bottom:0; border-top:2px solid #fff; background:#c3c2c2; cursor:pointer; clear:both;}
	#header #sphanbg #closebtn2 img{margin:0 auto; padding:24px 0;}
	/* ------------------------------------------------------------ */
	
	
	/* 検索 ------------------------------------- */
	#header #spsearch{display:table-cell; position:relative;}
	#header #spsearch a{background:url(../img/sp/search.png) no-repeat;}
	
	#header .cat:after{content:""; position:absolute; bottom:-15px; left:50%; margin-left:-15px; display:block; width:0px; height:0px; border-style:solid; border-width:0 15px 15px 15px; border-color:transparent transparent #d3d3d3 transparent;}
	
	#header #spcategory{width:100%; background:#d3d3d3; padding:20px 0 0; position:absolute; z-index:2;overflow-y:scroll; -webkit-overflow-scrolling:touch;}
	#header #spcategory > p{width:98%; display:block; float:none; margin:0 auto;}
	#header #spcategory > p img{margin:0 auto;}
	#header #spcategory ul{font-size:24px; margin:20px 0 0; padding-bottom:10px;}
	#header #spcategory ul:last-of-type{margin-top:0;padding-bottom:0;}
	#header #spcategory ul:nth-child(2){border-bottom:2px dotted #000;}
	#header #spcategory ul:nth-child(3){border-bottom:2px solid #f4f4f4;}
	#header #spcategory li{width:49%; display:block; float:left; margin:0 0.5% 10px;}
	#header #spcategory li a{width:95%; height:70px; line-height:70px; display:block; padding-left:5%; background:#f4f4f4; text-decoration:none;}
	#header #spcategory ul:nth-child(2) li:first-child a{color:#486d94;}
	#header #spcategory ul:nth-child(3) li:first-child a{color:#996666;}
	
	#header #spfree{padding-top:20px; background:#489494;}
	#header #spfree li{width:98%; float:none; margin:0 auto 20px; color:#fff;}
	#header #spfree li span{padding-left:2em;}
	#header #spfree li:nth-child(2) span{padding-left:7em;}
	#header #spfree li #month,
	#header #spfree li #month2{display:inline-block; margin-right:0.5em; padding:0;}
	#header #spfree li input,
	#header #spfree li select{width:100%; height:70px; border:none; margin:0 0.5em 0 0; text-align:center;}
	#header #spfree li:nth-child(3) input{max-width:430px;margin-right:0; margin-left:0.5em; padding:0 5px; text-align:left;}
	#header #spfree li select:nth-child(2){max-width:150px;}
	#header #spfree li select:nth-child(3){max-width:100px;}
	#header #spfree #spbtn{height:70px; background:#d3d3d3; cursor:pointer;}
	#header #spfree #closebtn{width:100%; height:70px; margin-bottom:0; border-top:2px solid #fff; background:#c3c2c2; cursor:pointer; clear:both;}
	#header #spfree #spbtn img{margin:0 auto; padding:22px 0;}
	#header #spfree #closebtn img{margin:0 auto; padding:24px 0;}
	
	#spfree .spSelected{margin:0 0.5em;}
	#spfree .spSelected select{margin:0;}
	#header #spfree li .spSelected span{padding:0;line-height:70px;}
	#header #spfree li .spSelected:nth-child(2){width:150px;}
	#header #spfree li .spSelected:nth-child(3){width:100px;}
	
	/* スクロールバー */
	#header #spcategory::-webkit-scrollbar{width:5px;}
	#header #spcategory::-webkit-scrollbar-button{display:none;}
	#header #spcategory::-webkit-scrollbar-track{}
	#header #spcategory::-webkit-scrollbar-track-piece{background:#CCC;}
	#header #spcategory::-webkit-scrollbar-thumb{background:#489494;}
	#header #spcategory::-webkit-scrollbar-corner{}
	#header #spcategory::-webkit-resizer{display:none;}
	/* ----------------------------------------------------------------- */
	
	.fixed{position:fixed; width:100%; height:100%; overflow-y:scroll;}
	#search{display:none;}
	
	#main #left{width:98%; margin:0 auto; padding:0; float:none;}
	
	/* 右コンテンツ ------------------------------*/
	#main #right{width:98%; margin:0 auto; float:none; padding-left:0;  background:url(../img/right_bg.jpg) repeat;}
	#main #right nav p > a{width:100%; height:auto; margin:0 auto; background:none; text-decoration:none;}
	#main #right nav p > a:hover{background:none;}
	#main #right nav p > a > img{display:block; width:100%; max-width:620px; height:auto; margin:0 auto;}
	
	#main #right h2{font-size:30px; margin-top:25px; padding:0 1em; line-height:74px;}
	#main #right nav ul{display:none;/*margin-top:30px;*/}
	/*#main #right nav li{width:49%; float:left; margin:0 0.5% 10px;}
	
	#main #right nav li a{width:100%; height:70px; line-height:70px; padding:0 0 0 4em; border:2px solid #489494; border-left:6px solid #489494; font-size:20px;}
	
	#main #right #nav01 a{background:url(../img/sp/nav01.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right;}
	#main #right #nav02 a{background:url(../img/sp/nav02.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right;}
	#main #right #nav03 a{background:url(../img/sp/nav03.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right;}
	#main #right #nav04 a{background:url(../img/sp/nav04.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right;}
	#main #right #nav05 a{background:url(../img/sp/nav05.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right;}
	#main #right #nav01 a:hover,#main #right #nav02 a:hover,
	#main #right #nav03 a:hover,#main #right #nav04 a:hover,
	#main #right #nav05 a:hover{background-color:#fff;}*/
	
	#main #right .rbox > div{margin:25px 0 35px; font-size:26px; line-height:1.2em;}
	#main #right .rbox > div > span{font-size:24px;}
	#main #right .rbox > p > smail{font-size:24px;}
	#main #right .rbox div .rnote{text-decoration:none;}
	
	#main #right .rbox h2 .rss{width:21px; height:26px; display:inline-block; border:none; background:none; margin:0 0 0 100px;}
	#main #right #rank > p{margin:25px 0 35px;}
	#main #right #rank > div{margin:0 0 40px;}
	
	#main #right #rank div{padding-left:40px;}
	#main #right #rank div:before{width:24px; height:112px;}
	#main #right #rank #rank1:before{background:url(../img/sp/no1.jpg) no-repeat;}
	#main #right #rank #rank2:before{background:url(../img/sp/no2.jpg) no-repeat;}
	#main #right #rank #rank3:before{background:url(../img/sp/no3.jpg) no-repeat;}
	#main #right #rank #rank4:before{background:url(../img/sp/no4.jpg) no-repeat;}
	#main #right #rank #rank5:before{background:url(../img/sp/no5.jpg) no-repeat;}
	#main #right #rank #rank6:before{background:url(../img/sp/no6.jpg) no-repeat;}
	#main #right #rank #rank7:before{background:url(../img/sp/no7.jpg) no-repeat;}
	#main #right #rank #rank8:before{background:url(../img/sp/no8.jpg) no-repeat;}
	#main #right #rank #rank9:before{background:url(../img/sp/no9.jpg) no-repeat;}
	#main #right #rank #rank10:before{background:url(../img/sp/no10.jpg) no-repeat;}
	
	#main #right #rank div .colors{height:24px; margin-bottom:10px; padding:0 10px; text-decoration:none;}
	#main #right #rank div .colors span{ font-size:24px;}
	
	#main #right #banner .linkdef a:hover{background-position:0px 0px;}
	
	
	/* フッター ----------------------------------*/
	#footer{margin-bottom:15px;}
	#footer ul{width:100%;}
	#footer li{width:49%; display:block; float:left;  margin:0 0.5% 10px;}
	#footer li a{width:95%; display:block; color:#489494; font-size:20px; margin-right:0; padding:28px 0 28px 5%; background:#ffffff; text-decoration:none;}
	
	#footer #mailsns{width:100%; float:none; text-align:center; margin:0;}
	#footer #mailsns li{width:70px; float:none; display:inline-block; margin:0;}
	#footer #mailsns li:first-child{width:305px;}
	#footer #mailsns li:nth-child(2){margin:0 0.5%;}
	#footer #mailsns li a{display:block; width:70px; height:70px; margin:0; padding:0; background:none;}
	#footer p{text-align:center; font-size:20px;}
	#footer #mailsns li #mail{width:305px; background:url(../img/sp/mail.png) no-repeat; background-position:0px;}
	#footer #mailsns li #twitter{background: url(../img/sp/twitter.png) no-repeat; background-position:0px;}
	#footer #mailsns li #facebook{background:url(../img/sp/facebook.png) no-repeat; background-position:0px;}
	#footer #mailsns li #mail:hover{background-position:0px 0px;}
	#footer #mailsns li #twitter:hover{background-position:0px 0px;}
	#footer #mailsns li #facebook:hover{background-position:0px 0px}

	
	
	/* ページ先頭へ戻るボタン */
	#gotop{width:160px; height:160px; background:url(../img/sp/topbtn.png) no-repeat; bottom:15px; left:auto; margin:0 auto 15px; position:static;}
	#gotop:hover{background-position:0px;}

}

@media screen and (max-width: 640px){
		
	/* 共通 ------------------------------------- */
	#wrap{border-top:2px solid #489494;}
	
	#main:after{display:none;}
	#main > .content{padding:0;}
	
	/* ヘッダー --------------------------------- */
	#header{padding:8px 0;}
	#header h1{padding:5px 8px;}
	#header h1 a{width:165px; height:28px;}
	#header p{margin-top:5px; margin-right:8px; font-size:16px;}
	#header p span img{margin:0 auto;}
	#header p a{width:35px; height:35px; background: url(../img/sp/contact.png) no-repeat; background-size:cover;}
	#header p a:hover{background-position:0px;}
	#header #login{font-size:14px; background:url(../img/sp/login.png) no-repeat; background-size:cover;}
	#header #login:hover{background-position:0px;}
	
	/* ハンバーガー */
	#header #sphan{margin-right:9px;}
	#header #sphan a{background-size:cover;}
	
	#header .cat2:after{bottom:-7.5px; margin-left:-7.5px; border-width:0 7.5px 7.5px 7.5px;}
	
	#header #sphanbg{padding:10px 0 0; font-size:12px;}
	#header #sphanbg li{width:49%; margin:0 0.5% 5px;}
	#header #sphanbg li a{width:95%; height:35px; line-height:35px; padding-left:5%;}
	
	#header #sphanbg #closebtn2{height:35px; margin-top:5px; border-top:2px solid #fff;}
	#header #sphanbg #closebtn2 img{padding:12px 0; width:46px; height:11px;}
	
	/* 検索 ------------------------------------- */
	#header #spsearch a{background-size:cover;}
	
	#header .cat:after{bottom:-7.5px; margin-left:-7.5px; border-style:solid; border-width:0 7.5px 7.5px 7.5px;}
	
	#header #spcategory{padding:10px 0 0;}
	#header #spcategory > p img{width:111px; height:12px;}
	#header #spcategory ul{font-size:12px; margin:10px 0 0; padding-bottom:5px;}
	#header #spcategory ul:last-of-type{margin-top:0;padding-bottom:0;}
	#header #spcategory ul:nth-child(2){border-bottom:1px dotted #000;}
	#header #spcategory ul:nth-child(3){border-bottom:1px solid #f4f4f4;}
	#header #spcategory li{width:49%; display:block; float:left; margin:0 0.5% 5px;}
	#header #spcategory li a{width:95%; height:35px; line-height:35px; padding-left:5%;}
	
	#header #spfree{padding-top:10px;}
	#header #spfree li{width:98%; float:none; margin:0 auto 20px;}
	#header #spfree li span{padding-left:2em;}
	#header #spfree li:nth-child(2) span{padding-left:7em;}
	#header #spfree li #month,
	#header #spfree li #month2{display:inline-block; margin-right:0.5em; padding:0;}
	#header #spfree li input,
	#header #spfree li select{width:100%; height:35px; margin:0 0.5em; text-align:center;}
	#header #spfree li:nth-child(3) input{max-width:210px;margin-right:0; padding:0 5px; text-align:left;}
	#header #spfree li select:nth-child(2){max-width:75px;}
	#header #spfree li select:nth-child(3){max-width:50px;}
	#header #spfree #spbtn{height:35px;}
	#header #spfree #closebtn{width:100%; height:35px; margin-bottom:0; border-top:2px solid #fff;}
	#header #spfree #spbtn img{margin:0 auto; padding:11px 0; width:39px; height:13px;}
	#header #spfree #closebtn img{margin:0 auto; padding:12px 0; width:46px; height:11px;}
	
	#spfree .spSelected{margin:0 0.5em;}
	#spfree .spSelected select{margin:0;}
	#header #spfree li .spSelected span{padding:0;line-height:35px;}
	#header #spfree li .spSelected:nth-child(2){width:75px;}
	#header #spfree li .spSelected:nth-child(3){width:50px;}
	
	/* スクロールバー */
	#header #spcategory::-webkit-scrollbar{width:3px;}
	/* ----------------------------------------------------------------- */
	
	#search{display:none;}
	
	
	/* 右コンテンツ */
	#main #right h2{font-size:15px; margin-top:13px; padding:0 1em; line-height:37px; border-left:3px solid #489494; border-bottom:1px solid #489494;}
	/*#main #right nav ul{margin-top:30px;}
	#main #right nav li{margin:0 0.5% 10px;}
	
	#main #right nav li a{width:100%; height:35px; line-height:35px; padding:0 0 0 4em; border:1px solid #489494; border-left:3px solid #489494; font-size:10px;}
	
	#main #right #nav01 a{background:url(../img/sp/nav01.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right; background-size:18px 24px,12px;}
	#main #right #nav02 a{background:url(../img/sp/nav02.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right; background-size:20px 23px,12px;}
	#main #right #nav03 a{background:url(../img/sp/nav03.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right; background-size:19px 14px,12px;}
	#main #right #nav04 a{background:url(../img/sp/nav04.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right; background-size:15px 20px,12px;}
	#main #right #nav05 a{background:url(../img/sp/nav05.png),url(../img/nav.png); background-repeat:no-repeat; background-position:5% center,bottom right; background-size:20px 19px,12px;}*/
	
	#main #right section{margin-top:15px;}
	
	#main #right .rbox > div{margin:13px 0 18px; font-size:13px;}
	#main #right .rbox > div > span{font-size:12px;}
	#main #right .rbox > p > smail{font-size:12px;}
	
	#main #right #rank{margin-top:18px;}
	#main #right #rank > p{margin:13px 0 18px;}
	#main #right #rank > div{margin:0 0 20px;}
	
	#main #right #rank div{padding-left:20px;}
	#main #right #rank div:before{width:12px; height:56px; margin-top:-1px;}
	#main #right #rank #rank1:before{background:url(../img/sp/no1.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank2:before{background:url(../img/sp/no2.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank3:before{background:url(../img/sp/no3.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank4:before{background:url(../img/sp/no4.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank5:before{background:url(../img/sp/no5.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank6:before{background:url(../img/sp/no6.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank7:before{background:url(../img/sp/no7.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank8:before{background:url(../img/sp/no8.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank9:before{background:url(../img/sp/no9.jpg) no-repeat; background-size:cover;}
	#main #right #rank #rank10:before{background:url(../img/sp/no10.jpg) no-repeat; background-size:cover;}	
	
	#main #right #rank div .colors{height:12px; margin-bottom:5px; padding:0 10px;}
	#main #right #rank div .colors span{ font-size:12px;}
	
	#main #right #banner{padding-bottom:15px;}
	
	
	/* フッター ----------------------------------*/
	#footer{padding:10px 0;}
	#footer ul{width:100%;}
	#footer li{width:49%; display:block; margin:0 0.5% 5px;}
	#footer li a{width:95%; display:block; font-size:10px; margin-right:0; padding:14px 0 14px 5%;}
	
	#footer #mailsns li{width:35px; float:none; display:inline-block; margin:0;}
	#footer #mailsns li:first-child{width:153px;}
	#footer #mailsns li:nth-child(2){margin:0 0.5%;}
	#footer #mailsns li a{width:35px; height:35px; margin:0; padding:0; background:none;}
	#footer p{font-size:10px; margin-top:8px;}
	#footer #mailsns li #mail{width:153px; background:url(../img/sp/mail.png) no-repeat; background-size:cover;}
	#footer #mailsns li #twitter{background: url(../img/sp/twitter.png) no-repeat; background-size:cover;}
	#footer #mailsns li #facebook{background:url(../img/sp/facebook.png) no-repeat; background-size:cover;}

	
	
	/* ページ先頭へ戻るボタン */
	#gotop{width:80px; height:80px; background:url(../img/sp/topbtn.png) no-repeat; background-size:80px; bottom:15px;}

}