/*style_sp.css*/

/*-------------------
common
---------------------*/

body {
    overflow-x: hidden;
}

.pc {
    display: none!important;
}

.sp {
    display: block!important;
}

.inner {
    padding-left: 15px;
    padding-right: 15px;
}

div, p, a, ul, li, dt, dd, span {
    font-size: 1.4rem;
}

main {
    overflow: hidden;
}

.mt0_sp {
    margin-top: 0!important;
}

.mt5_sp {
    margin-top: 5px!important;
}

.mt10_sp {
    margin-top: 10px!important;
}

.mt15_sp {
    margin-top: 15px!important;
}

.mt20_sp {
    margin-top: 20px!important;
}

.mt25_sp {
    margin-top: 25px!important;
}

.mt30_sp {
    margin-top: 30px!important;
}

.mt35_sp {
    margin-top: 35px!important;
}

.mt40_sp {
    margin-top: 40px!important;
}

.mt45_sp {
    margin-top: 46px!important;
}

.mt50_sp {
    margin-top: 50px!important;
}

.mt55_sp {
    margin-top: 55px!important;
}

.mt60_sp {
    margin-top: 60px!important;
}

.mt65_sp {
    margin-top: 65px!important;
}

.mt70_sp {
    margin-top: 70px!important;
}

.mt75_sp {
    margin-top: 75px!important;
}

.mt80_sp {
    margin-top: 80px!important;
}

.mb0_sp {
    margin-top: 0!important;
}

.mb5_sp {
    margin-bottom: 5px!important;
}

.mb10_sp {
    margin-bottom: 10px!important;
}

.mb15_sp {
    margin-bottom: 15px!important;
}

.mb20_sp {
    margin-bottom: 20px!important;
}

.mb25_sp {
    margin-bottom: 25px!important;
}

.mb30_sp {
    margin-bottom: 30px!important;
}

.mb35_sp {
    margin-bottom: 35px!important;
}

.mb40_sp {
    margin-bottom: 40px!important;
}

.mb45_sp {
    margin-bottom: 46px!important;
}

.mb50_sp {
    margin-bottom: 50px!important;
}

.mb55_sp {
    margin-bottom: 55px!important;
}

.mb60_sp {
    margin-bottom: 60px!important;
}

.mb65_sp {
    margin-bottom: 65px!important;
}

.mb70_sp {
    margin-bottom: 70px!important;
}

.mb75_sp {
    margin-bottom: 75px!important;
}

.mb80_sp {
    margin-bottom: 80px!important;
}

.inner {
    max-width: 100%;
    min-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.bread {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bread a, .bread span, .bread p {
    font-size: 1.1rem;
    padding: 2px 3px 2px;    
}

.bread > .inner span:before {
    width: 6px;
    height: 6px;
}

.gray_area {
    padding-top: 30px;
    padding-bottom: 50px;
}

.wh_area {
    padding-top: 30px;
    padding-bottom: 50px;
}

.h_logo {
    display: block;
    width: 168px;
}

.top_conts_slide img,
.top_conts_slide p,
.top_conts_slide .fee {
    display: block;
    width: 100%;
    max-width: 308px;
    margin: 0 auto;
}

.top_conts_slide .fee {
    margin-top: 5px;
}


.top_conts_slide img {
    margin-bottom: 15px;
}

header {
    height: 60px;
}

dl.news_list > dt span.date {
    font-size: 1.4rem;
}

/* -----------------------------------
PageTop
-------------------------------------- */

#pageTop {
    bottom: 5%;
}


/* ------------------------
  top_main
------------------------- */

.top_main {
    height: auto;
/*    margin-top: 60px;*/
}

.top_main .inner {
    height: auto;
    position: static;
    transform: none;
    padding: 15px 15px 15px 15px;
}

.top_main_slider .slick-slide img {
    width: 100%;
    height: 250px;
}

.tab__list .tab__item > button {
    font-size: 1.3rem;
    padding: 10px 10px;
}

.search_box {
    position: static;
    margin: 0 auto;
}

.search_box .tab__content {
    padding: 20px 15px 20px 15px;
}

.top_main .dots-wrap {
    right: 8%;
    bottom: 15px;
}

.top_main .dots-wrap li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/* -----------------------------------
search_box
-------------------------------------- */

.tab__list .tab__item > button {
    background: #707070;
    color: #fff;
}


/* ------------------------
  area_tag
------------------------- */

.area_tag_cont .tit {
    margin-bottom: 15px;
}

.area_tag_cont {
    display: block;
    margin-top: 20px;
    margin-bottom: 22px;
}

.area_tag {
    width: 100%;
}

.area_tag li {
    margin-right: 7px;
    margin-bottom: 10px;
}

.area_tag li a {
    font-size: 1.3rem;
    padding: 3px 15px 3px;
}

/* ------------------------
  central_cate
------------------------- */

.central_cate_wrap {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #F4F4F4;
}

ul.central_cate {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.central_cate > li {
    width: 31%;
    max-width: 212px;
    margin-bottom: 12px;
}

ul.central_cate > li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

ul.central_cate > li a  .cc_text {
    background-color: #fff;
    padding: 4px 5px;
}

ul.central_cate > li a  .cc_text p {
    text-align: center;
    font-size: 1.3rem;
}

/* ------------------------
  top_info
------------------------- */

.top_info_wrap {
    padding-top: 20px;
    padding-bottom: 50px;
}

.top_info_wrap .tit {
    font-size: 1.6rem;
}

/*----------------------------------
  top_news
------------------------------------*/

.top_news_wrap {
    padding-top: 20px;
    padding-bottom: 50px;
}

.top_news_tit {
    display: block;
}

.top_toku_tit_ic,
.top_seller_tit_ic,
.top_reckokunai_tit_ic,
.top_reckaigai_tit_ic {
    width: 105px;
    margin: 0 auto 15px;
}

.top_toku_wrap h2,
.top_seller_wrap h2,
.top_reckokunai_wrap h2,
.top_reckaigai_wrap h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.ar_set {
    margin-top: 20px;
}

.top_news_tit h2 {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

dl.news_list {
    display: block;
    margin-bottom: 30px;
}

dl.news_list > dt {
    width: 100%;
    border-bottom: none;
    padding: 0 0 5px 0;
}

dl.news_list > dd {
    width: 100%;
    padding-top: 5px;
    margin-bottom: 15px;
}

dl.news_list > dt span.tag {
    font-size: 1.2rem;
/*    min-width: 86px;*/
    margin-right: 10px;
}

.n_tag {
    font-size: 1.2rem;
    margin-right: 10px;
}


/* -----------------------------------
top_toku
-------------------------------------- */

.ar_set .swiper-pagination {
    margin: 0 10px;
}

.ar_set .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

ul.top_recommend > li > a .tr_text p {
    line-height: 1.5;
}

/* -----------------------------------
top_sugotoku
-------------------------------------- */

.top_sugotoku_wrap {
    padding-top: 30px;
    padding-bottom: 110px;
    background-image: url(/img/top/sugotoku_bk_sp.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.top_sugotoku_wrap .tit {
    margin: 0 auto 30px;
}

/* -----------------------------------
top_recommend
-------------------------------------- */

.top_recommend_wrap {
    padding-bottom: 30px;
}

.top_recommend_wrap .tit > img {
    margin: 0 auto 20px;
}

.top_recommend_wrap .tit h2 {
    font-size: 2.2rem;
    margin-bottom: 30px;
}

ul.top_recommend {
    display: block;
}

ul.top_recommend > li {
    width: 100%;
    margin: 0 auto 10px;
}

ul.top_recommend > li > a .tr_img {
    padding: 12px 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

ul.top_recommend > li > a .tr_img img {
    height: auto;
    aspect-ratio: 5.5 / 3;
}

ul.top_recommend > li > a .tr_text {
    padding: 10px 28px 10px 10px;
}

/* -----------------------------------
top_banner
-------------------------------------- */

.top_banner_wrap {
    padding-top: 30px;
    padding-bottom: 25px;
}

.top_banner {
    flex-wrap: wrap;
    max-width: 560px;
    margin: 0 auto;
}

.top_banner li {
    width: 48.5%;
    max-width: 48.5%;
/*    max-width: 168px;*/
    margin: 0 5px 10px 5px;
    margin: 0 0 10px 0;
}

/* -----------------------------------
top_guide
-------------------------------------- */

.top_guide_wrap {
    padding-top: 30px;
    padding-bottom: 50px;
}

.top_guide_wrap h2 {
    font-size: 2.2rem;
}

.top_guide_wrap .inner > p {
    font-size: 1.4rem;
}

.top_guide {
    flex-wrap: wrap;
    max-width: 626px;
    margin: 0 auto;
}

.top_guide > li {
    width: 48.5%;
    max-width: 48.5%;
    margin-top: 30px;
}

.top_guide > li .top_guide_cont span {
    font-size: 1.2rem;
}

.top_guide > li .top_guide_cont p {
    font-size: 1.2rem;
    margin-top: 8px;
}

.top_guide > li .top_guide_img .cate {
    font-size: 1.0rem;
    padding: 2px 8px 2px;
}

/* -----------------------------------
txlinks_wrap
-------------------------------------- */

.txlinks_wrap {
    display: none;
}

/* -----------------------------------
sns_links
-------------------------------------- */

.sns_links > li a {
    width: 36px;
}

/* -----------------------------------
dc_links
-------------------------------------- */

.dc_links_wrap {
    padding-top: 20px;
    padding-bottom: 20px;
}

a.dc_links {
    height: 60px;
}

a.dc_links span {
    font-size: 1.6rem;
}

a.dc_links:before {
    right: 10px;
}

a.dc_links span:before {
    width: 19px;
    height: 16px;
    margin-right: 7px;
}

/* -----------------------------------
logo_links
-------------------------------------- */

.logo_links_wrap {
    padding-top: 15px;
    padding-bottom: 20px;
}

.logo_links li {
    margin-left: 8px;
    margin-right: 8px;
}

.logo_links li:first-child {
    margin-left: 0;
}

.logo_links li:last-child {
    margin-right: 0;
}

/* -----------------------------------
footer
-------------------------------------- */

.ft_links {
    justify-content: flex-start;
}

.ft_links li a {
    font-size: 1.2rem;
}

.copy_right {
    font-size: 1.0rem;
}

/* -----------------------------------
1127
-------------------------------------- */

footer > .inner {
    padding-left: 7px;
    padding-right: 7px;
}


/* -----------------------------------
202602
-------------------------------------- */

	.search_box #search_int {
		padding-top: 20px;
	}

/* -----------------------------------
202603
-------------------------------------- */

.search_box #search_dom.is-active {
    height: 410px;
}

.search_box #search_yado.is-active {
    height: 330px;
}