@charset "utf-8";

/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */

.pc {
display: none;
}
.sp {
display: block;
}
.pctL,
.pctR {
float: none;
text-align: center;
margin-right: 0 !important;
margin-left: 0 !important;
}
.wide {
width: 100% !important;
height: auto;
}
.scroll {
padding: 0 0 10px;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar {
height: 5px;
}
.scroll::-webkit-scrollbar-track {
background: #ccc;
}
.scroll::-webkit-scrollbar-thumb {
background: #000;
}
.movieBox {
padding-top: 56.25%;
position: relative;
height: 0;
overflow: hidden;
}
.movieBox iframe {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.mapBox {
padding-top: 56.25%;
position: relative;
height: 0;
overflow: hidden;
}
.mapBox iframe,
.mapBox object,
.mapBox embed {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#btnTop {
bottom: 10px;
right: 10px;
}

/*  +++++++++++++++++++++++++ header +++++++++++++++++++++++++ */

#header > .inner {
margin: 0 15px;
padding: 15px 0;
width: auto;
}
#header h1.logo {
width: 56%;
}
#header #headerCo {
width: 38%;
}
#header #headerCo p.point {
display: none;
}
#header #headerCo ul.icoBox {
width: 100%;
}
#header #headerCo ul.icoBox li {
width: 31%;
}
#header #headerCo ul.icoBox li + li {
margin-left: 3.5%;
}

/*  +++++++++++++++++++++++++ main +++++++++++++++++++++++++ */

#main {
height: 400px;
background: url("../images/main_bg_sp.jpg") no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
}
#main > .inner {
margin: 0 auto;
padding: 0;
width: auto;
height: 100%;
box-sizing: border-box;
position: relative;
text-align: left;
}
#main > .inner::before {
left: 50%;
bottom: -80px;
width: 300px;
height: 243px;
transform: translateX(-50%);
}
#main h2 {
width: 70%;
left: 50%;
top: 50px;
transform: translateX(-50%);
}

/*#main.pre{
height: 400px;
}
#main.pre > .inner::before{
bottom: -80px;
width: 300px;
height: 243px;
}
#main.pre h2{
width: 70%;
top: 50px;
}*/

/*  +++++++++++++++++++++++++ main02 +++++++++++++++++++++++++ */

#main02 {
margin: 0;
padding: 63.36% 0 0;
width: 100%;
height: auto;
background: url("../images/main_2026_sp.jpg") no-repeat;
background-position: center center;
background-size: contain;
position: relative;
}
#main02 a {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}

/*  +++++++++++++++++++++++++ contentsBox +++++++++++++++++++++++++ */

.contentsBox > .inner {
margin: 0 20px;
padding: 60px 0;
width: auto;
}
.contentsBox h2 {
margin: 0 0 30px;
font-size: 1.45rem;
}
.contentsBox *+h2 {
margin-top: 40px;
}
.contentsBox p {
margin: 0 0 20px;
font-size: 0.91rem;
line-height: 2;
}
.contentsBox .pointBox {
margin: 0 0 30px;
width: auto;
float: none;
}

/*  +++++++++++++++++++++++++ productsList +++++++++++++++++++++++++ */

.productsList .box {
margin-top: 0 !important;
}
.productsList.ranking .box,
.productsList.other .box {
margin: 0;
}
/* .productsList .box {
margin: 0 4% 0 0 !important;
width: 48% !important;
}
.productsList .box:nth-child(2n) {
margin-right: 0 !important;
}
.productsList .box:nth-child(n+3) {
margin-top: 4% !important;
}
.productsList.ranking .box:nth-child(n+3) {
margin-top: 10% !important;
}
.productsList .box a p.photo {
margin: 0 0 10px;
padding: 0;
}
.productsList .box a h3 {
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 0.85rem !important;
line-height: 1.8 !important;
}
.productsList .box a p.charge {
margin: 0;
padding: 10px 0 0;
font-size: 0.85rem;
line-height: 1;
border-top: solid 1px #e9e9e9;
text-align: right;
}
.productsList .box a p.charge span {
font-size: 1.125rem;
color: #b81c26;
} */


/*  +++++++++++++++++++++++++ rankingBox +++++++++++++++++++++++++ */

#rankingBox > .inner {
margin: 0 20px;
padding: 40px 0;
width: auto;
}
#rankingBox h2 {
font-size: 1.65rem;
}
#rankingBox p.read {
margin: 0 0 40px;
font-size: 1rem;
}
#rankingBox p.read.ss {
font-size: 1rem;
}
#rankingBox .productsList {
margin-bottom: 30px;
}
#rankingBox p.period {
margin: 0 0 30px;
font-size: 1.45rem;
}


/*  +++++++++++++++++++++++++ swiper +++++++++++++++++++++++++ */

#rankingBox .swiper-wrapper{
padding: 15px 0 30px !important;
}


/*  +++++++++++++++++++++++++ subTitleBox +++++++++++++++++++++++++ */

.subTitleBox > .inner {
margin: 0 20px;
padding: 40px 0;
width: auto;
}
.subTitleBox .title {
display: block;
}
.subTitleBox .title .photoBox {
margin: 0 0 20px;
width: 100%;
}
.subTitleBox .title .txtBox {
width: 100%;
}
.subTitleBox .title .txtBox h2 {
font-size: 1.65rem;
}
.subTitleBox .title .txtBox p {
font-size: 0.91rem;
line-height: 1.8;
}
.subTitleBox .productsList {
margin-top: 30px;
}


/*  +++++++++++++++++++++++++ footer +++++++++++++++++++++++++ */

/* #footer > .inner {
padding: 20px 0;
}
#footer p#copy {
font-size: 0.85rem;
} */



/*  +++++++++++++++++++++++++ footer(add) +++++++++++++++++++++++++ */

#footer-content{
background:#b2b2b2;
font-size:12px;
padding:10px 0 20px;
margin-top:60px;
text-align: left;
}
.footerNav{
margin-bottom:10px;
}
.footerNav-link{
font-size:10px;
display:inline;
padding:0 4px;
}
.footerNav-link a{
color:#222;
text-decoration: none;
display: block;
}
.btn-switch{
background:#fff;
color:#666;
width:60%;
}
.copyright{
font-size:10px;
padding:15px 0;
color:#b2b2b2;
text-align: left;
}
.small,small {
font-size: 80%;
font-weight: 400
}