@charset "UTF-8";


#main .section+.section{ margin-top: 180px; }
#main .section .intro{ width: 1200px; margin: 0 auto; position: relative; }
#main .section .intro .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); z-index: 5; }
#main .section.acitve .intro .overlay{ pointer-events: none; }
#main .section .intro .split-view{ display: -ms-flex; display: flex; justify-content: space-between; }
#main .section .intro .split-view .photo{ width: 720px; overflow: hidden; }
#main .section .intro .split-view .photo img{ transition: transform 1s ease; }
#main .section .intro .overlay:hover+.split-view .photo img{ transform: scale(1.1); }
#main .section .intro .split-view .txt-body{ width: 400px; position: relative; z-index: 3; }
#main .section .intro .split-view .txt-body .logo{ text-align: center; }
#main .section .intro .split-view .txt-body .txt{ margin-top: 50px; }
#main .section .intro .navi-split{ display: -ms-flex; display: flex; justify-content: space-between; margin: 260px auto 0; position: absolute; right: 0; top: 0; z-index: 1000; width: 400px; }
#main .section .intro .navi-split .navi{ width: 48%; }
#main .section .intro .navi-split .navi a{ display: block; background-color: #005da4; color: #ffffff; text-decoration: none; text-align: center; padding: 4px 0; }
#main .section .intro .navi-split .navi a .marker{ font-weight: bold; }
#main .section .intro .split-view .txt-body .btn{ width: 200px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #cccccc; color: #ffffff; text-align: center; padding: 5px 0; }
#main .section .intro .split-view .txt-body .btn::before{ content: ''; position: absolute; border: 22px solid transparent; border-top-color: #cccccc; top: 100%; left: 50%; transform: translateX(-50%); opacity: 0; }
#main .section.acitve .intro .split-view .txt-body .btn::before{ opacity: 1; }
#main .section .acordion{ background-color: #f5f5f5; padding: 100px 0; position: relative; display: none; }
#main .section .acordion .close-btn{ width: 200px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); text-align: center; cursor: pointer; padding-top: 20px; color: #000000; text-decoration: none; }
#main .section .acordion .close-btn::before{ content: ''; position: absolute; border: 50px solid transparent; border-bottom-color: #ffffff; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1; pointer-events: none; }
#main .acordion .end-navi{ width: 580px; display: -ms-flex; display: flex; justify-content: center; margin: 70px auto 0; }
#main .acordion .end-navi .navi{ width: 100%; max-width: 256px; }
#main .acordion .end-navi .navi+.navi{ margin-left: 68px; }
#main .acordion .end-navi .navi a{ display: block; background-color: #005da4; color: #ffffff; text-decoration: none; text-align: center; padding: 4px 0; }
#main .acordion .end-navi .navi a .marker{ font-weight: bold; }
#main .acordion .navi-netshop{ width: 100%; max-width: 256px; }
#main .acordion .navi-netshop a{ display: block; background-color: #005da4; color: #ffffff; text-decoration: none; text-align: center; padding: 4px 0; }
#section01 .acordion .list-item{ width: 1200px; margin: 0 auto; display: -ms-flex; display: flex; flex-wrap: wrap; }
#section01 .acordion .list-item .item{ position: relative; }
#section01 .acordion .list-item .item:nth-child(n){ width: 256px; margin-left: 58px; }
#section01 .acordion .list-item .item:nth-child(4n+1){ margin-left: 0; }
#section01 .acordion .list-item .item:nth-child(n+5){ margin-top: 70px; }
#section01 .acordion .list-item .item .photo{ position: relative; }
#section01 .acordion .list-item .item .photo .num{ position: absolute; }
#section01 .acordion .list-item .item .photo-s{ float: right; margin-left: 10px; }
#section01 .acordion .list-item .item .read{ color: #005da4; margin-top: 10px; }
#section01 .acordion .end-copy{ display: -ms-flex; display: flex; align-items: center; justify-content: center; margin-top: 100px; }
#section01 .acordion .end-copy .navi-netshop{ margin-left: 20px; }
#section01 .acordion .tea{ margin-top: 70px; }
#section01 .acordion .tea .head{ text-align: center; }
#section01 .acordion .tea .head .ttl{ font-size: 24px; background-color: #ffffff; display: inline-block; padding: 10px 40px; border-radius: 30px; font-weight: normal; }
#section01 .acordion .tea .head .txt{ margin-top: 20px; }
#section01 .acordion .tea .list-item{ margin-top: 50px; }
#section01 .acordion .tea .list-item .item{ display: block; }
#section02 .acordion .list-item{ width: 1200px; margin: 0 auto; display: -ms-flex; display: flex; flex-wrap: wrap; }
#section02 .acordion .list-item .item{ position: relative; width: 256px; margin-left: 58px; }
#section02 .acordion .list-item .item:nth-child(4n+1){ margin-left: 0; }
#section02 .acordion .list-item .item:nth-child(n+5){ margin-top: 70px; }
#section02 .acordion .list-item .item .photo{ position: relative; }
#section02 .acordion .list-item .item .read{ color: #005da4; margin-top: 10px; }
#section02 .acordion .tea{ margin-top: 70px; }
#section02 .acordion .tea .head{ text-align: center; }
#section02 .acordion .tea .head .ttl{ font-size: 24px; background-color: #ffffff; display: inline-block; padding: 10px 40px; border-radius: 30px; font-weight: normal; }
#section02 .acordion .tea .head .txt{ margin-top: 20px; }
#section02 .acordion .tea .list-item{ margin-top: 50px; }
#section02 .acordion .tea .list-item .item{ display: block; }
#section03 .acordion .list-item{ width: 1200px; margin: 0 auto; display: -ms-flex; display: flex; flex-wrap: wrap; }
#section03 .acordion .list-item .item{ position: relative; width: 256px; margin-left: 58px; }
#section03 .acordion .list-item .item:nth-child(4n+1){ margin-left: 0; }
#section03 .acordion .list-item .item:nth-child(n+5){ margin-top: 70px; }
#section03 .acordion .list-item .item .photo{ position: relative; }
#section03 .acordion .list-item .item .read{ color: #005da4; margin-top: 10px; }
#section03 .acordion .tea{ margin-top: 70px; }
#section03 .acordion .tea .head{ text-align: center; }
#section03 .acordion .tea .head .ttl{ font-size: 24px; background-color: #ffffff; display: inline-block; padding: 10px 40px; border-radius: 30px; font-weight: normal; }
#section03 .acordion .tea .head .txt{ margin-top: 20px; }
#section03 .acordion .tea .list-item{ margin-top: 50px; }
#section03 .acordion .tea .list-item .item{ display: block; }

.acordion .list-item .item .photo .new{ position: absolute; top: 5px; left: 5px; font-size: 12px; background-color: red; color:white; padding: 2px 5px; }





@media screen and (max-width: 1110px) {
}
@media screen and (max-width: 860px) {
}
@media screen and (max-width: 640px) {
	#main .section+.section{ margin-top: 15%; }
	#main .section .intro{ width: auto; }
	#main .section .intro .split-view{ display: block; }
	#main .section .intro .split-view .photo{ width: auto; }
	#main .section .intro .split-view .photo img{ width: 100%; height: auto; }
	#main .section .intro .split-view .txt-body{ width: auto; padding: 5% 5% 0; }
	#main .section .intro .split-view .txt-body .txt{ margin-top: 5%; }
	#main .section .intro .navi-split{ margin: -110px auto 0; position: absolute; width: 90%; right: auto; left: 5%; top: auto; }
	#main #section02 .intro .split-view .txt-body .btn{ margin-top: 100px; }
	#main .section .intro .split-view .txt-body .btn{ position: static; left: auto; transform: none; margin: 5% auto 0; }
	#main .section .acordion{ padding: 60px 5% 80px; }
	#main .acordion .end-navi{ width: auto; display: block; margin-top: 10%; }
	#main .acordion .end-navi .navi{ max-width: none; }
	#main .acordion .end-navi .navi+.navi{ margin: 10px 0 0; }
	#main .acordion .photo img{ width: 100%; height: auto; }
	#section01 .acordion .list-item{ width: auto; }
	#section01 .acordion .list-item .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#section01 .acordion .list-item .item:nth-child(n+3){ margin-top: 8%; }
	#section01 .acordion .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#section01 .acordion .navi-netshop{ max-width: none; }
	#section01 .acordion .end-copy{ display: block; margin-top: 10%; }
	#section01 .acordion .end-copy .navi-netshop{ margin: 10px 0 0; }
	#section01 .acordion .tea{ margin-top: 10%; }
	#section01 .acordion .tea .head{ text-align: left; }
	#section01 .acordion .tea .head .ttl{ font-size: 20px; display: block; padding: 10px; text-align: center; border-radius: 25px; }
	#section01 .acordion .tea .head .txt{ margin-top: 10px; }
	#section01 .acordion .tea .list-item{ margin-top: 5%; }
	#section01 .acordion .tea .list-item .item .split-view{ display: block; }
	#section01 .acordion .tea .list-item .item .txt-body .ttl{ font-size: 20px; border-radius: 20px; }
	#section02 .acordion .list-item{ width: auto; }
	#section02 .acordion .list-item .item{ width: 48%; margin-left: 4%; }
	#section02 .acordion .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#section02 .acordion .list-item .item:nth-child(n+3){ margin-top: 8%; }
	#section02 .acordion .tea{ margin-top: 10%; }
	#section02 .acordion .tea .head{ text-align: left; }
	#section02 .acordion .tea .head .ttl{ font-size: 20px; display: block; padding: 10px; text-align: center; border-radius: 25px; }
	#section02 .acordion .tea .head .txt{ margin-top: 10px; }
	#section02 .acordion .tea .list-item{ margin-top: 5%; }
	#section02 .acordion .tea .list-item .item .split-view{ display: block; }
	#section02 .acordion .tea .list-item .item .txt-body .ttl{ font-size: 20px; border-radius: 20px; }
	#section03 .acordion .list-item{ width: auto; }
	#section03 .acordion .list-item .item{ width: 48%; margin-left: 4%; display: block; }
	#section03 .acordion .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#section03 .acordion .list-item .item:nth-child(n+3){ margin-top: 8%; }
	#section03 .acordion .list-item .item.wide{ margin-left: 0; width: 100%; }
	#section03 .acordion .list-item .item .photo{ margin-right: 0; }
	#section03 .acordion .list-item .item .txt-body{ margin-top: 10px; }
	#section03 .acordion .tea{ margin-top: 10%; }
	#section03 .acordion .tea .head{ text-align: left; }
	#section03 .acordion .tea .head .ttl{ font-size: 20px; display: block; padding: 10px; text-align: center; border-radius: 25px; }
	#section03 .acordion .tea .head .txt{ margin-top: 10px; }
	#section03 .acordion .tea .list-item{ margin-top: 5%; }
	#section03 .acordion .tea .list-item .item .split-view{ display: block; }
	#section03 .acordion .tea .list-item .item .txt-body .ttl{ font-size: 20px; border-radius: 20px; }
}
@media screen and (max-width: 480px){
}