@charset "utf-8";
@media screen and (max-width : 600px) {
/* Common style */
h2.section_ttl{
	margin-bottom: 33px;
}
.cnt_inner{
	padding-left: 20px;
	padding-top: 37px;
}
.carousel_cnt{
	margin-bottom: 30px;
	padding-left: 20px;
}
.carousel_item a .ttl{
	font-size: 112.5%;
}
/* Mainvs section */
#tmp_mainvs .splide_common .splide__arrow{
	left: 20px;
    right: auto;
}
#tmp_mainvs .splide_common .splide__arrow--next{
	left: 60px;
}
#tmp_mainvs .carousel_cnt {
    bottom: 66px;
	margin-bottom: 0;
}
#tmp_mainvs .carousel_item .tag {
    margin-top: 0;
}
/* Custom paging */
#tmp_mv_carousel .splide__controls{
	justify-content: flex-start;
	bottom: -6px;
	left: 17px;
	right: 18px;
	padding-bottom: 46px;
}
#tmp_mv_carousel .page_wrap{
	bottom: 15px;
	width: 100%;
}
/* Magazine section */
#tmp_magazine{
	margin-bottom: 10px;
}
#tmp_magazine .magazine_ttl {
    padding-right: 20px;
}
#tmp_magazine h2.section_ttl {
    background-image: url(/site/shared/templates/naranoki_top/images/icon/magazine_eng_sp.png);
	background-size: 133px auto;
}
#tmp_magazine h3.sub_ttl{
	margin-bottom: 20px;
}
#tmp_magazine .magazine_arrival {
    margin-bottom: 52px;
}
#tmp_magazine .magazine_arrival h3.sub_ttl {
    padding-left: 127px;
    background-image: url(/site/shared/templates/naranoki_top/images/icon/arrival_eng_sp.png);
	background-size: 110px auto;
}
#tmp_magazine .magazine_interview h3.sub_ttl{
    padding-left: 107px;
    background-image: url(/site/shared/templates/naranoki_top/images/icon/interview_eng_sp.png);
	background-size: 90px auto;
}
#tmp_magazine .more_link {
    margin-top: 40px;
}

#tmp_magazine .splide_common .splide__slide{
    padding-right: 30px;
}
#tmp_magazine .splide_common .splide__arrow {
	width: 40px;
	height: 40px;
}
#tmp_magazine .splide_common .splide__arrow--prev {
    left: -10px;
}
#tmp_magazine .splide_common .splide__arrow--next {
    right: 10px;
}
/* About section */
#tmp_about {
	padding-right: 20px;
    margin-bottom: 60px;
}
#tmp_about h2.section_ttl {
    background-image: url(/site/shared/templates/naranoki_top/images/icon/about_eng_sp.png);
	background-size: 88px auto;
}
#tmp_about .about_cnt{
	width: 100%;
	padding: 0;
}
#tmp_about .about_sub_ttl{
	font-size: 112.5%;
}
#tmp_about .about_cnt .des{
	font-size: 87.5%;
}
#tmp_about .about_img{
	display: none;
}
/* Introduce section */
#tmp_introduce h2.section_ttl{
	padding-top: 30px;
}
#tmp_introduce .carousel_item.story h2.section_ttl{
    background-image: url(/site/shared/templates/naranoki_top/images/icon/story_eng_sp.png);
	background-size: 218px auto;
}
#tmp_introduce .carousel_item.product h2.section_ttl{
    background-image: url(/site/shared/templates/naranoki_top/images/icon/product_eng_sp.png);
	background-size: 100px auto;
}
#tmp_introduce .carousel_item.archive h2.section_ttl{
    background-image: url(/site/shared/templates/naranoki_top/images/icon/archive_eng_sp.png);
	background-size: 86px auto;
}
#tmp_introduce .carousel_item.library h2.section_ttl{
    background-image: url(/site/shared/templates/naranoki_top/images/icon/library_eng_sp.png);
	background-size: 85px auto;
}
#tmp_introduce .carousel_cnt{
	bottom: 1px;
	margin-bottom: 0;
}
#tmp_introduce .carousel_cnt .des {
    font-size: 87.5%;
}
#tmp_introduce .more_link > a > span:after,
#tmp_introduce .more_link > a:hover span:after{
    background-image: url(/site/shared/site_naranoki/images/icon/more_icon_sp.png);
}
/* Reset Hover */
.carousel_cnt a:hover .ttl,
.carousel_item .tag a:hover{
    text-decoration: none;
}
#tmp_introduce .more_link > a:hover span:before{
	background-color: transparent;
	border-color: #ffffff;
}
/* ==================================================
no js
================================================== */
.no_javascript #tmp_magazine .splide__list{
    gap: 30px 20px;
}
.no_javascript #tmp_magazine .splide__list .splide__slide{
    width: calc((100% - 20px) / 2);
}
#tmp_magazine .no-splide .splide__list .splide__slide{
    width: 91%;
    padding-right: 30px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}