@charset "utf-8";

@media screen and (min-width : 1441px) {

#tmp_news {

	margin-top: -150px;

	background-size: auto auto, 100% 142px, auto auto;

	background-position: center 0, 0 64px, center bottom;

}

}

@media screen and (min-width : 641px) and (max-width : 1440px) {

	#tmp_learn_more {

		background-size: auto;

	}

}

@media screen and (min-width : 641px) and (max-width : 1220px) {

	#tmp_tab_content .tab_ttl {

		width: calc((100% - 60px)/4);

	}

	#tmp_learn_more .learn_navi_row,

	#tmp_tab_content .tab_col2{

		gap: 0 40px;

	}

	#tmp_learn_more .article_item .img{

		padding: 0 15px;

	}

	#tmp_tab_content .sec_life_navi .navi_list .navi_item a{

		padding: 5px 5px 4px;

	}

	#tmp_tab_content .sec_life_navi .navi_list .navi_item .img{

		margin-bottom: 2px;

	}

	#tmp_learn_more .learn_article .article_item{

		padding-left: 15px;

		padding-right: 15px;

	}

}

@media screen and (min-width : 641px) and (max-width : 1140px) {

	#tmp_learn_more .learn_navi_row,

	#tmp_tab_content .tab_col2{

		gap: 0 25px;

	}

	#tmp_tab_content .sec_life_navi .navi_list .navi_item .img{

		margin-bottom: 0;

	}

	.fuji_sec .splide_common .splide__track{

		margin-left: 0;

	}

	#tmp_learn_more .learn_sns_list{

		gap: 0 10px;

	}

	#tmp_learn_more .sns_item .txt{

		padding-left: 10px;

	}

	#tmp_learn_more .learn_sns_list li.sns_item{

		width: calc((100% - 30px) / 4);

	}

	#tmp_learn_more .sns_item > a{

		padding-left: 15px;

	}

}

@media screen and (min-width : 641px) and (max-width : 1000px) {

	.sec_top_warning .warning_inner {

		padding: 38px 22px 47px 24px;

	}

	#tmp_main{

        background-position: center top 100px;

        background-size: auto 254px;

    }

}

@media screen and (min-width : 641px) and (max-width : 905px) {

	#tmp_tab_content .tab_col2{

		display: block;

	}

	#tmp_tab_content .tab_col2 .sec_life_navi{

		margin-bottom: 20px;

	}

	#tmp_tab_content .tab_col2 .sec_life_navi,

	#tmp_tab_content .tab_col2 .sec_pickup{

		width: 100%;

	}

	#tmp_learn_more .learn_link_item > a{

		padding: 15px 5px;

		min-height: 140px;

	}

	#tmp_learn_more .learn_link_item .img{

		margin-bottom: 10px;

	}

}

@media screen and (max-width : 640px) {

#tmp_main{

	padding-top: 200px;

	background-image: url(../images/main/bg_fuji_sp.png);

	background-size: 660px auto;

	background-position: center 55px;

}

#tmp_main:before{

	content: none;

}

/* Following */

#tmp_following a{

	width: 45px;

	font-size: 87.5%;

	border-radius: 10px 0 0 10px;

	padding: 15px 6px 7px 5px;

	box-shadow: 0 0 2px 1px rgba(177, 191, 201, 0.3);

}

/* Common */

.block_ttl{

	margin-bottom: 17px;

}

.block_ttl h2{

	font-size: 150%;

	min-height: 40px;

	padding-left: 38px;

}

/* Tab content */

#tmp_tab_content:before {

    top: 13px;

    clip-path: ellipse(160% 53% at 50% 60%);

}

#tmp_navi_pickup {

    padding-bottom: 147px;

    background-image: url(../images/main/bg_tab_content_lft_sp.png), url(../images/main/bg_tab_content_rgt_sp.png);

    background-position: left bottom 35px, right bottom;

    background-size: 157px auto, 210px auto;

	min-height: auto;

}

#tmp_tab_content .tab_col2{

	display: block;

}

#tmp_tab_content .tab_col2 .sec_life_navi,

#tmp_tab_content .tab_col2 .sec_pickup{

	width: 100%;

}

#tmp_tab_content .tab_col2 .sec_life_navi{

	margin-bottom: 48px;

}

#tmp_switch_mode {

    margin-top: -74px;

}

#tmp_tab_content .tab_switch {

	gap: 0 4px;

}

#tmp_tab_content .tab_ttl{

	width: calc((100% - 12px) / 4);

	margin-bottom: 33px;

}

#tmp_tab_content .tab_ttl a{

	font-size: 75%;

	margin-top: 15px;

	padding: 14px 3px 12px;

	border-radius: 23px;

}

#tmp_tab_content .tab_ttl a.tb_active:after{

	width: 15px;

    height: 14px;

	margin-top: -8px;

}

#tmp_tab_content .tab_ttl a:before{

	width: 17px;

	height: 16px;

	border-width: 2px;

	margin-top: -6px;

}

#tmp_tab_content .tab_ttl a.tb_active,

.no_javascript #tmp_tab_content .tab_ttl a#tmp_general{

	font-size: 75%;

	padding: 21px 3px 19px;

	border-width: 2px;

	border-radius: 35px;

}

#tmp_tab_content .sec_life_navi .block_ttl h2{

	background-image: url(../images/icon/icon_life_ttl_sp.png);

	background-size: 29px auto;

}

#tmp_tab_content .sec_pickup .block_ttl h2{

	background-image: url(../images/icon/icon_pickup_ttl_sp.png);

	background-size: 24px auto;

	padding-left: 29px;

}

#tmp_tab_content .pickup_splider .splide{

	margin-bottom: 9px;

}

#tmp_tab_content .thumb_slider .thumb_item .item_slide{

	padding: 7px;

}

#tmp_tab_content .thumb_slider .thumb_item .item_slide img{

	border-radius: 5px;

}

#tmp_tab_content .thumb_slider .thumb_item .item_slide a{

	position: relative;

	z-index: 2;

}

#tmp_tab_content .thumb_slider .thumb_item:before{

	border-width: 12px;

}

#tmp_tab_content .thumb_slider .thumb_item:after{

	border-width: 9px;

}

/* News */

#tmp_news{

	background-image: url(../images/main/bg_orange_sp.png), url(../images/main/bg_notice_sp.png);

	background-size: 49px auto, 100% 45px;

	background-position: left 2px top, center top 32px;

	padding: 75px 0 87px;

	margin-top: -90px;

}

#tmp_news:before{

	bottom: 0;

	right: calc(50% + 170px);

	background-image: url(../images/main/bg_notice_bt_repeat_left_sp.png);

	background-size: 384px auto;

	background-position: right bottom;

}

#tmp_news:after {

	left: calc(50% + 291px);

	background-image: url(../images/main/bg_notice_bt_repeat_rgt_sp.png);

	bottom: 46px;

	background-size: 95px;

}

.news_list_content .news_inner .block_ttl {

    margin-bottom: -4px;

}

#tmp_news .news_wrap{

	padding: 20px 0 46px;

	background-image: none;

}

#tmp_news .news_wrap:after{

	left: 50%;

	bottom: 14px;

	width: 496px;

	height: 116px;

	background-image: url(../images/main/bg_notice_pattern_sp.png);

	background-size: 100% auto;

	transform: translateX(-50%);

	margin-left: 59px;

}

.news_list_content .news_inner{

	flex-direction: column;

	gap: 0;

}

.news_list_content .block_info,

.news_list_content .block_news{

	position: relative;

	z-index: 1;

	width: 100%;

}

.news_list_content .block_info{

	z-index: 2;

}

.news_list_content .block_info:before,

.news_list_content .block_news:before{

	content: '';

	position: absolute;

	z-index: -1;

	color: inherit;

	right: -10px;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: left top;

	background-size: 100% auto;

}

.news_list_content .block_info:before{

	width: 108px;

	height: 185px;

	top: 9px;

	background-image: url(../images/main/bg_notice_leaf_sp1.png);

}

.news_list_content .block_news:before{

	width: 137px;

	height: 191px;

	top: -80px;

	background-image: url(../images/main/bg_notice_leaf_sp2.png);

}

.news_list_content .block_info{

	margin-bottom: 27px;

}

.news_list_content .block_info .block_ttl h2{

	background-image: url(../images/icon/icon_info_ttl_sp.png);

	background-size: 16px auto;

	padding-left: 25px;

}

.news_list_content .block_news .block_ttl{

	margin-bottom: -5px;

}

.news_list_content .block_news .block_ttl h2{

	background-image: url(../images/icon/icon_news_ttl_sp.png);

	background-size: 22px auto;

	padding-left: 31px;

}

.news_list_content .news_inner table td{

	display: block;

	height: auto;

	padding: 10px 0 17px;

}

.news_list_content .block_info table td:first-child{

	padding: 20px 0 0;

	width: 100%;

}

.news_list_content .news_list{

	margin-bottom: 25px;

}

.news_list_content .news_list .news_label{

	font-size: 87.5%;

    padding: 4px 18px 3px;

	min-width: 94px;

}

.news_list_content .block_news table td:first-child{

	width: 100%;

	padding: 15px 0 0;

}

.news_list_content .news_list .news_url{

	padding-left: 12px;

	background-position: 0 24px;

	height: auto;

}

.news_list_content .news_list a + img{

	max-width: 46px;

	height: auto;

	margin-left: 2px !important;

}

.news_list_content .news_link{

	flex-wrap: nowrap;

	gap: 0 14px;

}

.news_list_content .news_link > li{

	width: calc((100% - 14px) / 2);

}

.news_list_content .news_link .btn_readmore a{

	display: block;

	padding: 16px 8px 13px 27px;

	background-position: 14px 17px;

}

/* Fuji splide */

.fuji_sec .splide_common .splide__track{

	margin-left: 0;

}

.fuji_sec .splide_common .splide__controls{

	margin-top: 24px;

}

#tmp_recommended.fuji_sec .splide_common .splide__controls{

	margin-top: 26px;

}

#tmp_event .splide .splide__slide{

	width: 100%;

}

/* Event */

#tmp_event:before {

	left: auto;

	right: 0;

	bottom: 38px;

	width: 201px;

	height: 105px;

	background-image: url(../images/main/bg_event_pattern_sp.png);

	background-size: 100% auto;

}

#tmp_event .event_wrap{

	padding: 92px 0 95px;

	overflow: hidden;

}

#tmp_event .block_ttl{

	margin-bottom: 4px;

}

#tmp_event .block_ttl h2{

	background-image: url(../images/icon/icon_event_ttl_sp.png);

	background-size: 22px auto;

	padding-left: 31px;

}

#tmp_event .item_slide .item_img{

	margin-bottom: 14px;

}

#tmp_event .item_txt > span.date{

	font-size: 100%;

	margin-bottom: 12px;

}

#tmp_event .more_btn a{

	padding: 16px 15px 14px;

}

/* Learn */

#tmp_learn_more{

	background-image: url(../images/main/bg_learn_sp.png), url(../images/main/bg_learn_top_sp.png);

	background-size: 640px auto, auto 40px;

	background-position: center bottom, right -120px top;

	padding: 40px 0 50px;

	margin-top: -78px;

}

#tmp_learn_more:before{

    top: -32px;

    height: 166px;

    background-image: url(../images/main/bg_learn_pattern_1_sp.png),url(../images/main/bg_learn_pattern_3_sp.png);

    background-size: 101px auto, 78px auto;

    background-position: left top, right bottom;

}

#tmp_learn_more:after{

    bottom: 41px;

    height: 104px;

	background-image: url(../images/main/bg_learn_pattern_bottom1_sp.png), url(../images/main/bg_learn_pattern_bottom2_sp.png);

	background-size: 103px auto, 98px auto;

	background-position: left bottom, right bottom;

}

#tmp_learn_more .learn_more_wrap {

    padding: 48px 0 51px;

}

#tmp_learn_more .block_ttl{

	margin-bottom: 14px;

	padding-right: 40px;

	position: relative;

	z-index: 1;

}

#tmp_learn_more .block_ttl h2{

	padding-left: 43px;

	background-image: url(../images/icon/icon_learn_ttl_sp.png);

	background-size: 35px auto;

}

#tmp_learn_more .learn_navi_row,

#tmp_learn_more .learn_navi .learn_banner_list{

	display: block;

}

#tmp_learn_more .learn_navi{

	position: relative;

	z-index: 2;

}

#tmp_learn_more .learn_navi_row{

	margin-bottom: 20px;

}

#tmp_learn_more .learn_article,

#tmp_learn_more .learn_banner_list > li.learn_banner_item{

	width: 100%;

}

#tmp_learn_more .learn_article{

	margin-bottom: 31px;

}

#tmp_learn_more .learn_article .article_item{

	padding: 20px 15px 24px;

}

#tmp_learn_more .article_item .txt{

	padding-left: 13px;

	margin-bottom: 20px;

}

#tmp_learn_more .article_item .img img{

	max-width: 240px;

}

#tmp_learn_more .learn_banner_list > li.learn_banner_item{

	margin-bottom: 10px;

}

#tmp_learn_more li.learn_banner_item .img{

	width: 165px;

}

#tmp_learn_more .learn_navi .learn_link_list{

	margin: 0;

	gap: 0 10px;

	margin-bottom: 21px;

}

#tmp_learn_more .learn_link_list > li.learn_link_item{

	width: calc((100% - 10px) / 2);

	padding: 0;

	margin-bottom: 10px;

}

#tmp_learn_more .learn_link_item .img{

	margin-bottom: 3px;

}

#tmp_learn_more .learn_link_item .img img{

	max-width: 40px;

}

#tmp_learn_more .learn_link_item > a{

	font-size: 100%;

	padding: 17px 10px 10px;

}

#tmp_learn_more .learn_sns_list{

	gap: 0 10px;

}

#tmp_learn_more .learn_sns_list li.sns_item{

	width: calc((100% - 10px) / 2);

	margin-bottom: 10px;

}

#tmp_learn_more .sns_item > a{

	font-size: 87.5%;

	padding: 20px 10px 20px 19px;

	border-radius: 23px;

}

#tmp_learn_more .sns_item .icon img{

	max-width: 40px;

}

/* Recommended */

#tmp_recommended{

	padding-top: 74px;

	margin-top: -56px;

}

#tmp_recommended .block_ttl{

	margin-bottom: 6px;

}

#tmp_recommended .block_ttl h2{

	background-image: url(../images/icon/icon_recommended_ttl_sp.png);

	background-size: 26px auto;

	padding-left: 37px;

}

#tmp_recommended .splide .splide__slide{

	width: 100%;

}

/* Publicity */

#tmp_learn_more + #tmp_publicity{

    margin-top: -56px;

    padding-top: 100px;

}

#tmp_publicity{

	padding: 52px 0 33px;

	min-height: auto;

}

#tmp_publicity_ttl{

	flex-wrap: wrap;

	padding: 0 40px;

	margin-bottom: 14px;

}

#tmp_publicity_ttl .publicity_ttl{

    font-size: 156.2%;

	margin-right: 7px;

}

#tmp_publicity_ttl .publicity_navi > a{

	font-size: 87.5%;

	background-position: left 5px;

}

#tmp_publicity_cnt{

	padding: 0;

}

#tmp_publicity:before{

	bottom: 73px;

	height: 96px;

	background-image: url(../images/main/bg_publicity_pattern_rgt_sp.png);

	background-size: 360px auto;

}

#tmp_publicity:after{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 336px;

    top: 220px;

    background: url(../images/main/bg_publicity_pattern_lft_sp.png) no-repeat center top;

    background-size: 360px auto;

}

#tmp_publicity_cnt ul{

	margin: 0 auto;

    max-width: 258px;

}

#tmp_publicity_cnt ul > li {

    margin: 0 18px 18px 0;

}

#tmp_publicity_cnt ul > li:nth-child(2n){

	margin-right: 0;

}

/* Warning */

.sec_top_warning{

    padding-bottom: 114px;

    margin-top: -82px;

}

.sec_top_warning:before {

    top: 13px;

    clip-path: ellipse(160% 53% at 50% 60%);

}

.sec_top_warning .warning_inner{

    padding: 16px 12px 23px;

}

.sec_top_warning .warning_ttl{

    padding-bottom: 14px;

    margin-bottom: 9px;

}

.sec_top_warning .warning_ttl h2{

    font-size: 125%;

}

.sec_top_warning .warning_cnt .des{

    line-height: 1.6;

    margin-bottom: 18px;

    color: #222222;

}

.sec_top_warning .warning_row{

    flex-direction: column;

    gap: 20px 0;

    margin-bottom: 20px;

}

.sec_top_warning .warning_row .warning_col2:nth-child(2){

    padding-left: 0;

    max-width: 100%;

}

.sec_top_warning .latest_info{

    padding: 21px 9px 17px;

}

.sec_top_warning .latest_info .latest_ttl{

    margin-bottom: 14px;

    font-size: 112.5%;

}

.sec_top_warning .latest_link_list li{

    margin-bottom: 22px;

    line-height: 1.5;

}

.sec_top_warning .latest_link_list li:last-child {

	margin-bottom: 0;

}

.sec_top_warning .latest_link_list li a{

    font-size: 100%;

    background-position: left 5px;

    padding-left: 13px;

}

.sec_top_warning .special_info,

.sec_top_warning .special_info a {

	display: block;

	padding: 0 13px 0 15px;

}

.sec_top_warning .special_info {

	margin: 0 -5px;

}

.sec_top_warning .special_info a{

	display: block;

	margin: 0 -13px 0 -15px;

}

.sec_top_warning .special_info .special_img_wrap{

	padding: 14px 0;

}

.sec_top_warning .special_info .special_cnt {

	font-size: 112.5%;

	padding: 11px 0 5px;

}

.sec_top_warning .special_info .special_img_wrap + .special_cnt{

    max-width: 100%;

	margin-top: -14px;

	padding-left: 0;

}

.sec_top_warning .special_link{

    margin-bottom: 3px;

}

.sec_top_warning .warning_related_list{

	flex-direction: column;

	gap: 10px 0;

	margin: 0 -4px;

}

.sec_top_warning .warning_related_list li{

    width: 100%;

}

.sec_top_warning .warning_related_list li > a{

    padding: 19px 20px 17px 17px;

}

.sec_top_warning .warning_related_list .list_icon {

    width: 42px;

}

.sec_top_warning .warning_related_list .list_cnt {

    font-size: 100%;

    padding-left: 19px;

}

/* Box shadow */

#tmp_tab_content .pickup_splider .splide,

#tmp_tab_content .tab_ttl a,

#tmp_event .item_slide .item_img,

#tmp_learn_more .learn_article .article_item,

#tmp_learn_more li.learn_banner_item > a,

#tmp_learn_more .learn_link_item > a,

#tmp_learn_more .sns_item > a,

#tmp_recommended .item_slide .item_img,

.sec_top_warning .special_info,

.sec_top_warning .warning_related_list li > a{

    box-shadow: 0 0 3px 2px rgba(177, 191, 201, 0.35);

}

/* Hover */

#tmp_tab_content .tab_ttl a:hover,

.news_list_content .news_list a:hover,

#tmp_event .item_slide > a:hover .des,

#tmp_learn_more .learn_article .article_item:hover .txt,

#tmp_learn_more li.learn_banner_item > a:hover,

#tmp_learn_more .learn_link_item > a:hover,

#tmp_learn_more .sns_item > a:hover,

#tmp_recommended .item_slide > a:hover,

#tmp_publicity_ttl .publicity_navi > a:hover{

    text-decoration: none;

}

/* ==================================================

accessibility style change:color

================================================== */

.color_blue .news_list_content .block_info:before,

.color_black .news_list_content .block_info:before,

.color_yellow .news_list_content .block_info:before,

.color_blue .news_list_content .block_news:before,

.color_black .news_list_content .block_news:before,

.color_yellow .news_list_content .block_news:before{

	display: none;

}

.color_blue #tmp_following,

.color_black #tmp_following,

.color_yellow #tmp_following,

.color_blue #tmp_following > p,

.color_black #tmp_following > p,

.color_yellow #tmp_following > p{

    border-radius: 10px 0 0 10px;

}

.color_blue #tmp_tab_content .tab_ttl a:after,

.color_black #tmp_tab_content .tab_ttl a:after,

.color_yellow #tmp_tab_content .tab_ttl a:after{

	border-left-width: 10px;

    border-right-width: 10px;

    border-top-width: 10px;

}

/* ==================================================

accessibility no_js

================================================== */

.no_javascript #tmp_tab_content .pickup_splider .splide__list{

	max-height: 225px;

}

.no_javascript #tmp_wrapper .splide_cnt .splide .splide__list,

.splide_cnt .splide:not(.is-initialized) .splide__list{

	margin: 0 -10px !important;

}

.no_javascript #tmp_wrapper .splide_cnt .splide:not(.is-initialized) .splide__slide,

.splide_cnt .splide:not(.is-initialized) .splide__slide{

	width: 50%;

	padding: 0 10px;

}

/* ==================================================

clearfix

================================================== */

#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {

	content: ""; /* 変更しない */

	display: table; /* 変更しない */

	clear: both; /* 変更しない */

}

}