@media screen and (max-width: 1400px) {
	#top .search-box .img{ max-width: 25%; }
}
@media screen and (max-width: 1280px) {
	#top #item_category .wrapper{ background-size: 45%; }
	#top #keyword .wrapper{ background-size: 45%; }
	#top #origin .wrapper{ background-size: 45%; }
	#top #four_seasons .wrapper{ background-size: 45%; }
	#top #ranking .wrapper{ background-size: 45%; }
	.sub .title-box{ background-size: 35%; }

	header .bottom .nav-box nav ul .item .nav-title .title{ font-size: 1.6rem; letter-spacing: -0.5px; }
	header .bottom .nav-box nav ul .item .nav-title .small{ font-size: 1.3rem; }
	
	{ right: -20px; }

}


@media screen and (max-width: 1180px) {
	header .top .right .nav-box nav ul li img { width: 12px; margin-right: 2px; }
	header .top .right .nav-box nav ul li a{ font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	header .bottom .nav-box nav ul .item .nav-title .title{ font-size: 1.5rem; }
	header .bottom .nav-box nav ul .item .nav-title .img { margin-left: -15px; margin-right: 7px; max-width: 22px; height: 25px; }
	header .bottom .nav-box nav ul .item .nav-title .title:before{ width: 9px; height: 9px; right: -15px; }

	main{ padding-left: 50px; }

	#item_detail #item_detail-sec01 .item_detail-box .content .btn-box .btn { width: calc( 100% / 3 - ( 10px ) ); margin: 0 5px 15px 5px; }

	#item_list .item_list-box ul li{ width: calc( 100% / 2 - ( 18.75px )); }
	#item_list .item_list-box ul li:nth-child(2n){ margin-right: 0; }
	#item_list .item_list-box ul li:not(:nth-child(2n)){ margin-right: 37.5px; }

	#news_detail #news_detail-sec01 .news_detail-box .content .btn-box .btn { width: calc( 100% / 3 - ( 10px ) ); margin: 0 5px 15px 5px; }
}

@media screen and (max-width: 991.98px) {
	header .top .container.flex{ padding: 0 0 0 15px; }
	header .top .right .nav-title { width: 80px; font-size: 1.4rem; }
	header .top .right .nav-box { width: calc( 100% - 80px ); }
	header .top .right .nav-box nav ul li a{ padding: 15px 3px; }
	header .bottom .nav-box nav ul .item .nav-title .title{ font-size: 1.4rem; }
	header .bottom .nav-box nav ul .item .nav-title .img img { max-width: 12px; }
	header .bottom .nav-box nav ul .item .box .list { margin: 30px 0 10px; }
	header .bottom .nav-box nav ul .item .box .list li a { font-size: 1.4rem; padding: 15px 5px; letter-spacing: -0.5px; }

	#top .search-box{ padding: 30px 0 185px; }
	#top .search-box .img01{ left: 3%; }
	#top .search-box .img02{ right: 3%; }

	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dt{ font-size: 1.6rem; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dd{ font-size: 1.8rem; }
	#item_detail #item_detail-sec01 .item_detail-box .content .btn-box .btn { width: calc( 100% / 2 - ( 10px ) ); margin: 0 5px 15px 5px; }
	#item_detail #item_detail-sec01 .item_detail-box .content .btn-box .btn.btn04{ width: calc( 100% / 2 - ( 10px ) ); }

	#news_detail #news_detail-sec01 .news_detail-box .content .btn-box .btn { width: calc( 100% / 2 - ( 10px ) ); margin: 0 5px 15px 5px; }
	#news_detail #news_detail-sec01 .news_detail-box .content .btn-box .btn.btn04{ width: calc( 100% / 2 - ( 10px ) ); }

	.sub footer .container { padding-top: 100px; }
	footer .box ul li{ transition: 0.3s; width: 31%; }
	footer .box ul li:nth-child(-n+2){ margin-right: 3.5%; }
	footer .box ul li a p{ font-size: 1.4rem; letter-spacing: normal; }
}



@media screen and (max-width: 820px) {
	.ipad { display: block; }

	.sub .content-wrapper{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.sub .content-wrapper aside{ width: 100%; order: 2; }
	.sub .content-wrapper main{ padding-left: 0; width: 100%; order: 1; }

	#splash_logo img { max-width: 400px; width: 100%; }

	header .top{ height: 60px; }
	header .top .container.flex{ height: 100%; padding: 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	header .bottom .nav-container{ display: none; }
	header .top .left{ width: 60%; padding: 0; max-width: 300px; }
	header .top .right{ width: 40%; }
	header .top .right .nav-title{ width: 100%; }
	header .top .right .user{ display: none; }
	header .top .right .nav-title img{ max-width: 30px; }
	header .top .right .nav-box { display: none; }
	header .modal_box.sp{ display: block; }
	header .modalbtn{ display: block; position: fixed; right: 0; top: 0; width: 60px; height: 60px; background: var(--main-color); z-index: 999; }
	header .modalbtn:before{ content: ""; transition: 0.3s; position: absolute; width: 20px; height: 2px; background: #fff; top: 25px; left: 0; right: 0; margin: auto; }
	header .modalbtn:after{ content: ""; transition: 0.3s; position: absolute; width: 20px; height: 2px; background: #fff; bottom: 25px; left: 0; right: 0; margin: auto; }
	header .modalbtn.active:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 29px; }
	header .modalbtn.active:after{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 29px; }
	header .modalnav{ padding-top: 61px; display: none; overflow: scroll; background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; }
	header .modalnav nav ul li{ padding: 0; width: 100%; background: #F7F7F7; }
	header .modalnav nav ul li .img{ display: inline-block; max-width: 30px; width: 100%; margin-right: 15px; }
	header .modalnav nav ul li .img img{ max-height: 20px; }
	header .modalnav nav ul li .nav-title{ cursor: pointer; padding: 20px; background: #fff;display: block; position: relative; font-weight: 700!important; font-size: 1.8rem!important; border-bottom: 1px solid var(--text-color) }
	header .modalnav nav ul li .nav-title:before{ content: ""; position: absolute; background: url(../images/arrow06.svg) no-repeat; background-size: contain; background-position: center; width: 15px; height: 15px; right: 15px; bottom: 0; top: 0; margin: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	header .modalnav nav ul li .nav-title.active .title:before{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	header .modalnav nav ul li .nav-title2{ padding: 0; }
	header .modalnav nav ul li .nav-title2:before{ content: none; }
	header .modalnav nav ul li .nav-title2 a{ padding: 20px; display: block; }
	header .modalnav nav ul li .box{ display: none; }
	header .modalnav nav ul li .box.active{ display: block; }
	header .modalnav nav ul li .list li{ border-bottom: 1px solid #fff; font-size: 1.7rem; display: inline-block; width: 100%; font-weight: 700; }
	header .modalnav nav ul li .list li a{ display: block; padding: 20px; }
	header .modalnav nav ul li .list li label{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  cursor: pointer; }
	header .modalnav nav ul li .list li .morecheck_btn{ margin: 0; width: 0; opacity: 0; }
	header .modalnav nav ul li .list li .morecheck_btn:checked + .checkbox-DummyInput { background: var(--main-color); }
	header .modalnav nav ul li .list li .checkbox-DummyInput { display: block; width: 17px; height: 17px; background: #fff; border-radius: 4px; border: 1px solid var(--text-color); }
	header .modalnav nav ul li .list li .checkbox-LabelText { font-size: 1.6rem; margin-left: 12px; }
	header .modalnav nav ul li .list li:last-child{ border-bottom: 1px solid var(--text-color); }

	footer .box ul li a h4{ margin-bottom: 15px; font-size: 2.8rem; }
	footer .box ul li a .img { margin-bottom: 5px; }

	.sub .hit-box{ bottom: -50px; }
	.sub .hit-box .box{ width: 150px; height: 150px; }
	.sub .hit-box .box p{ letter-spacing: -2px; font-size: 1.6rem; }
	.sub .hit-box .box p span { font-size: 4rem; }
	.sub .hit-box .box p span .small { font-size: 1.6rem; }

	aside{ margin-top: 30px; }
	aside .nav-box nav ul li .list li label{ padding: 15px; }
	aside .nav-box nav ul li .morecheck_list li{ padding-left: 40px; }
	aside .nav-box nav ul li .morecheck_list li label{ padding-left: 0; }
	aside .nav-box nav ul li .list li .morecheck_btn{ top: 17px; }
	#item_list aside{ margin-top: 80px; }

	#top .fv .container{ padding: 50px 15px 145px; background-position: -35% 0px, 135% 0px; background-size: 50%, 50%; }
	#top .search-box{ padding: 30px 0 125px; }
	#top .search-box .img{ max-width: 35%; }
	#top .search-box .img01{ bottom: 100%; z-index: -1; left: 17%; }
	#top .search-box .img02{ bottom: 100%; z-index: -1; right: 17%; }
	#top #item_category .content .box ul li { width: calc( 100% / 4 - ( 7.5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #item_category .content .box ul li:not(:nth-child(4n)) { margin-right: 10px!important; }
	#top #item_category .content .box ul li a{ min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #item_category .content .words{ display: block; }
	#top #item_category .content .words .left{ text-align: center; width: 100%; margin-bottom: 15px; }
	#top #item_category .content .words .right{ width: 100%; }
	#top #item_category .content .words .right ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #item_category .content .words .right ul li{ margin-bottom: 3%; width: 49%; }

	#top #keyword .content .box ul li { width: calc( 100% / 4 - ( 7.5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #keyword .content .box ul li:not(:nth-child(4n)) { margin-right: 10px!important; }
	#top #keyword .content .box ul li a{ min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #keyword .content .words{ display: block; }
	#top #keyword .content .words .left{ text-align: center; width: 100%; margin-bottom: 15px; }
	#top #keyword .content .words .right{ width: 100%; }
	#top #keyword .content .words .right ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #keyword .content .words .right ul li{ margin-bottom: 3%; width: 49%; }

	#top #origin .content .box ul li { width: calc( 100% / 4 - ( 7.5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #origin .content .box ul li:not(:nth-child(4n)) { margin-right: 10px!important; }
	#top #origin .content .box ul li a{ min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #origin .content .words{ display: block; }
	#top #origin .content .words .left{ text-align: center; width: 100%; margin-bottom: 15px; }
	#top #origin .content .words .right{ width: 100%; }
	#top #origin .content .words .right ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #origin .content .words .right ul li{ margin-bottom: 3%; width: 49%; }

	#top #four_seasons .content .words{ display: block; }
	#top #four_seasons .content .words .left{ text-align: center; width: 100%; margin-bottom: 15px; }
	#top #four_seasons .content .words .right{ width: 100%; }
	#top #four_seasons .content .words .right ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #four_seasons .content .words .right ul li{ margin-bottom: 3%; width: 49%; }
	#top #four_seasons .content .box ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #four_seasons .content .box ul li{ margin-bottom: 4%; width: 48%; }

	#top #ranking .content .box ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	#top #ranking .content .box ul li{ margin-bottom: 4%; width: 30%; }
	#top #ranking .content .box ul li:not(:nth-child(3)){ margin-right: 5%; }
	#top #ranking .content .box ul li:nth-child(5){ margin-right: 0%; }
	#top #ranking .content .words{ display: block; }
	#top #ranking .content .words .left{ text-align: center; width: 100%; margin-bottom: 15px; }
	#top #ranking .content .words .right{ width: 100%; }
	#top #ranking .content .words .right ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #ranking .content .words .right ul li{ margin-bottom: 3%; width: 49%; }

	#item_list .item_list-box ul li{ margin-bottom: 50px; width: calc( 100% / 2  - ( 8px )); display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#item_list .item_list-box ul li:nth-child(even){ margin-right: 0; }
	#item_list .item_list-box ul li:not(:nth-child(even)){ margin-right: 16px; }
	#item_list .item_list-box ul li .img { margin-bottom: 15px; }
	#item_list .item_list-box ul li .maker{ margin-bottom: 5px; font-size: 1.3rem; }
	#item_list .item_list-box ul li .item-title{ font-size: 1.6rem; margin-bottom: 20px; height: auto; }
	#item_list .item_list-box ul li .item-title br{ display: none; }
	#item_list .item_list-box .pager ul li a { font-size: 1.6rem; width: 45px; height: 45px; line-height: 40px; }
	#item_list .item_list-box .pager{ margin-top: 50px; }
	#item_list .item_list-box .pager ul li{ margin: 5px!important; }

	#company #company-sec01 .company-list li{ width: calc( 100% / 2 - ( 12.5px )); margin-right: 0px!important; }
	#company #company-sec01 .company-list li:not(:nth-child(2n)){ margin-right: 25px!important; }
	#company #company-sec01 .company-list li a{ font-size: 1.4rem; }

	#news #news-sec01 .pager ul li a { font-size: 1.6rem; width: 45px; height: 45px; line-height: 40px; }
	#news #news-sec01 .pager{ margin-top: 50px; }
	#news #news-sec01 .pager ul li{ margin: 5px!important; }

	#news_detail #news_detail-sec01 .pagination ul li a { font-size: 1.6rem; }
	#news_detail #news_detail-sec01 .pagination{ margin-top: 50px; }

	#favorite .favorite-box h3 { font-size: 1.8rem; }
	#favorite .favorite-box p{ font-size: 1.4rem; line-height: 1.5em; }
	#favorite .favorite-box .table-box table th{ font-size: 1.5rem; }
	#favorite .favorite-box .table-box table td{ font-size: 1.4rem; }
	#favorite .favorite-box .table-box table td img { max-height: 50px; }
	#favorite .favorite-box .btn-box .btn { min-width: auto; font-size: 1.5rem; }
	#favorite .favorite-box .btn-box { margin: 30px auto 100px; }
	#favorite .favorite-box .history h4 { font-size: 1.7rem; }

	#favorite_confirm .favorite_confirm-box h3 { font-size: 1.8rem; }
	#favorite_confirm .favorite_confirm-box p{ font-size: 1.6rem; line-height: 1.5em; }
	#favorite_confirm .favorite_confirm-box .table-box table th{ font-size: 1.5rem; }
	#favorite_confirm .favorite_confirm-box .table-box table td{ font-size: 1.4rem; }
	#favorite_confirm .favorite_confirm-box .table-box table td img { max-height: 50px; }
	#favorite_confirm .favorite_confirm-box .btn-box .btn {  min-width: auto; font-size: 1.5rem; }
	#favorite_confirm .favorite_confirm-box .btn-box { margin: 30px auto 0; }

	#favorite_completion .favorite_completion-box p{ font-size: 1.6rem; line-height: 1.5em; }
	#favorite_completion .favorite_completion-box .btn-box .btn { min-width: auto; font-size: 1.5rem; }
	#favorite_completion .favorite_completion-box .btn-box { margin: 30px auto 0; }

	#recommend .recommend-box ul li{ margin-top: 0!important; margin-bottom: 50px; width: calc( 100% / 2  - ( 8px )); display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#recommend .recommend-box ul li:nth-child(even){ margin-right: 0; }
	#recommend .recommend-box ul li:not(:nth-child(even)){ margin-right: 16px; }
	#recommend .recommend-box ul li .category li{ margin-bottom: 0!important; }
	#recommend .recommend-box ul li .img { margin-bottom: 15px; }
	#recommend .recommend-box ul li .maker{ margin-bottom: 5px; font-size: 1.3rem; }
	#recommend .recommend-box ul li .item-title{ font-size: 1.6rem; height: auto; }
	#recommend .recommend-box ul li .item-title br{ display: none; }

	#mypage .mypage-box h4 { font-size: 1.7rem; }
	#mypage .mypage-box p{ font-size: 1.4rem; line-height: 1.5em; }
	#mypage .mypage-box .table-box table th{ font-size: 1.5rem; }
	#mypage .mypage-box .table-box table td{ font-size: 1.4rem; }
	#mypage .mypage-box .mail h4 { font-size: 1.7rem; }

	#contact .contact-box p{ font-size: 1.6rem; line-height: 1.5em; }
	#contact .contact-box p.large{ font-size: 2rem; }
	#contact .contact-box form .form-dl dt label { font-size: 1.5rem; }
	#contact .contact-box form .form-dl dd { font-size: 1.5rem; }
	#contact .contact-box form .btn-box input[type="submit"]{ width: auto; font-size: 1.5rem; padding: 12px 30px; }
	#contact .contact-box form .btn-box .btn{ width: auto; font-size: 1.5rem; padding: 12px 30px; }
	#contact .contact-box .pager ul li a { font-size: 1.6rem; width: 45px; height: 45px; line-height: 40px; }
	#contact .contact-box .pager{ margin-top: 50px; }
	#contact .contact-box .pager ul li{ margin: 5px!important; }

	#contact_confirm .contact_confirm-box p{ font-size: 1.6rem; line-height: 1.5em; }
	#contact_confirm .contact_confirm-box form .form-dl dt label { font-size: 1.5rem; }
	#contact_confirm .contact_confirm-box form .form-dl dd p{ font-size: 1.5rem; }
	#contact_confirm .contact_confirm-box form .form-dl dd dl{ font-size: 1.5rem; }
	#contact_confirm .contact_confirm-box form .btn-box input[type="submit"]{ width: auto; font-size: 1.5rem; padding: 12px 30px; }
	#contact_confirm .contact_confirm-box form .btn-box .btn{ width: auto; font-size: 1.5rem; }

	#contact_completion .contact_completion-box p{ font-size: 1.6rem; line-height: 1.5em; }
	#contact_completion .contact_completion-box .btn-box .btn { min-width: auto; font-size: 1.5rem; }
	#contact_completion .contact_completion-box .btn-box { margin: 30px auto 0; }
}

@media screen and (max-width: 760px) {
	footer .box ul li a p{ height: 5em; }
}


@media screen and (max-width: 640px) {
	.pc{ display: none; }
	.sp{ display: block; }
	.ipad { display: none; }
	.btn{ padding: 12px 30px; font-size: 1.5rem; }


 
	

	footer .box ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .box ul li{ width: 100%; margin-right: 0!important; }
	footer .box ul li:nth-child(-n+2){ margin-bottom: 20px; }
	footer .box ul li a p{ height: 3em; }
	footer small{ margin-bottom: 50px; font-size: 1.1rem; }
	.sub footer .container { padding-top: 100px; }

	.sub .content-wrapper aside{ margin-top: 40px; }
	aside .nav-box nav ul li .title{ font-size: 1.6rem; }
	aside .nav-box nav ul li .list li .checkbox-LabelText{ font-size: 1.5rem; }
	aside .nav-box nav ul li .list li .checkbox-DummyInput{ width: 15px; height: 15px; }
	#item_list aside{ margin-top: 90px; }


	.sub .title-box{ padding: 20px 0 0; background-position: left bottom 5px, right bottom 5px; background-size: 35%, 35%; }
	.sub .title-box .container{ padding-bottom: 80px; }
	.sub .title-box h2 { color: #fff; font-size: 2.5rem; }
	.sub .hit-box{ bottom: -50px; }
	.sub .hit-box .box{ width: 100px; height: 100px; }
	.sub .hit-box .box p{ line-height: 1.2em; margin-top: 2px; letter-spacing: -2px; font-size: 1.3rem; }
	.sub .hit-box .box p span { font-size: 2.5rem; }
	.sub .hit-box .box p span .small { font-size: 1.3rem; }
	.sub .result{ font-size: 1.5rem; }
	.sub .container{ padding-top: 50px; }


	#top .fv .container{ padding: 30px 15px 105px; }
	#top .fv h2{ font-size: 3.6rem; }
	#top .search-box{ padding: 20px 15px 65px; }
	#top .search-box .flex{ display: block; }
	#top .search-box .flex .left{ width: 100%; margin-bottom: 10px; margin-right: 0;}
	#top .search-box .flex .left p{ text-align: center; }
	#top .search-box .flex .right{ width: 100%; }
	#top .search-box .flex .right p{ text-align: center; }
	#top .search-box .flex .right .search_container{ padding: 8px 17px; width: 100%; }
	#top .search-box .flex .right .search_container input[type="text"]{ font-size: 1.6rem; }
	#top .search-box .right .search_container img{ max-width: 22px; }
	#top .slider-box { margin-bottom: 100px; margin-top: -50px; }
	#top .slider-box li { margin: 0 5px; border-radius: 5px; }
	#top #news{ padding-bottom: 50px; }
	#top #news .box{ display: block; }
	#top #news .left{ margin-bottom: 25px; width: 100%; }
	#top #news .left h3{ -ms-writing-mode: unset; writing-mode: unset; letter-spacing: 1px; font-size: 3rem; }
	#top #news .right{ width: 100%; margin-bottom: 5px;  }
	#top #news .right ul li a{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0; }
	#top #news .right ul li .category{ padding: 8px; font-size: 1.3rem; min-width: 100px; letter-spacing: normal; width: auto; }
	#top #news .right ul li p{ width: 100%; font-size: 1.6rem; margin-top: 10px; }
	#top #news .btn-box{ text-align: center; }
	#top #item_category .wrapper{ padding: 50px 0 100px; background-size: 40%, 40%; }
	#top #item_category .wrapper .container{ text-align: center; }
	#top #item_category .title-box { display: inline-block; margin-bottom: 30px; position: relative; }
	#top #item_category .title-box h3 { font-size: 3rem; }
	#top #item_category .title-box .balloon{ position: absolute; width: 80px; height: 80px; right: -80px; bottom: 5px; }
	#top #item_category .title-box .balloon span{ font-size: 1.2rem; }
	#top #item_category .title-box .img{ max-width: 65px; position: absolute; left: -65px; bottom: 21px; }
	#top #item_category .title-box .title .img{ position: unset; height: 40px; }
	#top #item_category .title-box .title .img img { max-height: 40px; }
	#top #item_category .content .words .right ul li a{ font-size: 1.5rem; }
	#top #item_category .content .box ul li { width: calc( 100% / 2 - ( 5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #item_category .content .box ul li:not(:nth-child(4n)) { margin-right: 0px!important; }
	#top #item_category .content .box ul li:not(:nth-child(even)) { margin-right: 10px!important; }
	#top #item_category .content .box ul li a{ border-radius: 5px; min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #item_category .btn-box { margin-top: 30px; }
	#top #item_category .btn-box .btn{ font-size: 1.6rem; padding: 15px 40px; }

	#top #keyword .wrapper{ padding: 50px 0 100px; background-size: 40%, 40%; }
	#top #keyword .wrapper .container{ text-align: center; }
	#top #keyword .title-box { display: inline-block; margin-bottom: 30px; position: relative; }
	#top #keyword .title-box h3 { font-size: 3rem; }
	#top #keyword .title-box .balloon{ position: absolute; width: 80px; height: 80px; right: -80px; bottom: 5px; }
	#top #keyword .title-box .balloon span{ font-size: 1.2rem; }
	#top #keyword .title-box .img{ max-width: 65px; position: absolute; right: -65px; bottom: 21px; }
	#top #keyword .title-box .title .img{ position: unset; height: 40px; }
	#top #keyword .title-box .title .img img { max-height: 40px; }
	#top #keyword .content .words .right ul li a{ font-size: 1.5rem; }
	#top #keyword .content .box ul li { width: calc( 100% / 2 - ( 5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #keyword .content .box ul li:not(:nth-child(4n)) { margin-right: 0px!important; }
	#top #keyword .content .box ul li:not(:nth-child(even)) { margin-right: 10px!important; }
	#top #keyword .content .box ul li a{ border-radius: 5px; min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #keyword .btn-box { margin-top: 30px; }
	#top #keyword .btn-box .btn{ font-size: 1.6rem; padding: 15px 40px; }

	#top #origin .wrapper{ padding: 50px 0 100px; background-size: 40%, 40%; }
	#top #origin .wrapper .container{ text-align: center; }
	#top #origin .title-box { display: inline-block; margin-bottom: 30px; position: relative; }
	#top #origin .title-box h3 { font-size: 3rem; }
	#top #origin .title-box .balloon{ position: absolute; width: 80px; height: 80px; right: -80px; bottom: 5px; }
	#top #origin .title-box .balloon span{ font-size: 1.2rem; }
	#top #origin .title-box .img{ max-width: 65px; position: absolute; left: -65px; bottom: 21px; }
	#top #origin .title-box .title .img{ position: unset; height: 40px; }
	#top #origin .title-box .title .img img { max-height: 40px; }
	#top #origin .content .words .right ul li a{ font-size: 1.5rem; }
	#top #origin .content .box ul li { width: calc( 100% / 2 - ( 5px )); margin-bottom: 10px; margin-right: 0px!important; }
	#top #origin .content .box ul li:not(:nth-child(4n)) { margin-right: 0px!important; }
	#top #origin .content .box ul li:not(:nth-child(even)) { margin-right: 10px!important; }
	#top #origin .content .box ul li a{ border-radius: 5px; min-height: 64px; font-size: 1.4rem; padding: 15px 5px; letter-spacing: normal; }
	#top #origin .btn-box { margin-top: 30px; }
	#top #origin .btn-box .btn{ font-size: 1.6rem; padding: 15px 40px; }

	#top #four_seasons .wrapper{ padding: 50px 0 100px; background-size: 40%, 40%; }
	#top #four_seasons .wrapper .container{ text-align: center; }
	#top #four_seasons .title-box { display: inline-block; margin-bottom: 30px; position: relative; }
	#top #four_seasons .title-box h3 { font-size: 3rem; }
	#top #four_seasons .title-box .balloon{ position: absolute; width: 80px; height: 80px; right: -80px; bottom: 5px; }
	#top #four_seasons .title-box .balloon span{ font-size: 1.2rem; }
	#top #four_seasons .title-box .img{ max-width: 65px; position: absolute; left: -65px; bottom: 21px; }
	#top #four_seasons .title-box .title .img{ position: unset; height: 40px; }
	#top #four_seasons .title-box .title .img img { max-height: 40px; }
	#top #four_seasons .title-box .title .img img { max-height: 40px; }
	#top #four_seasons .content .words .right ul li a{ font-size: 1.5rem; }
	#top #four_seasons .content .box ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #four_seasons .content .box ul li{ margin-bottom: 4%; width: 48%; }
	#top #four_seasons .content .box ul li .next{ position: relative; padding: 15px 5px; letter-spacing: 0; font-size: 1.4rem; }
	#top #four_seasons .content .box ul li .next:before{ right: 5px; width: 10px; height: 10px; }
	#top #four_seasons .content .box ul li .name{ font-size: 3.2rem; width: 80px; height: 80px; line-height: 76px; }
	#top #four_seasons .content .box ul li .img img{ max-height: 170px; }
	#top #four_seasons .btn-box { margin-top: 30px; }
	#top #four_seasons .btn-box .btn{ font-size: 1.6rem; padding: 15px 40px; }

	#top #ranking .wrapper{ padding: 50px 0 100px; background-size: 40%, 40%; }
	#top #ranking .wrapper .container{ text-align: center; }
	#top #ranking .title-box { display: inline-block; margin-bottom: 30px; position: relative; }
	#top #ranking .title-box h3 { font-size: 3rem; }
	#top #ranking .title-box .balloon{ position: absolute; width: 80px; height: 80px; left: -80px; bottom: 5px; }
	#top #ranking .title-box .balloon span{ font-size: 1.2rem; }
	#top #ranking .title-box .img{ max-width: 65px; position: absolute; right: -65px; bottom: 21px; }
	#top #ranking .title-box .title .img{ position: unset; height: 40px; }
	#top #ranking .title-box .title .img img { max-height: 40px; }
	#top #ranking .content .box ul li:not(:nth-child(3)){ margin-right: 0; }
	#top #ranking .content .box ul li:nth-child(odd){ margin-right: 4%!important; }
	#top #ranking .content .box ul li{ margin-bottom: 4%; width: 48%; }
	#top #ranking .btn-box { margin-top: 30px; }
	#top #ranking .btn-box .btn{ font-size: 1.6rem; padding: 15px 40px; }
	#top #ranking .content .box ul li a .name{ font-size: 4.5rem; }
	#top #ranking .content .box ul li a .name p span{ font-size: 3rem; }
	#top footer{ margin-top: -50px; }

	.slick-dots{ bottom: -40px; }
	.slick-prev, .slick-next{ bottom: -52px; }

	#item_detail #item_detail-sec01 .item_detail-box { position: relative; }
	#item_detail #item_detail-sec01 .item_detail-box .like{ width: 70px; padding-left: 10px; position: absolute; right: 0; top: -30px; z-index: 1; }
	#item_detail #item_detail-sec01 .item_detail-box .like .box{ padding-top: 8px; width: 60px; height: 60px; } 
	#item_detail #item_detail-sec01 .item_detail-box .like .box img { width: 15px; }
	#item_detail #item_detail-sec01 .item_detail-box .like .box p{ font-size: 1.7rem; letter-spacing: normal; }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box{ display: block; }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box .copy{ font-size: 1.5rem; margin-bottom: 10px; }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box h3{ margin-bottom: 20px; font-size: 3.5rem; }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box .category{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box .category ul{ width: calc( 100% - 80px ); }
	#item_detail #item_detail-sec01 .item_detail-box .intitle-box .category li{ font-size: 1.4rem; /*padding: 6px 15px;*/ }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl:not(:last-child){ border-right: 0; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dt{ border-bottom: 0; width: 50%; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl:not(:last-child) dt{ border-bottom: 1px solid var(--text-color)!important; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dd{ width: 50%; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl:not(:last-child) dd{ border-bottom: 1px solid var(--text-color)!important; }
	#item_detail #item_detail-sec01 .item_detail-box .content .top-box{ display: block; }
	#item_detail #item_detail-sec01 .item_detail-box .content .top-box .left{ width: 100%; }
	#item_detail #item_detail-sec01 .item_detail-box .content .top-box .right{ width: 100%; padding-left: 0; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dt{ font-size: 1.6rem; }
	#item_detail #item_detail-sec01 .item_detail-box .content .summary-box dl dd{ font-size: 1.6rem; }
	#item_detail #item_detail-sec01 .item_detail-box .content .btn-box{ display: block; }
	#item_detail #item_detail-sec01 .item_detail-box .content .btn-box .btn{ width: 100%!important; margin-right: 0!important; margin-left: 0!important; }
	#item_detail #item_detail-sec01 .item_detail-box .content { margin-top: 30px; }
	#item_detail #item_detail-sec01 .item_detail-box .content .keyword-box ul li{ margin-bottom: 5px; }
	#item_detail #item_detail-sec01 .item_detail-box .content .keyword-box ul li a{ border-radius: 6px; letter-spacing: normal; font-size: 1.4rem; padding: 7px 8px; }
	#item_detail #item_detail-sec01 .item_detail-box .content .keyword-box ul li { margin-right: 5px; }
	/*#item_detail #item_detail-sec01 .item_detail-box .content .keyword-box ul li a span{ text-indent: 0.6em; }
	#item_detail #item_detail-sec01 .item_detail-box .content .keyword-box ul li a span:before{ left: -0.6em; }*/
	#item_detail #item_detail-sec02 .list-box ul li { width: calc( 100% / 2 - ( 8px )); }
	#item_detail #item_detail-sec02 .list-box ul li:nth-child(even){ margin-right: 0; }
	#item_detail #item_detail-sec02 .list-box ul li:not(:nth-child(even)){ margin-right: 16px; }
	#item_detail #item_detail-sec02 .list-box ul li .item-title{ height: auto; }
	#item_detail #item_detail-sec02 .list-box ul li .item-title br{ display: none; }
	.sub .search-box .search_container{ padding: 11px 20px; }
	.sub .search-box .search_container input[type="text"]{ font-size: 1.6rem; }
	#item_list .item_list-box ul li .category li{ width: 100%; }
	#item_list .item_list-box ul li .category li:not(:last-child){ margin-bottom: 1%; }
	#item_list .item_list-box .pager ul li a { width: 40px; height: 40px; line-height: 35px; }

	#news #news-sec01 .news-list li a{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0; }
	#news #news-sec01 .news-list li .category{ padding: 8px; font-size: 1.3rem; min-width: 100px; letter-spacing: normal; width: auto; }
	#news #news-sec01 .news-list li p{ width: 100%; font-size: 1.6rem; margin-top: 10px; }
	#news #news-sec01 .news-box .category a { width: 40px; height: 40px; line-height: 35px; }
	#news #news-sec01 .pager ul li a { width: 40px; height: 40px; line-height: 35px; }

	#news_detail #news_detail-sec01 .news_detail-box .intitle-box{ padding-bottom: 20px; margin-bottom: 20px; }
	#news_detail #news_detail-sec01 .news_detail-box .intitle-box .bottom h3{ font-size: 2rem; }
	#news_detail #news_detail-sec01 .news_detail-box .intitle-box .top{ margin-bottom: 10px; }
	#news_detail #news_detail-sec01 .news_detail-box .intitle-box .top .category{ padding: 8px 5px; }
	#news_detail #news_detail-sec01 .news_detail-box .content{ font-size: 1.5rem; }
	#news_detail #news_detail-sec01 .news_detail-box .content p{ margin: 20px 0; }
	#news_detail #news_detail-sec01 .news_detail-box .content table{ margin: 20px 0; }
	#news_detail #news_detail-sec01 .news_detail-box .content .btn-box{ display: block; }
	#news_detail #news_detail-sec01 .news_detail-box .content .btn-box .btn{ width: 100%!important; margin-right: 0!important; margin-left: 0!important; }

	#login .fv .container{ padding: 30px 0px 40px; }
	#login .fv h2{ font-size: 3.6rem; }
	#login .container{ padding: 50px 25px 30px; }
	#login .information{ font-size: 1.7rem; }
	#login .login-box{ padding: 40px 25px; }
	#login .login-box dd label{ font-size: 1.7rem; }

	#login .popup-inner{ height: auto; transform: unset; padding: 50px 25px 25px 25px; left: 25px; top: 25px; bottom: 25px; right: 25px; width: calc( 100% - 50px ); max-width: 100%; }
	#login .popup p{ font-size: 1.4rem; }
	#login .popup ol{ font-size: 1.3rem; }
	#login .popup dl{ display: block; }
	#login .popup dt{ width: 100%; }
	#login .popup dd{ margin-bottom: 10px;  }
	#login .popup .close-btn { right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; }
    #login .popup .close-btn:before{ top: 19px; }
    #login .popup .close-btn:after{ bottom: 19px; }
    #login .popup input[type="submit"]{ margin: 30px auto 0; }

    #recommend .recommend-box ul li .category li{ width: 100%; }
	#recommend .recommend-box ul li .category li:not(:last-child){ margin-bottom: 1%!important; }
	#recommend .recommend-box ul li .category li:last-child{ margin-bottom: 0!important; }
	#recommend .recommend-box .name-box{ line-height: 1.5em; margin-bottom: 30px; font-size: 1.8rem; }

	#contact .contact-box form .btn-box { margin-top: 30px; }
	#contact .contact-box .pager ul li a { width: 40px; height: 40px; line-height: 35px; }

	#contact_confirm .contact_confirm-box form .btn-box{ margin-top: 30px; }
	#contact_confirm .contact_confirm-box form .btn-box button[type="submit"]{ max-width: 190px; }

}


@media screen and (max-width: 420px) {
	#top .fv .container{ padding: 30px 15px 90px; }
	#top .search-box .img{ max-width: 45%; }
	#top .search-box .img01{ left: 7.5%; }
	#top .search-box .img02{ right: 7.5%; }
}