@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0; outline:none; font-size:100%; list-style-type:none; box-sizing: border-box;}
body{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important; padding:0; margin:0; color:#000; animation:fadeIn 1.5s ease 0s 1 normal; -webkit-animation:fadeIn 1.5s ease 0s 1 normal;}
li{list-style:none;}
@keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
p>a {display:block;}

/*テーマカラー 濃 #0D66AB 淡 #156FB3 黄 #FFEF00 文字 #0B3142*/
a:link, a:visited {color: #333; text-decoration: none;}
a:hover {opacity:.8;}
.info{
	background: #007AC7;
}
#footer .nav a{color:#fff;}
#footer .nav a:hover{color:#FDD953; opacity:1!important;}

.more a{display:block; background: #FFEF00; color: #036EB6; text-align: center; font-weight: bold;}
.more a:hover {color:#0B3142!important; background:#dedede; opacity:1;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#kv, h2,.more, #footer .nav{background:url("../parts/stripe.png");}
#kv {text-align:center; box-sizing:border-box;}
#kv img {display:block; margin:0 auto; max-width:1080px;}

#push nav{display:flex; justify-content:space-between;}

.Col1desc::before{content: "\300c"; top:0.5em; left:-0.5em;}
.Col1desc::after{content: "\300d"; bottom:0.25em; right:-0.5em;}

.col5 a,.col4 a,.col3 a{display:block;}
.col3 a img,.col4 a img,.col5 a img{display:block; margin: 0 0 10px; border-radius:100px; box-shadow: 0px 0px 5px #007AC7;}

.pre{background:#27120b!important; margin-top:-5%; margin-bottom:5vw; color:#fff; padding-bottom:1.5vw;}
.pre a{color: #fff!important;} .pre .name{font-size:120%;}
.pre .txt{display:block; padding:10px 20px 40px; box-sizing:border-box; text-align:center;}
.pre .col2 .name, .pre .col2 .price, .pre .col2 .desc{font-size:110%;}
.pre .rcmd{margin:5vw auto 1vw; font-size:30px; text-align:center; line-height:100%;}

.name, .price{display:block; font-weight:600; text-align:center; position:relative; font-size: 15px;}
.desc{text-align:center;}
#jer .desc{text-align:center; display:block; margin-top:2em; line-height:1.5em;}

span.pcs::after {content:"入 "; font-size:75%; display:inline-block; margin:0 3px 0 1px;}
#noo .pcs::after{content:"";} #noo .pcs{position:absolute; bottom:-1.5em; right:0; left:0; background:#ede4dd; width:80%; margin:0 auto; font-size:14px;} 
#noo .price {margin-bottom:2em;}
#jer .pcs::after{content:"";} #jer .pcs{position:absolute; bottom:-1.5em; right:0; left:0; background:#ede4dd; width:80%; margin:0 auto; font-size:14px; text-align: center; font-weight: bold;} 
#Icej .pcs::after{content:"";} #Icej .pcs{position:absolute; bottom:-1.5em; right:0; left:0; background:#ede4dd; width:80%; margin:0 auto; font-size:14px; text-align: center; font-weight: bold;}

.pre .pcs,
#KGM4 .pcs
{display:block; margin:0 0 -5px;}

#pagetop{z-index: 999999; margin:0 0 5em; position:relative;}
#pagetop a {
position: fixed; text-align: center; box-sizing: border-box; text-decoration: none; border: 6px double #255325; background: #FFEF00; color: #111; border-radius: 50px; 
top:90%; right: 5px; width: 70px; height: 70px; padding: 0.75em;
}
.fa-angle-up{font-size: 30px; display: block; margin: -9px;}

/*************************************************************************************************************/@media screen and (min-width:768px){
.header_sp, .PChidden{display: none!important;}
#fixed{position:fixed; bottom:0; left:0; width:250px; z-index:999;}
#fixed .Fkds{ position:relative; width:250px; height:55px; background:#333; padding:10px; text-align:center; color:#fff; font-size:14px; line-height:18px; /*font-weight:bold; */border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:5px auto; 
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#fixed .Fkds:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(51, 51, 51, 0); border-top-width:10px; border-bottom-width:10px; border-left-width:10px; border-right-width:10px; margin-left: -10px; border-bottom-color:#333333; bottom:100%; left:15%;}

#kv{width:100%; max-height:800px; height:100%;}
#kv h1{position:relative; text-align: center; width:100%; max-width:1280px; margin:0 auto;}

.manner{max-width:980px; margin:100px auto;}
.info{width:100%; margin:0 auto; font-size: 22px; color: #fff; line-height: 1.4em; font-weight: 500; text-align: center; padding: 1em;}
.info .ttl{font-weight:700; font-size: 26px; margin:0 0 0.5em;}
.info .subtext{font-size: 80%;}
.info_sub{width: 980px;  margin:0px auto 0px; background: #E92F53; font-size: 18px; color: #fff; line-height: 1.4em; font-weight: 500; text-align: center; padding: 1em; background-color: #AD1231;}

#PCmenu a{background:#fff; font-size:17px; font-weight:bold; color:#0b3142; padding:8px 0 8px; display:block; margin-top:0;} #menu li:nth-child(odd) a{background:#ededed!important;}
#PCmenu li a:before{content:"\f0da"; font-family:"Font Awesome 5 Free"; font-weight:600; margin:0 5px;}
#PCmenu{position:sticky; position:-webkit-sticky; top:20px; z-index:9999999;}
#PCmenu ul{/*display:flex; flex-wrap:wrap; justify-content:space-between;*/ position:absolute; right:0px!important; width:200px; padding:10px; box-sizing:border-box;
-webkit-background-size: 100px 100px;
-moz-background-size: 100px 100px;
background-size: 100px 100px;
background-color: #0D66AB;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #156FB3), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #156FB3),
            color-stop(.75, #156FB3), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);}
#PCmenu li{height:45px;}
#PCmenu li:first-of-type{height:80px;}
#main{/*width:980px; margin:0 auto 300px;*/}

.content{margin:50px auto 150px;}
.contentTTL{margin-top:-50px; padding:100px 0 0;}
.content .inner{max-width:980px; margin:0 auto;}

.pre .inner{max-width:980px; margin:0 auto;}
.pre .col4 .name, .pre .col4 .pcs, .pre .col4 .desc{font-size:80%; padding:0;}
.pre .col4 .desc{font-weight:normal;}
.pre .name,.pre .price,.pre .desc{display:block; padding-left:20px; padding-right:20px; box-sizing:border-box;}

.pickup{margin:4% auto; padding:0 0 4vw;}

.Col1{
	-webkit-background-size: 100px 100px;
-moz-background-size: 100px 100px;
background-size: 100px 100px;
background-color: #0D66AB;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #156FB3), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #156FB3),
            color-stop(.75, #156FB3), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);}
	.Col1{max-width:980px; padding:25px 0; margin:0 0 100px;}
  .Col1:nth-of-type(2) {margin-top:-90px;}
  .Col1 a{display:block; width:100%; height:auto;}
	.Col1inner{ max-width:930px; background:#fff; padding:0; margin:0 auto;}
	.Col1 .Col1LR{display:flex; justify-content:space-between; flex-wrap:nowrap; width:100%; margin:0 auto;}
	.Col1 .Col1L{max-width:415px; width:100%; box-sizing:border-box; padding-left:15px;}
	.Col1 .Col1R{max-width:565px; box-sizing:border-box; padding: 0 15px;}
	.Col1name,.Col1price,.Col1desc{position:relative; display:block;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight:bold;}
	.Col1name,.Col1price{font-size:36px;}
	.Col1name{line-height:40px;}
	.Col1price{text-indent:0.75em; transform: scale(1.1, 1);}
	.Col1yen{font-size:60%; transform: scale(1, 1);}
	.Col1Buyer{font-size:110%; font-weight:bold; display:block; margin:1em 0 0;}
	.Col1Buyer .fa-comment-dots{transform:scale(-1, 1); margin-right:0.25em;}
	.Col1desc{font-size:22px; line-height:32px; padding:1em; box-sizing:border-box;}
	.Col1desc::before,.Col1desc::after{position:absolute; font-size:200%;}
	.Col1btn{background:#FFEF00; color:#036ead; display:block; width:80%; text-align:center; font-weight:bold; font-size:120%; border:6px solid; border-radius:5px; margin:0.5em auto 1em;}
	.Col1 a:hover .Col1name{color:#007AC7;}
	.Col1 a:hover .Col1btn{background:#DEDEDE; color:#0b3146;}

h2,h3,h4{width:100%; text-align:center;}
h2{padding:1.5em 0 2em; margin:0 auto 5%;}
h2 img,h3 img{display:block; margin:0 auto; max-width: 980px;}
h4 {font-size:26px; border-bottom:2px solid #2aa9db; margin:50px auto 20px; color:#0B3142;}

.col4 .desc{display:block; font-size:15px; line-height:1.2em; font-weight:500; margin:0.5em 0 1em; position:relative;}
.col5 .desc{display:block; font-size:15px; line-height:1.2em; font-weight:500; margin:0.5em 0 1em; position:relative;}
/*.col2, */.col4, .col5, #cate ul{max-width:980px; margin:0 auto 40px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.col3,.col3b{display:flex; flex-wrap:wrap; justify-content:space-around; padding:20px; box-sizing: border-box;}
.col3>p, .col3b>p{width:calc(100%/3.1);}
.col4>p{width:/*233px*/calc(100%/4); display:block; position:relative; margin: 0 0 20px; padding:4px;}
.col5>p{width:calc(100%/5); display:block; position:relative; margin: 0 0 1.5em; padding:4px; font-size:95%;}


.col4 a .name{line-height:1.2em;}
.col2 a:hover img,.col3 a:hover img,.col4 a:hover img,.col5 a:hover img{border:5px dotted #007AC7; border-radius:50px; box-sizing:border-box; box-shadow:none;}
.col2 a:hover .name,.col3 a:hover .name,.col4 a:hover .name,.col5 a:hover .name{color:#007AC7;}
.pre .col4 a:hover img{border:5px dotted #FFEF00;}
.pre .col4 a:hover .name{color:#FFEF00;}
#cof .pickup .name {margin-top:-10px;}
#gto .col3b{max-width:92%; margin:0 auto 50px;}
#gto .col3b .name,#gto .col3b .price{padding:0 20px;}

.rank{margin-bottom:10%; padding:2% 4%; box-sizing:border-box;}
.rank .col2{width:100%; display: flex; justify-content:space-around; margin:0 0 30px;}
.rank .col2 p{width:calc(100%/2); position:relative; box-sizing:border-box; margin:10px;}
.rank .col2 p img{width:100%!important; border-radius:50px;}
.rank_ttl{display:block; margin:2% auto;}

.rank .col2 p::before{ width:130px; height:86px; position:absolute; top:-10px; left:-40px; transform:rotate(-20deg); background-size:cover!important;}
.rank .col2 p:nth-of-type(1)::before{content:""; background:url(../../cmn/rankicon01.png) no-repeat!important; z-index:1;}
.rank .col2 p:nth-of-type(2)::before{content:""; background:url(../../cmn/rankicon02.png) no-repeat!important; z-index:1;}
.rank .col2 p .desc{width:100%; padding:0;}

.more {width:520px; padding:8px; margin:50px auto;}
.more a{width:500px; margin:0 auto; font-size:26px; box-sizing:border-box; padding:6px;}
.more a:hover{color:#fff;}
.more i.fas.fa-caret-right {font-size:100%; transform:scale(1.6,1); margin:0 0 0 10px;}
#cate,#catewrap{max-width:980px; margin:10% auto;}

#cat ul, #ysn ul {display:flex; justify-content:center; flex-wrap:wrap; position:relative; margin:20px 10px; padding:6px;}
#cat li {width: calc(100%/5);}
#ysn li {width: calc(100%/6);}
#cat a{display:block; text-align:center; padding:7% 0; margin:0; font-size:122%; font-weight:bold; border:5px double #fff; color:#fff;}
#cat li:nth-child(odd) a{background:#076EB6;}
#cat li:nth-child(even) a{background:#0251AE;}
#ysn a{display:block; text-align:center; padding:7% 0; margin:0; font-size:150%; font-weight:bold; border:5px double #fff; color:#fff;}
#ysn li:nth-child(even) a{background:#076EB6;}
#ysn li:nth-child(odd) a{background:#0251AE;}

/*特集ページ用PCフッター*/
.footer_PCevent {bottom:0px; width: 100%;}
.footer_PCevent .nav {display: flex; justify-content: center; align-items:center;}
.footer_PCevent .nav a{display:inline-block; width:120px; padding:10px 0; margin:0 10px; text-align:center;}
.footer_PCevent .nav .fas, .footer .nav .far{font-size:30px; padding:0 0.2em 0 0;}


}/*************************************************************************************************************PC end*/
/*************************************************************************************************************/@media screen and (max-width:767px){
.header_pc,.menu_pc,.SPhidden{display:none!important;}
#fixed{position:fixed; bottom:10px; left:-1vw; width:30vw; z-index:999;}
#fixed .Fkds{ position:relative; width:30vw; height:auto; background:#333; padding:10px; text-align:center; color:#fff; font-size:14px; line-height:18px; /*font-weight:bold; */border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:5px auto; 
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
#fixed .Fkds:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(51, 51, 51, 0); border-top-width:10px; border-bottom-width:10px; border-left-width:10px; border-right-width:10px; margin-left: -10px; border-bottom-color:#333333; bottom:100%; left:15%;}

.manner{margin:20px 0 0;}
.info{width:98%; margin:30px auto 0px; font-size:16px; color:#fff; line-height:1.4em; font-weight:500; text-align:center; padding:0em 0.2em 1.5em;}
.info .ttl{font-weight:700; font-size:23px; margin:0 0 0.5em;}

.content{margin:50px auto 100px;}

.pre .txt{font-size:14px;}
.pre .col2 .name, .pre .col2 .price, .pre .col2 .desc{font-size:100%; padding-left:20px;}
.pre .col4,.pre .col4 a{border:2px solid #27120b;}
.pre .col4 .name, .pre .col4 .price {font-size:14px; font-weight:normal; padding:1;}
.pre .col4 .price{display:block; margin-bottom:5px;}
.pre .col4 .desc{font-size:13px;}

/*#menu{width:80%; margin:30px 0; position:sticky; top:0; z-index:999;}
#menu ul{display:flex; flex-wrap:wrap; justify-content:start;}
#menu ul li {width:calc(100% /6); background:#222; border:1px solid #FFF; border-radius:10px;}
#main{margin:0 auto 30%;}*/
/*
#menu{width:85%; margin:30px 0; position:sticky!important; position:-webkit-sticky; top:0; z-index:999;}
#menu ul{display:flex; flex-wrap:wrap; justify-content:start;}
#menu ul li {width:calc(100% /5);}
#menu ul li img{border:1px solid #FFF;}
*/

.contentTTL br{display:none;}
.contentTTL{font-size:17px; line-height:1.2em; padding:1em 0; box-sizing:border-box;}
.intro {display:inline-block; padding:0 0.5em;}

h2,h3,h4{width:100%; text-align:center;}
h3 img,h4 img{display:block; text-align:center; margin:0 auto;}
h2{margin: 15vw 0 0;}
h3 {margin: 15vw auto 6vw;}
h4 {font-size:26px; border-bottom:2px solid #00659F; margin:50px auto 20px;}

.pickup {margin:2vh 0 8vh;}
.Col1{
	-webkit-background-size: 100px 100px;
-moz-background-size: 100px 100px;
background-size: 100px 100px;
background-color: #0D66AB;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #156FB3), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #156FB3),
            color-stop(.75, #156FB3), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #156FB3 25%, transparent 25%,
          transparent 50%, #156FB3 50%, #156FB3 75%,
          transparent 75%, transparent);}
	/*SP*/.Col1{max-width:980px; padding:10px; margin:0 0 100px;}
	.Col1 a{display:block; width:100%; height:auto;}
	.Col1inner{ max-width:930px; background:#fff; padding:0; margin:0 auto;}
	/*SP*/.Col1 .Col1LR{display:flex; justify-content:space-between; flex-wrap:wrap; text-align: center; width:100%; margin:0 auto;}
	/*SP*/.Col1 .Col1L{max-width:100%; box-sizing:border-box; /*padding-left:15px;*/ display:block; text-align:center; margin:0 auto 1em;}
	.Col1 .Col1R{max-width:565px; box-sizing:border-box; /*padding: 0 15px;*/}
	.Col1name,.Col1price,.Col1desc{position:relative; display:block;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight:bold;}
	/*SP*/.Col1name,.Col1price{font-size:26px;}
	/*SP*/.Col1name{line-height:30px;}
	.Col1price{text-indent:0.75em; transform: scale(1.1, 1);}
	.Col1yen{font-size:60%; transform: scale(1, 1);}
	.Col1Buyer{font-size:110%; font-weight:bold; display:block; margin:1em 0 0;}
	.Col1Buyer .fa-comment-dots{transform:scale(-1, 1); margin-right:0.25em;}
	/*SP*/.Col1desc{font-size:20px; line-height:30px; padding:1em; box-sizing:border-box;}
	.Col1desc::before,.Col1desc::after{position:absolute; font-size:200%;}
	.Col1btn{background:#FFEF00; color:#036ead; display:block; width:80%; text-align:center; font-weight:bold; font-size:100%; border:4px solid; border-radius:10px; margin:0.5em auto 1em;}
	.Col1 a:hover .Col1name{color:#007AC7;}
	.Col1 a:hover .Col1btn{background:#DEDEDE; color:#0b3146;}

.name, .price, .desc{display:block; /*text-align:left; */line-height:1.2em; padding:2%; box-sizing:border-box; font-size:15px;}
.desc{font-size:14px;}

.col2 a, .col3 a{position:relative;}
.col2 a {display:block; margin: 10% 0;}
.col2 a:nth-of-type(1) {margin:2% 0;}
.col5, .col4, .col3, .col3b{display:flex; flex-wrap: wrap;}
/*.col5 a, .col4 a {width:calc(100%/2); display:block; box-sizing:border-box; padding:0 0 1em;}*/
.col5 > p,.col4 > p,.col3 p ,.col3b p{width:calc(100%/2); display:block; box-sizing:border-box; padding:0 0 1em; margin-bottom:2em;;}

.rank{margin-bottom:10vw; padding:2% 4%; box-sizing:border-box;}
.rank_ttl{display:block; margin:2% auto;}
.rank_ttl{width:70%;}
.rank .col2 P{margin-bottom:5vw!important; display:block; position:relative;}

.rank .col2 P::before{ width:130px; height:86px; position:absolute; top:10px; left:-20px; transform:rotate(-20deg); background-size:cover!important;}
.rank .col2 P:nth-of-type(1)::before{content:""; background:url(../cmn/rankicon01.png) no-repeat!important; z-index:1;}
.rank .col2 P:nth-of-type(2)::before{content:""; background:url(../cmn/rankicon02.png) no-repeat!important; z-index:1;}
.rank .col2 P .desc{width:100%; padding:0;}

.more {width:90%; padding:8px; margin:50px auto;}
.more a{width:100%; margin:0 auto; font-size:16px; box-sizing:border-box; padding:6px;}
.more a:hover{color:#fff;}

#cate ul:nth-of-type(1),#cate ul:nth-of-type(2) {display:flex; flex-wrap:wrap;}
#cate ul:nth-of-type(1) li{width:50%; border:1px solid #fff; box-sizing:border-box; margin:0 auto;}
#cate ul:nth-of-type(2) li{width:50%; border:1px solid #fff; box-sizing:border-box;}

#cate,#catewrap{width:100%; margin:80px auto 100px;}

#cat ul, #ysn ul {display:flex; justify-content:center; flex-wrap:wrap; position:relative; margin:20px 2px; padding:6px;}
#cat li {width: calc(100%/3);}
#ysn li {width: calc(100%/3);}
#cat a{display:block; text-align:center; padding:7% 0; margin:0; font-size:100%; font-weight:600; border:4px double #fff; color:#fff;}
#cat li:nth-child(odd) a{background:#076EB6;}
#cat li:nth-child(even) a{background:#0251AE;}
#ysn a{display:block; text-align:center; padding:7% 0; margin:0; font-size:105%; font-weight:600; border:4px double #fff; color:#fff;}
#ysn li:nth-child(even) a{background:#076EB6;}
#ysn li:nth-child(odd) a{background:#0251AE;}


#footer {margin:10vw 0 0;}

/*ドロワーメニュー内*/
#sp_drawer_menu .cate_event li a{background:#fff; color:#0B3142; font-weight:bold;}
#sp_drawer_menu .cate_event li:nth-of-type(2) a,
#sp_drawer_menu .cate_event li:nth-of-type(4) a,
#sp_drawer_menu .cate_event li:nth-of-type(6) a,
#sp_drawer_menu .cate_event li:nth-of-type(8) a,
#sp_drawer_menu .cate_event li:nth-of-type(10) a,
#sp_drawer_menu .cate_event li:nth-of-type(12) a{background:#ededed;}
#sp_drawer_menu p.ttl{background:#FFEF00!important; color:#0B3142!important; font-weight:bold;}
/*特集ページ用SPフッター*/
.footer_SPevent{background:#111; color:#fff; text-align: center; padding: 0.4em; font-size:12px;}
}/********************************************************SP end**/