#con #tea { margin: 10px auto 0 auto; position: relative; z-index: 10; border: 0; border-radius: 110px 0 0 0; -webkit-border-radius: 110px 0 0 0; -moz-border-radius: 110px 0 0 0;}

#con .mn_tea a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/mn_tea.png); filter: opacity(30%); -webkit-filter: opacity(30%); -moz-filter: opacity(30%); -ms-filter: opacity(30%);}
#con .mn_tea a:hover { cursor: default; pointer-events: none;}

#tea h2 { text-align: center;}
#con .contents h2:after { background: url(../img/dm.gif);}
#tea h3 { text-align: center; color: rgba(200, 200, 200, 1.0); padding: 0; margin: 0; padding-top: 10px; font-weight: bold; font-size: 90%;}
#tea .lttxt { color: rgba(198, 227, 84, 0.9); font-size: 160%; letter-spacing: 0.2em;}
#tea .teaset dt { display: none;}

.catch { box-sizing: border-box; width: 96%; margin: 5px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid rgba(255, 255, 255, 1.0); position: relative; z-index: 100; padding: 10px; text-align: left; color: rgba(255, 255, 255, 1.0); font-size: 90%; line-height: 140%; display: none;}
.titleall { width: 100%; margin: 0 auto; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
.titlesp { width: 100%; height: 0; padding-top: 27.551020408163%; position: relative; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
.title { width: 100%; height: 0; padding-top: 27.551020408163%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none; border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}

.titleall2 { width: 100%; margin: 0 auto; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}
.titlesp2 { width: 100%; height: 0; padding-top: 36.734693877551%; position: relative; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}
.title2 { width: 100%; height: 0; padding-top: 36.734693877551%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none; border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0;}

#tea .mainpall { box-sizing: border-box; width: 100%; max-width: 480px; margin: 10px auto;}
#tea .mainpsp { width: 100%; height: 0; padding-top: 66.666666666666666667%; position: relative;}
#tea .mainp { width: 100%; height: 0; padding-top: 66.666666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

#tea .sppall { box-sizing: border-box; width: 100%; max-width: 450px; margin: 0 auto; border: 4px solid rgba(198, 227, 84, 0.9);}
#tea .sppsp { width: 100%; height: 0; padding-top: 60%; position: relative;}
#tea .spp { width: 100%; height: 0; padding-top: 60%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

#tea .con_nkm { box-sizing: border-box; width: 100%; max-width: 720px; margin: 0 auto; padding: 0; text-align: left; font-size: 96%; letter-pacing: 0.1em; padding-top: 90px;}

#tea .con_nkm2 { border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0; padding: 0; margin: 0;}
#tea .con_nkm2 .hnbn { box-sizing: border-box; width: 96%; margin: 10px auto; padding: 15px; text-align: left; line-height: 160%; font-size: 90%; letter-spacing: 0.1em; background: rgba(255, 255, 255, 0.2); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tea .con_nkm2 .infotxt { box-sizing: border-box; width: 100%; margin: 5px 0 0 0; padding: 10px; border-top: 2px dotted rgba(198, 227, 84, 0.9); text-align: left; line-height: 140%; font-size: 90%;}
#tea .con_nkm2 .infotxt dt { color: rgba(198, 227, 84, 0.9);}
#tea .con_nkm2 .infotxt dd { padding: 5px 0; color: rgba(220, 225, 200, 1.0);}
#tea .con_nkm2 .infotxt dd .lgt { color: rgba(220, 225, 200, 0.6);}

#tea .con_nkm0 #archivesp:before, #tea .con_nkm0 #archivesp:after { content: ""; display: table;}
#tea .con_nkm0 #archivesp:after { clear: both;}
#tea .con_nkm0 #archivesp { width: 100%; max-width: 720px; margin: 0 auto;}
#tea .con_nkm0 #archivesp li { box-sizing: border-box; width: 18%; margin: 5px 2% 5px 0; float: left; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tea .con_nkm0 #archivesp li .acvpsp { width: 100%; height: 0; padding-top: 100%; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tea .con_nkm0 #archivesp li .acvpsp span { width: 100%; height: 50%; text-align: center; margin: auto; text-align: center; display: block; position: absolute; top: 0; bottom: 0; left: 0; font-size: 150%; font-weight: bold;}
#tea .con_nkm0 #archivesp li .acvpsp a { box-sizing: border-box; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tea .con_nkm0 #archivesp li .acvpsp a:hover { background: rgba(255, 234, 0, 1.0); color: rgba(220, 61, 80, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tea .con_nkm0 #archivesp .lnkoff .acvpsp a { box-sizing: border-box; background: rgba(50, 50, 50, 1.0); cursor: default; pointer-events: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: rgba(100, 100, 100, 1.0);}


/*for_W480-*/
@media screen and (min-width: 480px) {
#tea .con_nkm0 #archivesp li { width: 8%; margin: 5px 2% 5px 0;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
#con #tea { border-radius: 120px 0 0 0; -webkit-border-radius: 120px 0 0 0; -moz-border-radius: 120px 0 0 0;}
#tea .con_nkm0 { width: 100%; max-width: 980px; margin: 0 auto;}
}

/*for_W900-*/
@media screen and (min-width: 900px) {
#tea h3 { display: none;}
.catch { padding: 20px 10px; text-align: center; line-height: 140%; display: none;}
#tea .teaset { width: 96%; margin: 0 auto; padding: 15px 0;}
#tea .teaset:before, #tea .teaset:after { content: ""; display: table;}
#tea .teaset:after, #tea .con_nkm2:after { clear: both;}
#tea .sppall { width: 50%; margin-left: 1%; float: left;}
#tea .teatext { width: 49%; float: left;}
#tea .teaset dt { display: block; border-bottom: 2px solid rgba(198, 227, 84, 0.9); padding-left: 10px;}
#tea .con_nkm2 .hnbn { box-sizing: border-box; width: 96%; margin: 10px 0 0 2%; padding: 25px 30px; line-height: 180%;}
#tea .con_nkm2 .infotxt { box-sizing: border-box; width: 96%; margin: 5px auto 0 auto;}
#tea .con_nkm2 .infotxt dl { font-size: 90%;}
}