@charset "utf-8";

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

html {
font-size: 100%;
height: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
text-align: center;
color: #222;
-webkit-text-size-adjust: 100%;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
height: 100%;
}
#wrapper {
margin: 0;
padding: 0;
}
#btnTop {
position: fixed;
bottom: 20px;
right: 20px;
width: 40px;
}
/*.en{
font-family: 'Assistant', sans-serif;
font-weight: 700 !important;
}*/
.pc {
display: block;
}
.sp {
display: none;
}
a:hover {
opacity: 0.8;
text-decoration: none;
}
a[href^="tel:"]:hover {
opacity: 1;
}
img {
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
/*a img{
transition: all 0.3s ease 0s;
}
a:hover img {
transform: scale(1.05, 1.05);
}*/
.svgParts {
display: none;
}
svg {
fill: #222;
}
a:link {
color: #222;
text-decoration: underline;
}
a:visited {
color: #222;
text-decoration: underline;
}
.clear {
clear: both;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.ind {
display: block;
text-indent: -1em !important;
padding-left: 1em !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pt0 {
padding-top: 0 !important;
}
.pt5 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pctL {
float: left;
margin-right: 30px !important;
margin-bottom: 30px !important;
}
.pctR {
float: right;
margin-left: 30px !important;
margin-bottom: 30px !important;
}
.aLeft {
text-align: left;
}
.aRight {
text-align: right;
}
.aCenter {
text-align: center;
}
.centered {
position: relative;
overflow: hidden;
}
.centered ul {
position: relative;
left: 50%;
float: left;
}
.centered ul li {
position: relative;
left: -50%;
float: left;
}
.scroll {
margin: 0 0 30px;
padding: 0;
}
.scroll table {
margin: 0 !important;
}
a[target="_blank"]:after {
content: "";
margin: 0 0 0 5px;
width: 10px;
height: 10px;
display: inline-block;
background: url(../images/ico_blank.png) no-repeat center center;
background-size: contain;
position: relative;
top: -1px;
}
a[href$=".pdf"]:after {
content: "";
margin: 0 0 0 5px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_pdf.png) no-repeat center center !important;
background-size: contain !important;
position: relative;
top: 3px;
}
a[href$=".xlsx"]:after,
a[href$=".xls"]:after {
content: "";
margin: 0 0 0 8px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_exel.png) no-repeat center center !important;
background-size: contain !important;
position: relative;
top: 3px;
}
a[href$=".doc"]:after,
a[href$=".docx"]:after {
content: "";
margin: 0 0 0 8px;
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/ico_word.png) no-repeat center center !important;
background-size: contain !important;
position: relative;
top: 3px;
}
a[target="_blank"].noIco:after,
a[href$=".pdf"].noIco:after,
a[href$=".xlsx"].noIco:after,
a[href$=".xls"].noIco:after,
a[href$=".doc"].noIco:after,
a[href$=".docx"].noIco:after,
a[target="_blank"]:has(img):after,
a[href$=".pdf"]:has(img):after,
a[href$=".xlsx"]:has(img):after,
a[href$=".xls"]:has(img):after,
a[href$=".doc"]:has(img):after,
a[href$=".docx"]:has(img):after {
content: none;
}

/*  +++++++++++++++++++++++++ menuBox +++++++++++++++++++++++++ */

#menuBox {
display: none;
position: absolute;
left: -100%;
}

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

#header {
margin: 0;
padding: 0;
}
#header > .inner {
margin: 0 auto;
padding: 30px 0;
width: 1200px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 1200px) {
#header > .inner {
width: 94%;
}
}
#header h1.logo {
margin: 0;
padding: 0;
width: 325px;
}
#header #headerCo {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
#header #headerCo p.point {
margin: 0 20px 0 0;
padding: 0;
width: 100px;
}
#header #headerCo ul.icoBox {
margin: 0;
padding: 0;
display: flex;
}
#header #headerCo ul.icoBox li {
margin: 0;
padding: 0;
width: 60px;
}
#header #headerCo ul.icoBox li + li {
margin-left: 10px;
}

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

#main {
margin: 0;
padding: 0;
width: 100%;
height: 610px;
background: url("../images/main_bg.jpg") no-repeat;
background-position: left calc(50% + 400px) center;
}
#main > .inner {
margin: 0 auto;
padding: 0;
width: 1200px;
height: 100%;
box-sizing: border-box;
position: relative;
text-align: left;
}
@media screen and (max-width: 1200px) {
#main > .inner {
width: 94%;
}
}
#main > .inner::before {
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 580px;
height: 470px;
background: url("../images/main_photo.png") no-repeat center center;
background-size: contain;
position: absolute;
left: -90px;
bottom: -130px;
}
#main h2 {
margin: 0;
padding: 0;
width: 370px;
position: absolute;
left: -10px;
top: 100px;
}

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

#main02 {
margin: 0;
padding: 0;
width: 100%;
height: 350px;
background: url("../images/main_2026.jpg") no-repeat;
background-position: center center;
}
#main02 a {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: block;
}
#main02 a[target="_blank"]:after {
content: none;
}

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

.contentsBox {
margin: 0;
padding: 0;
}
.contentsBox > .inner {
margin: 0 auto;
padding: 80px 0;
width: 1200px;
text-align: left;
}
.productsList .box.pc {
box-shadow: none;
background: transparent;
}
@media screen and (max-width: 1200px) {
.contentsBox > .inner {
width: 94%;
}
}
.contentsBox > .inner > *:last-child {
margin-bottom: 0;
}
.contentsBox p.logo {
margin: 0 0 20px;
padding: 0;
text-align: center;
}
.contentsBox h2 {
margin: 0 0 40px;
padding: 0;
text-align: center;
font-size: 2rem;
line-height: 1.6;
font-weight: 500;
}
.contentsBox *+h2 {
margin-top: 60px;
}
.contentsBox h3.title {
margin: 0 0 30px;
padding: 0 0 0 12px;
font-size: 1.45rem;
line-height: 1.6;
font-weight: 700;
color: #8C1E19;
border-left: solid 3px #8C1E19;
}
.contentsBox *+h3.title {
margin-top: 50px;
}
.contentsBox p {
margin: 0 0 30px;
padding: 0;
font-size: 1rem;
line-height: 2.4;
color: #5c5c5c;
}
.contentsBox p.bnr {
margin: 0;
text-align: center;
}
.contentsBox .pointBox {
margin: 0;
padding: 0;
width: 260px;
text-align: center;
float: right;
}
.contentsBox .pointBox img {
margin: 0;
padding: 0;
width: 260px;
}
.contentsBox img.photo {
margin: 0;
padding: 0;
width: 100%;
}

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

.productsList {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.productsList .box {
margin: 0;
padding: 0;
width: 18.66%;
background-color: #fff;
/* box-shadow: 0px 0px 5px 0px rgba(31, 24, 21, 0.2); */
border: solid 1px #dbdbdb;
height: auto !important;
box-sizing: border-box;
}
.productsList.ranking .box,
.productsList.other .box {
margin: 0 calc(6.7% / 4) 0 0;
}
.productsList.ranking .box:nth-child(5n),
.productsList.other .box:nth-child(5n) {
margin-right: 0;
}
.productsList.ranking .box:nth-child(n+6),
.productsList.other .box:nth-child(n+6) {
margin-top: calc(8% / 3);
}
.productsList .box a {
margin: 0;
padding: 10px 10px 15px;
display: block;
text-decoration: none;
position: relative;
box-sizing: border-box;
height: 100%;
}
/* .productsList.ranking .box {
margin: 0 calc(8.35% / 4) 0 0;
width: 18.33%;
}
.productsList.ranking .box:nth-child(5n) {
margin-right: 0;
} */
.productsList.ranking .box a {
padding-top: 30px;
}
.productsList.ranking .box a:before {
margin: 0;
padding: 0;
display: inline-block;
content: "";
width: 56px;
height: 44px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -52%);
}
.productsList.ranking .box.r01 a:before {
background: url("../images/no_01.png") no-repeat center center;
background-size: contain;
}
.productsList.ranking .box.r02 a:before {
background: url("../images/no_02.png") no-repeat center center;
background-size: contain;
}
.productsList.ranking .box.r03 a:before {
background: url("../images/no_03.png") no-repeat center center;
background-size: contain;
}
.productsList.ranking .r04 a:before {
background: url("../images/no_04.png") no-repeat center center;
background-size: contain;
}
.productsList.ranking .r05 a:before {
background: url("../images/no_05.png") no-repeat center center;
background-size: contain;
}
.productsList .box a p.photo {
margin: 0 0 10px !important;
padding: 0 !important;
}
.productsList .box a h3 {
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 0.85rem !important;
line-height: 1.8 !important;
color: #222 !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;
color: #222 !important;
}
.productsList .box a p.charge span {
font-size: 1.125rem;
color: #b81c26 !important;
}


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

#rankingBox {
margin: 0;
padding: 0;
background: #faf5e9;
}
#rankingBox > .inner {
margin: 0 auto;
padding: 80px 0;
width: 1200px;
text-align: left;
}
@media screen and (max-width: 1200px) {
#rankingBox > .inner {
width: 94%;
}
}
#rankingBox > .inner > *:last-child {
margin-bottom: 0;
}
#rankingBox h2 {
margin: 0 0 20px;
padding: 90px 0 0;
text-align: center;
font-size: 2rem;
line-height: 1.4;
font-weight: 700;
color: #3a2012;
background: url("../images/ico_ranking.png") no-repeat center top;
background-size: 75px 70px;
}
#rankingBox h2 span.ss {
display: block;
font-size: 0.65em;
}
#rankingBox p.read {
margin: 0 0 60px;
padding: 0;
font-size: 1.25rem;
line-height: 2;
color: #3a2012;
text-align: center;
}
#rankingBox .productsList {
margin-bottom: 40px;
}
#rankingBox p.period {
margin: 0 0 60px;
font-size: 1.85rem;
font-weight: 700;
text-align: center;
color: #8C1E19;
}
#rankingBox p.read.ss {
font-size: 1rem;
}


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

.swiper-wrapper{
padding: 5px 0 30px !important;
height: auto !important;
}
#rankingBox .swiper-wrapper{
padding: 15px 0 30px !important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 0 !important;
}
.swiper-pagination-bullet-active {
background: #8C1E19 !important;
}
.subTitleBox .swiper-pagination-bullet-active {
background: #FFF !important;
}



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

.subTitleBox {
margin: 0;
padding: 0;
background: url("../images/bg_02.jpg") no-repeat center center / cover;
}
.subTitleBox > .inner {
margin: 0 auto;
padding: 80px 0;
width: 1200px;
text-align: left;
}
@media screen and (max-width: 1200px) {
.subTitleBox > .inner {
width: 94%;
}
}
.subTitleBox .title {
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.subTitleBox .title .photoBox {
margin: 0;
padding: 0;
width: 40%;
}
.subTitleBox .title .photoBox img {
margin: 0;
padding: 0;
width: 100%;
border-radius: 8px;
box-shadow: 7.641px 10.517px 12.48px 0.52px rgba(0, 0, 0, 0.17);
}
.subTitleBox .title .txtBox {
margin: 0;
padding: 0;
width: 50%;
}
.subTitleBox .title .txtBox h2 {
margin: 0 0 20px;
padding: 0;
font-size: 2.35rem;
line-height: 1.6;
color: #FFF;
}
.subTitleBox .title .txtBox p {
margin: 0;
padding: 0;
font-size: 1.125rem;
line-height: 2.0;
color: #FFF;
}
.subTitleBox .productsList {
margin-top: 50px;
}


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

/* #footer {
margin: 0;
padding: 0;
background: #453730;
}
#footer > .inner {
margin: 0 auto;
padding: 30px 0;
text-align: left;
}
#footer p#copy {
margin: 0;
padding: 0;
text-align: center;
font-size: 1rem;
line-height: 1;
color: #fff;
} */



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

.mainWidth { width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 800px) { .mainWidth { width: 90%; } }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between; }
.col1 { width: 8%; }
.col2 { width: 18%; }
.col2_5 { width: 30%; }
.col3 { width: 32%; }
.col4 { width: 38%; }
.col5 { width: 48%; }
.col6 { width: 58%; }
.col7 { width: 68%; }
.col8 { width: 78%; }
.col9 { width: 88%; }
.col10 { width: 100%; }
.flex .col1 {
  width: 8%; }
.flex .col2 {
  width: 18%; }
.flex .col2_5 {
  width: 23%; }
.flex .col3 {
  width: 28%; }
.flex .col4 {
  width: 38%; }
.flex .col5 {
  width: 48%; }
.flex .col6 {
  width: 58%; }
.flex .col7 {
  width: 68%; }
.flex .col8 {
  width: 78%; }
.flex .col9 {
  width: 88%; }
.pageTop {
text-align: right;
margin-top: 60px;
margin-bottom: 1rem;
}

footer .box_f { background-color: #F1F1E9; padding: 40px 10px; text-align: left; color: #0e2145; margin-bottom: 20px; display: flex; flex-flow: column; justify-content: space-between; }
footer .box_f .title_f { font-size: 22.4px; font-weight: 700; margin-bottom: 20px; }
footer .box_f p { margin-bottom: 20px; }
footer .box_f a.btnMore { color: #fff; background-color: #0e2145; padding: 7px 0; text-align: center; width: 75%; margin: 0 auto; border-radius: 7px; text-decoration: none; }

#copyright { background-color: #0e2145; text-align: center; padding: 17px 0; }
#copyright p { text-align: center; }
#copyright a, #copyright a:link, #copyright a:visited { color: #fff; text-decoration: none; }
.wc {
color: #fff;
}
.font_ss {
font-size: 10px;
}

.kanetaTable { width: 100%; border-collapse: collapse; font-size: 14px; }
.kanetaTable th { width: 50%; padding: 20px; background-color: #eee; border: solid #d7d7d7 1px; color: #333; vertical-align: middle; }
.kanetaTable td { width: 50%; padding: 20px; border-bottom: solid #eee 1px; border: solid #d7d7d7 1px; vertical-align: middle; }

.item_tableBox table { width: 100%; border-collapse: collapse; font-size: 20px; margin: 20px auto; }
.item_tableBox table th { width: 20%; padding: 20px; background-color: #eee; border: solid #d7d7d7 1px; color: #333; vertical-align: middle; }
.item_tableBox table td { width: 80%; padding: 20px; border-bottom: solid #eee 1px; border: solid #d7d7d7 1px; vertical-align: middle; }

.item_tableBox_sp table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 20px auto; }
.item_tableBox_sp table th { width: 20%; padding: 15px; background-color: #eee; border: solid #d7d7d7 1px; color: #333; vertical-align: middle; }
.item_tableBox_sp table td { width: 80%; padding: 15px; border-bottom: solid #eee 1px; border: solid #d7d7d7 1px; vertical-align: middle; }


.title_1 { text-align: center; font-size: 16px; color: #0e2145; font-family: "Noto Sans JP", sans-serif; margin-bottom: 50px; }
.title_1 span { font-size: 40px; font-family: "Noto Sans JP", sans-serif; display: block; }
@media screen and (min-width: 1201px) { .title_1 span { font-size: 80px; } }

.title_2 { font-size: 25.6px; color: #0e2145; font-family: "Noto Sans JP", sans-serif; margin-bottom: 50px; }
.title_2 span { font-size: 16px; font-family: "Noto Sans JP", sans-serif; display: block; position: relative; padding-left: 19.2px; }
.title_2 span::before { content: ""; display: block; position: relative; left: -19.2px; top: 16px; width: 8px; height: 2px; background-color: #D3706D; }

.title_3_bg { width: 100%; height: 22.6VW; position: relative; margin-bottom: 50px; background: url("../img/bg_1.jpg") no-repeat center/cover; }
.title_3_bg .title_3 { font-size: 16px; font-family: "Noto Sans JP", sans-serif; font-weight: 700; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); }
.title_3_bg .title_3 span { display: block; }
.title_3_bg .title_3 span.cover { font-size: 64px; color: rgba(255, 255, 255, 0); text-stroke: 1px #FFF; -webkit-text-stroke: 1px #FFF; margin-bottom: 10px; }

.title_4 { font-size: 14.72px; color: #111; font-family: "Noto Sans JP", sans-serif; margin-bottom: 50px; }
.title_4 span { font-size: 32px; font-weight: 700; font-family: "Noto Sans JP", sans-serif; margin-right: 1em; }

.title_5 { font-size: 38.72px; font-weight: 700; color: #111; font-family: "Noto Sans JP", sans-serif; margin-bottom: 50px; }
.title_5 span:nth-child(2) { font-size: 12px; font-family: "Noto Sans JP", sans-serif; display: block; font-weight: 400; }
.title_5 span:nth-child(1) { position: relative; }
.title_5 span:nth-child(1)::before { background-color: #444444; content: ""; display: block; width: 35%; height: 1px; position: absolute; top: -33.3333333333px; left: 0; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 1s cubic-bezier(0.6, 0.25, 0, 1); transition: transform 1s cubic-bezier(0.6, 0.25, 0, 1); }
.title_5 span:nth-child(1).is_active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }

@media screen and (min-width: 801px) { .sp { display: none; } }
/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) { .pc { display: none; }
  .itemSlide_sp { margin: 4px 0 0; list-style: none; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 0;}
  .itemSlide_sp li { width: 42%; display: inline-block; vertical-align: top; white-space: normal; padding: 0 5px; font-size: 13px; }
  .itemSlide_sp li .line-2 { width: 100%; height: 3.2em; margin-bottom: 10px; overflow: hidden; position: relative; }
  .itemSlide_sp li a.square_btn { color: #fff; text-decoration: none; background-color: #0e2145; text-align: center; padding: 7px; border-radius: 5px; }
  .itemSlide_sp li a:hover { opacity: 0.7; }
  .content_sp { margin-bottom: 50px; } }