@charset "utf-8";

/*-------------------------------------- 共通 */

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.sp {
    display: none;
}

.container {
    width: 1080px;
    margin: 0 auto;
}

.container.transparent {
    background: rgba(255, 255, 255, .5);
}

.container-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}


/*.under-header {
    padding-top: 70px;
}*/


/* ギャラリー */

#gallery li {
    float: left;
    margin: 40px 40px 0 0;
    list-style-type: none;
    transition: color 0.3s ease 0s, background 0.3s ease 0s, opacity 0.3s ease 0s;
}

#gallery li:nth-child(4n) {
    margin-right: 0;
}


/*#gallery li:hover{
	background:rgba(0,0,0,.8);
}*/

#gallery li p {
    margin-top: 5px;
    font-weight: 500;
    text-align: center;
}


/*-------------------------------------- Header */

header.animated {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

header {
    width: 100%;
    z-index: 9000;
    /*position:fixed;*/
    background: #999;
    padding: 10px 0;
    height: 130px;
    box-sizing: border-box;
    min-width: 1000px;
}

header .logo {
    float: left;
    position: relative;
    z-index: 999;
}

header .logo-txt {
    position: absolute;
    top: 10px;
    left: 90px;
}

.header-container {
    width: 1000px;
    position: relative;
    margin: 0 auto;
}

header h1 a:hover {
    opacity: 1;
}


/*-------------------------------------- global-nav */

.global-nav.pc {
    display: table;
    table-layout: fixed;
    float: left;
    margin-top: 70px;
    margin-left: 10px;
    border-right: 1px solid #FFF;
}

.global-nav.pc li {
    display: table-cell;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-align: center;
    vertical-align: top;
    width: 120px;
    height: 50px;
    padding: 0 5px;
    box-sizing: border-box;
    position: relative;
    border-left: 1px solid #FFF;
}

.global-nav.pc li a {
    display: block;
    color: #FFF;
    font-size: 11px;
}

.global-nav.pc li a span {
    font-family: "Lusitana", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 30px;
    margin: 0 auto;
}


/*　ショップ　吹き出し　*/

.arrow_box {
    display: none;
    position: absolute;
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #666;
    color: #fff;
    font-size: 11px;
    line-height: 1.6;
    top: -60px;
    left: 5px;
    z-index: 999999;
}

.arrow_box:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border: 8px solid transparent;
    border-top: 8px solid #666;
    pointer-events: none;
    content: " ";
}

.arrow_box_hover:hover+p.arrow_box {
    display: block;
}

.global-sub li {
    position: absolute;
    top: 28px;
}

.global-sub li:first-child {
    right: 90px;
}

.global-sub li:last-child {
    right: 0;
}

.global-sns {
    display: none;
}

.global-sns li {
    position: absolute;
    top: 70px;
}

.global-sns li:first-child {
    right: -60px;
}

.global-sns li:last-child {
    right: -90px;
}


/*-------------------------------------- footer */

footer {
    border-top: 1px solid #999;
    width: 1000px;
    margin: 0 auto;
}

footer p {
    text-align: right;
    margin: 10px 0 0 0;
    font-size: 12px;
}

.footer-link {
    padding: 20px 0 20px 30px;
    float: right;
}

.footer-link li {
    display: inline-block;
}

.footer-link a:before {
    content: "▶ ";
    font-size: 11px;
}

.footer-link a {
    color: #222 !important;
    font-size: 12px;
    display: inline-block;
    padding: 1px 10px;
}

.footer-link a:hover {
    color: #666 !important;
}

.footer-link li:last-child {
    display: none;
}

#page-top {
    bottom: 20px;
    position: fixed;
    right: 20px;
}


/**********************************************************各ページ**/


/*-------------------------------------- index */

.important_notice {
    padding: 15px 0;
    background: rgba(255, 255, 255, .6);
    border: 2px solid #91a547;
    text-align: center;
    margin-bottom: 20px;
}

.important_notice a {
    color: #F33;
    text-decoration: underline;
}

#index .under-header {
    position: relative;
}

.top-contents li {
    float: left;
    margin: 0 20px 30px 0;
    /*padding-top:50px;*/
    position: relative;
    list-style-type: none;
    padding-top: 54px;
}

.top-contents a:last-child li {
    width: 660px;
}

.top-contents a:last-child li {
    width: 320px;
    margin-right: 0;
}

.top-feature li {
    float: left;
    width: 320px;
    margin: 0 20px 0 0;
    /*padding-top:50px;*/
    position: relative;
    list-style-type: none;
    padding-top: 54px;
}

.top-feature a:nth-child(3n) li {
    margin-right: 0;
}

.top-feature li.rip {
    height: 200px;
    text-align: justify;
    border: 1px solid #666;
    background: url(../images/rip_bg.png) no-repeat right bottom #CCC;
    margin-top: 54px;
    padding: 10px 15px;
    box-sizing: border-box;
}

.top-feature li.rip h6 {
    font-size: 14px !important;
    font-weight: normal;
    color: #444444 !important;
    margin-bottom: 10px;
}

.top-feature li.rip p {
    font-size: 12px !important;
    font-weight: normal;
    color: #444444 !important;
}

.top-feature li.rip p.tr {
    margin-top: 20px;
}

.top-feature h3,
.top-contents h3 {
    font-family: 'Prata', serif;
    font-size: 36px;
    font-weight: lighter;
    letter-spacing: .08em;
    margin: 5px 0;
    color: #787878;
    position: absolute;
    top: 0;
    left: 0;
}

.top-contents h3 img {
    vertical-align: middle;
}

.top-feature h4,
.top-contents h4 {
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
    margin: 8px 0;
    font-size: 14px;
    color: #333;
}

.top-feature p,
.top-contents p,
#index section>p {
    font-size: 11px;
    margin: 8px 0 0 0;
    text-align: justify;
}

#index hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #333;
}

#index h5 {
    font-size: 16px;
    font-weight: bold;
    color: #8FA732;
}

.facebook-container {
    width: 605px;
}

.facebook-container .facebook-plugin {
    padding: 25px 45px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.top-banner-area {
    margin: 70px -30px 0 0;
}

.top-banner-area li {
    margin-bottom: 20px;
}


/*-------------------------------------- TEA */

#menu_tea h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

.menu_tea01,
.menu_tea02,
.menu_tea03,
.menu_tea04,
.menu_tea05,
.menu_tea06,
.menu_tea07,
.menu_tea08,
.menu_tea09 {
    width: 960px;
    margin: 0 auto;
}

.menu_tea01 .serif {
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
}

.menu_tea01 .serif span {
    font-size: 16px;
}

.menu_tea02 {
    background: url(../images/menu_tea/tea_bg.jpg) no-repeat left top;
    padding: 40px 0 40px 30px;
}

.menu_tea02 li {
    margin-bottom: 20px;
}

.menu_tea02 h3 {
    margin-bottom: 20px;
}

.menu_tea02 h4,
.menu_tea03 .fr h4,
.menu_tea04 h4 {
    font-size: 21px;
    padding-left: 40px;
    background: url(../images/menu_tea/icon_pot.png) no-repeat 0 5px;
}

.menu_tea02 p,
.menu_tea03 .fl p,
.menu_tea04 p {
    padding-left: 40px;
    font-size: 14px;
}

.menu_tea02 hr {
    border: none;
    border-top: 1px solid #666;
    margin-bottom: 20px;
    width: 380px;
}

.menu_tea03 {
    padding: 40px 0;
}

.menu_tea03 .fl {
    width: 580px;
    position: relative;
}

.menu_tea03 .fr {
    width: 380px;
    position: relative;
}

.menu_tea03 .recommended {
    margin: 20px 0;
}

#menu_tea .icon_serve img {
    display: inline-block;
}

.menu_tea03 .fr h4 {
    font-size: 21px;
    margin: 10px 0;
}

.menu_tea03 .fl p {
    font-size: 14px;
}

.menu_tea03 .fl .ice_lemon_milktea h4,
.menu_tea03 .fl .ice_lemon_milktea p {
    background-image: none;
    padding-left: 0;
}

.menu_tea03 .ice_lemon_milktea {
    position: absolute;
    left: 480px;
    top: 40px;
    width: 400px;
}

.menu_tea04 li {
    margin-top: 20px;
    float: left;
    width: 480px;
}

.menu_tea04 h4 span {
    display: block;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: -10px 0 10px 0;
}

.menu_tea05 h3,
.menu_tea06 h3,
.menu_tea07 h3,
.menu_tea08 h3 {
    margin: 20px 0;
}

.menu_tea05 {
    position: relative;
}

.menu_tea05 .recommended {
    position: absolute;
    top: 60px;
    left: 0;
}

.menu_tea05 ul {
    width: 800px;
    /*680px;*/
    margin: 0 0 0 130px;
    position: relative;
}

.menu_tea05 li {
    width: 380px;
    float: left;
    margin: 0 20px 50px 0;
}

.menu_tea05 li p {
    width: 340px;
}

.menu_tea05 li.fr {
    float: right;
    margin-right: 0;
}

.menu_tea05 ul.spring_fruittea {
    width: 800px;
    height: 650px;
    margin-left: 120px;
    padding-bottom: 50px;
}

.menu_tea05 ul.spring_fruittea li {
    width: 380px;
}

.menu_tea05 .spring_fruittea p {
    position: absolute;
    top: 510px;
    left: -400px;
    width: 550px;
}

.menu_tea05 h4 {
    font-size: 21px;
    line-height: 1.3;
    /*padding-left:40px;*/
    /*background:url(../images/menu_tea/icon_special_s.png) no-repeat 0 5px;*/
}

.menu_tea05 h4.hot {
    background: url(../images/menu_tea/hot.png) no-repeat 0 10px;
    padding-left: 90px;
}

.menu_tea05 h4.iced {
    background: url(../images/menu_tea/ice.png) no-repeat 0 10px;
    padding-left: 80px;
}

.menu_tea05 h4.pot {
    background: url(../images/menu_tea/icon_pot.png)no-repeat left top;
    padding-left: 40px;
}

.menu_tea05 h4 span {
    font-size: 14px;
}


/*.menu_tea05 li:first-child h4{
    padding-left:85px;
    background:url(../images/menu_tea/hot.png) no-repeat 0 5px;
}
.menu_tea05 li:nth-child(even){
    margin-right:0;
}
.menu_tea05 li:nth-child(2) h4{
    padding-left:85px;
    background:url(../images/menu_tea/ice.png) no-repeat 0 5px;
}
.menu_tea05 li:last-child{
    position:relative;
}
.menu_tea05 li:last-child div{
    position: absolute;
    width:420px;
    left:355px;
    top:40px;
}*/

.menu_tea05 li {
    position: relative;
}

.menu_tea05 li div {
    position: absolute;
    width: 420px;
    left: 355px;
    top: 40px;
}

.menu_tea05 p {
    /*padding-left:40px;*/
    margin-top: 10px;
}

.menu_tea06 li {
    float: left;
    width: 300px;
    margin: 0 30px 30px 0;
    position: relative;
}

.menu_tea06 li:last-child {
    margin-right: 0;
}

.menu_tea06 li>div {
    padding-left: 50px;
}

.menu_tea06 li>img {
    margin-bottom: 10px;
}

.menu_tea06 li .icon_serve {
    position: absolute;
    top: 398px;
    left: 5px;
}

.menu_tea03 li .icon_serve {
    position: absolute;
    top: 605px;
    right: 265px;
}

.menu_tea06 h4,
.menu_tea07 h4,
.menu_tea08 h4 {
    font-size: 16px;
    margin-top: 5px;
}

.menu_tea08 h4 span {
    display: block;
    font-size: 12px;
}

.menu_tea06 p,
.menu_tea07 p {
    margin-top: 10px;
}

.menu_tea07 p {
    padding-left: 20px;
}

.menu_tea07 li {
    float: left;
    width: 480px;
}

.menu_tea08 .icon_exp {
    margin: 10px 0;
}

.menu_tea08 .icon_exp li {
    padding-left: 40px;
    display: block;
    height: 33px;
    line-height: 33px;
}

.menu_tea08 .icon_exp li:first-child {
    background: url(../images/menu_tea/icon_pot.png) no-repeat 3px center;
}

.menu_tea08 .icon_exp li:nth-child(2) {
    background: url(../images/menu_tea/icon_cup.png) no-repeat left center;
}

.menu_tea08 .icon_exp li:nth-child(3) {
    background: url(../images/menu_tea/icon_special_s.png) no-repeat left top;
}

.menu_tea08 hr {
    border: none;
    border-top: 1px solid #999;
    margin: 20px 0;
}

.menu_tea08 .gray {
    color: #666;
    font-size: 12px;
    text-align: right;
}

.menu_tea09 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.menu_tea09 {
    background: url(../images/menu_tea/herbtea_bg02.jpg) no-repeat left bottom;
    padding-bottom: 40px;
}


/*-------------------------------------- Herb TEA */

.herbtea_inner {
    background: url(../images/menu_herbtea/bg.jpg) no-repeat left top;
}

.herbtea01 {
    background: rgba(209, 186, 203, .6);
    padding: 20px 0 20px 380px;
    font-size: 16px;
}

.herbtea02 {
    padding-left: 380px;
}

.herbtea_regular li {
    margin: 70px 0 0 0;
}

.herbtea_regular h3,
.seasonal_herb h3 {
    background: url("../images/menu_herbtea/icon_pot.png") no-repeat;
    font-size: 21px;
    padding-left: 50px;
}

.herbtea_regular p,
.seasonal_herb p {
    font-size: 14px;
    padding-left: 50px;
}

.herbtea_regular p span,
.seasonal_herb p span {
    font-size: 12px;
    display: block;
}

.seasonal_herb {
    width: 670px;
    margin: 20px 0 20px 200px;
    border: 2px solid #b7ce5e;
    padding: 80px 0 20px 260px;
    box-sizing: border-box;
    position: relative;
}

.seasonal_herb h2 img {
    position: absolute;
    top: -10px;
    right: 20px;
}

.herbtea03 {
    padding: 36px 40px 10px 380px;
}

.herbtea03 p {
    font-size: 12px;
}

.herbtea03 img {
    width: 30px;
    height: auto;
}

#menu_herbtea hr {
    border: none;
    border-top: 1px solid #333;
}

#menu_herbtea .container-inner div {
    float: right;
    width: 620px;
    box-sizing: border-box;
    border: 1px solid #333;
    padding: 10px 15px;
}

#menu_herbtea .container-inner div h4 {
    font-size: 13px;
    border-bottom: 1px solid #333;
}

#menu_herbtea .container-inner div h4 span {
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
}

#menu_herbtea .container-inner div p {
    font-size: 12px;
    margin-top: 10px;
    text-align: justify;
}


/*-------------------------------------- SWEETS */

#menu_sweets h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

#menu_sweets h2 img {
    vertical-align: middle;
}

#menu_sweets section>.serif {
    font-size: 16px;
    margin: 20px 0;
    text-align: center;
}

.menu_sweets01 {
    width: 860px;
    height: 860px;
    margin: 0 auto 40px auto;
    padding: 80px 0 0 0;
    box-sizing: border-box;
    position: relative;
}

.menu_sweets01>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.menu_sweets01 .banner_waffle {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: auto;
}

.menu_sweets01 li div {
    width: 330px;
    position: absolute;
}

#menu_sweets section h3 {
    font-size: 18px;
}

#menu_sweets section li p {
    font-size: 13px;
    margin-top: 10px;
    text-align: justify;
}

.menu_sweets01 li:first-child img {
    position: absolute;
    top: 80px;
    left: 0;
}

.menu_sweets01 li:first-child div {
    position: absolute;
    top: 80px;
    left: 430px;
}

.menu_sweets01 li:last-child img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.menu_sweets01 li:last-child div {
    position: absolute;
    bottom: 0;
    right: 430px;
}

.menu_sweets01 li:last-child h3 {
    text-align: right;
}

.menu_sweets02,
.menu_sweets03,
.menu_sweets05,
.menu_sweets06,
.menu_sweets07 {
    width: 860px;
    margin: 0 auto 20px auto;
    box-sizing: border-box;
    position: relative;
}

.menu_sweets02 li {
    width: 340px;
    float: left;
    margin: 0 20px 20px 0;
}

.menu_sweets02 li img {
    margin-bottom: 10px;
}

.menu_sweets02 li p {
    width: 250px;
    text-align: justify;
}

.menu_sweets03 p.green {
    position: absolute;
    top: 50px;
    left: 360px;
    color: #6c8217;
    font-size: 18px !important;
}

.menu_sweets03 .circle {
    position: absolute;
    left: 275px;
    bottom: 0;
    z-index: 0;
}

.menu_sweets03 div {
    position: absolute;
    top: 200px;
    left: 360px;
}

.menu_sweets03 div p {
    width: 200px;
    text-align: justify;
}

.menu_sweets05 {
    margin-top: 50px;
    height: 520px;
    /*690px*/
}

.menu_sweets05 .choco_pic {
    position: absolute;
    top: 0;
    left: 0;
}

.menu_sweets05 .choco_txt {
    width: 350px;
    position: absolute;
    top: 100px;
    left: 430px;
    /*360px;*/
}

.menu_sweets05 .ice_pic {
    position: absolute;
    bottom: 0;
    right: 0;
}

.menu_sweets05 .ice_txt {
    width: 250px;
    position: absolute;
    bottom: 10px;
    right: 360px;
}

.menu_sweets05 .icecream {
    position: absolute;
    bottom: 438px;
    right: 230px;
}

.menu_sweets05 .choco_txt p,
.menu_sweets05 .ice_txt p {
    margin-top: 10px;
    font-size: 13px;
    text-align: justify;
}

.menu_sweets05 h4 {
    color: #6c8217;
    position: absolute;
    bottom: 130px;
    right: 360px;
}

.menu_sweets06 {
    margin-top: 110px;
}

.menu_sweets06 p {
    font-size: 13px;
}

.menu_sweets06 .fl {
    width: 500px;
    font-size: 12px;
}

.menu_sweets06 .fr {
    width: 340px;
}

.menu_sweets06 .teaset {
    position: absolute;
    top: -81px;
    left: -10px;
}

.menu_sweets06 ul {
    margin: 7px 0 15px 0;
    padding: 5px 15px;
    background: rgba(199, 186, 166, .5);
    width: 340px;
}

.menu_sweets06 li {
    margin: 10px 0;
    /*margin-top:20px;
    padding-left:70px;*/
}

.menu_sweets06 li h4 {
    font-weight: bold;
    font-size: 14px;
    color: #6c8217;
    padding-left: 50px;
}

#menu_sweets section .menu_sweets06 li p {
    font-size: 12px;
}

.menu_sweets06 li:first-child h4 {
    background: url("../images/menu_sweets/icon_scorn02.png") no-repeat;
    left top;
}

.menu_sweets06 li:nth-child(2) h4 {
    background: url("../images/menu_sweets/icon_cake02.png") no-repeat;
    left top;
}

.menu_sweets06 li:nth-child(3) h4 {
    background: url("../images/menu_sweets/icon_ice02.png") no-repeat;
    left top;
}

.menu_sweets06 li:nth-child(4) h4 {
    background: url("../images/menu_sweets/icon_tea.png") no-repeat;
    left top;
}


/*.menu_sweets06 .pettit_pic {
    position: absolute;
    bottom: 0;
    right: 0;
}


.menu_sweets06 .pettit_txt {
    position: absolute;
    width: 250px;
    top: 410px;
    right: 0;
}*/

.menu_sweets07 {
    margin-top: 80px;
}

.menu_sweets07 .creamteaset {
    position: absolute;
    top: -60px;
    right: 10px;
}

.menu_sweets07 .fl {
    width: 480px;
    padding-left: 170px;
}

.menu_sweets07 h3 {
    text-align: right;
    margin-bottom: 10px;
}

.menu_sweets07 h3 span {
    display: block;
    font-size: 13px;
}

.menu_sweets07 .clear {
    font-size: 12px;
}

#menu_sweets section .menu_sweets06 li p {
    margin-top: 0;
}

.menu_sweets06 h4 {
    font-size: 13px;
}

.menu_cakeset {
    width: 860px;
    margin: 40px auto 0 auto;
    border: 1px solid #8fa732;
    background: rgba(255, 255, 255, .5);
    box-sizing: border-box;
    padding: 20px 0;
    position: relative;
}

.menu_cakeset>p.serif {
    position: absolute;
    width: 380px;
    font-size: 16px;
    top: 30px;
    left: 330px;
}


/*.menu_cakeset>p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 80px;
}*/

.menu_cakeset>p.clear {
    margin-bottom: 10px;
}

#menu_sweets .clear.mt20,
.menu_cakeset>p.clear {
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
}

.menu_cakeset>img {
    position: absolute;
    top: 30px;
    left: 100px;
    /*160px;*/
}

.menu_cakeset h3 {
    position: absolute;
    top: 150px;
    left: 520px;
}

.menu_cakeset .cake_image {
    width: 534px;
    margin: 0 auto 30px auto;
    padding-top: 100px;
}

.menu_cakeset .cake_image p {
    margin-top: 10px;
    font-size: 13px;
    width: 80%;
    text-align: justify;
}

.menu_cakeset ul.clearfix {
    padding: 0 160px;
}

.menu_cakeset li {
    /*width:234px;*/
    width: 240px;
    height: 400px;
    float: left;
    position: relative;
}

.menu_cakeset li:nth-child(even) {
    float: right;
}

.menu_cakeset p.ntc {
    margin-top: 80px !important;
    padding-left: 20px;
}

.menu_cakeset p.ntc:before {
    content: "※";
    margin-left: -20px;
}

.menu_cakeset h4 {
    font-size: 16px;
    margin-top: 10px;
}

.menu_cakeset li:nth-child(2) h4 {
    font-size: 15px;
    letter-spacing: -0.02;
}

.menu_cakeset li:last-child {
    position: relative;
    height: auto;
}

.menu_cakeset li:last-child div {
    position: absolute;
    width: 220px;
    top: 0;
    left: 270px;
}

.menu_cakeset li .badge {
    position: absolute;
    top: 180px;
    right: -20px;
}

.menu_sweets04 {
    width: 860px;
    margin: 20px auto 20px auto;
    box-sizing: border-box;
}

.menu_sweets04 p {
    font-size: 12px;
}

.menu_macaron {
    width: 860px;
    height: 526px;
    margin: 30px auto 40px auto;
    box-sizing: border-box;
    position: relative;
}

.menu_macaron p {
    font-size: 13px;
    margin-top: 10px;
}

.menu_macaron>img.txt-macaron {
    position: absolute;
    top: 0;
    left: 220px;
    z-index: 10;
}

.menu_macaron>img.pc {
    position: absolute;
    bottom: -40px;
    left: 50px;
}

.menu_macaron .fl {
    width: 441px;
    padding-top: 80px;
}

.menu_macaron .fl>p {
    padding-left: 100px;
    text-align: justify;
}

.macaron_gift {
    position: absolute;
    bottom: 0;
    width: 441px;
}

.macaron_gift_fl {
    width: 220px;
    float: left;
    margin-top: 40px;
}

.macaron_gift_fr {
    float: right;
    width: 210px;
}

.menu_macaron h4 {
    text-align: right;
}

#menu_sweets hr {
    border: none;
    border-top: 1px solid #666;
    width: 620px;
    margin: 0 auto;
}

.spring2018 {
    padding: 80px 30px 30px 110px;
}

.bakedsweets {
    padding: 80px 0 30px 80px;
}

.spring2018 .fl,
.bakedsweets .fl {
    position: relative;
}

.spring2018 .fl img.pc,
.bakedsweets .fl img.pc {
    position: absolute;
    top: -20px;
    left: -20px;
}

.spring2018 .fr,
.bakedsweets .fr {
    width: 390px;
}

.spring2018 li,
.bakedsweets li {
    float: none;
    width: 100%;
    height: inherit;
}

.spring2018 h4,
.bakedsweets h4 {
    margin-top: 0;
}

.spring2018 h4 span,
.bakedsweets h4 span {
    font-size: 20px;
}

.spring2018 p {
    font-size: 13px;
    margin-top: 10px;
}

#menu_sweets section .bakedsweets li p,
.bakedsweets p {
    font-size: 12px;
    margin: 8px 0;
}

.spring2018 ul {
    width: 320px;
    margin: 24px 0;
    padding: 15px;
    background: rgba(199, 186, 166, .5);
}

.bakedsweets ul {
    width: 340px;
    margin: 24px 0;
    padding: 10px 15px;
    background: rgba(199, 186, 166, .5);
}

.spring2018 h5 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    color: #5E7A20;
}

.bakedsweets h5 {
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    color: #c3151a;
}

.spring2018 h5:before,
.bakedsweets h5:before {
    content: "●";
}

#menu_sweets section .spring2018 li p,
#bakedsweets li p {
    font-size: 12px;
    margin-top: 0;
    padding-left: 10px;
}


/*-------------------------------------- GIFT */

.gift_head {
    position: relative;
}

.gift_head p {
    position: absolute;
    top: 450px;
    left: 710px;
}

#gift .container-inner {
    width: 1020px;
    margin: 30px auto;
}

.giftset li {
    width: 500px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.giftset li:nth-child(even),
.giftset02 li:nth-child(even),
.giftset03 li:nth-child(even) {
    float: right;
}

.giftset li p {
    padding: 10px 0 20px 75px;
    font-size: 14px;
}

.giftset li p span {
    display: block;
    text-align: right;
}

.giftset li p img {
    position: absolute;
    left: 3px;
    bottom: 335px;
}

.giftset li:nth-child(3) p img,
.giftset li:nth-child(4) p img {
    bottom: 20px;
}

#gift hr {
    border: none;
    border-top: 1px solid #333;
    margin-bottom: 30px;
}

#gift h2 {
    font-size: 22px;
    letter-spacing: 0.5em;
    text-align: center;
    margin-bottom: 20px;
}

.giftset02,
.giftset03 {
    width: 860px;
    margin: 50px auto;
}

.giftset02 h4,
.giftset03 h4 {
    font-size: 15px;
    margin: 10px 0 0 0;
}

.giftset02 li {
    width: 374px;
    height: 500px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.giftset02 li:nth-child(3),
.giftset03 li:nth-child(3) {
    clear: both;
}

.giftset03 li {
    width: 392px;
    height: 410px;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.giftset02 li p,
.giftset03 li p {
    font-size: 11px;
}

.giftset02 img.alphabet {
    position: absolute;
    left: 276px;
    bottom: 100px;
}

.giftset02 img.badge {
    position: absolute;
    right: -20px;
    top: -50px;
}

.giftset03 img.alphabet {
    position: absolute;
    left: 320px;
    bottom: 90px;
}

.giftset03 li p img {
    position: absolute;
    left: 3px;
    bottom: 335px;
}

.gift_dressing,
.gift_flavortea,
.gift_originaltea,
.gift_tea_jam {
    padding: 30px 0;
}

.gift_dressing li {
    float: left;
    width: 255px;
    position: relative;
}

.gift_dressing li h4 {
    position: absolute;
    top: 110px;
    left: 80px;
    font-size: 14px;
}

.gift_dressing li p {
    position: absolute;
    top: 150px;
    left: 80px;
    width: 150px;
    font-size: 12px;
    text-align: justify;
}

#gift p.tr.clear {
    font-size: 12px;
}

.gift_flavortea li {
    float: left;
    width: 170px;
    padding: 10px;
}

.gift_flavortea h4 {
    font-size: 13px;
    margin: 10px 0;
    text-align: center;
}

.gift_flavortea p {
    font-size: 12px;
    text-align: justify;
}

.gift_flavortea li img {
    margin-left: 24px;
}

.gift_originaltea .fl {
    width: 525px;
}

.gift_originaltea .fr {
    width: 490px;
    padding-left: 20px;
    font-size: 12px;
}

.gift_originaltea dt {
    width: 120px;
    float: left;
    clear: both;
}

.gift_originaltea dd {
    float: right;
    width: 340px;
    margin-bottom: 10px;
}

.gift_tea_jam .fl {
    width: 650px;
    position: relative;
}

.gift_tea_jam .fr {
    width: 370px;
}

.gift_tea_jam .fl ul li {
    position: absolute;
    width: 180px;
}

.gift_tea_jam .fl ul li p {
    font-size: 11.5px;
    line-height: 1.6;
    text-align: justify;
}

.gift_tea_jam .fl ul li:first-child {
    top: 30px;
    left: 170px;
}

.gift_tea_jam .fl ul li:nth-child(2) {
    top: 30px;
    left: 380px;
}

.gift_tea_jam .fl ul li:nth-child(3) {
    bottom: -60px;
    left: 30px;
}

.gift_tea_jam .fl ul li:nth-child(4) {
    bottom: -60px;
    left: 240px;
}

.gift_tea_jam .fl ul li:nth-child(5) {
    bottom: -60px;
    right: 30px;
}

.gift_tea_jam h4 img {
    vertical-align: middle;
}

.gift_tea_jam .fl h4 {
    font-size: 12px;
}

.gift_tea_jam .fl h4 span {
    font-size: 16px;
}

.gift_tea_jam .fr li {
    float: left;
    width: 173px;
    padding: 10px 0 0 28px;
}

.gift_tea_jam .fr h4 {
    font-size: 14px;
    text-align: center;
}

.gift_tea_jam .fr p {
    font-size: 12px;
    text-align: justify;
}

.gift_tea_jam .fr img.img-responsive {
    width: 90%;
    height: auto;
    margin-left: 15px;
}

#gift .attn {
    width: 70%;
    font-size: 18px;
    padding: 5px 30px;
    border: 1px solid #333;
    text-align: center;
    margin: 60px auto 20px auto;
}

#gift .notice {
    width: 550px;
    margin: 0 auto 20px auto;
    font-size: 13px;
}

#gift .tr {
    font-size: 11px;
}


/*-------------------------------------- dressing */

#dressing .lead {
    text-align: center;
    color: #333;
    font-size: 20px;
    margin: 0 0 30px 0;
}

.dressing_intro {
    width: 940px;
    margin: 0 auto;
}

.dressing_intro .green {
    background: #a7d181;
    color: #FFF;
    font-size: 16px;
    padding: 30px 0 10px 0;
}

.dressing_intro .green ul {
    margin-left: 300px;
    font-size: 18px;
    margin-top: 20px;
}

.dressing_intro .green li {
    padding: 5px 0 10px 50px;
}

.dressing_intro .green li:first-child {
    background: url(../images/dressing/one.png) no-repeat 15px top;
}

.dressing_intro .green li:last-child {
    background: url(../images/dressing/two.png) no-repeat left top;
}

.dressing_lineup {
    position: relative;
    background: url(../images/dressing/dressing_bg.jpg) no-repeat;
}

.dressing_lineup li {
    position: absolute;
    width: 200px;
    top: 650px;
}

.dressing_lineup li.onion {
    left: 155px;
}

.dressing_lineup li.carrot {
    left: 370px;
}

.dressing_lineup li.french {
    left: 590px;
}

.dressing_lineup li h3 {
    color: #FFF;
    background: #787878;
    padding: 3px 0;
    font-size: 14px;
    text-align: center;
}

.dressing_lineup li p {
    font-size: 12px;
    text-align: justify;
    margin-top: 10px;
}

.dressing_salad {
    width: 940px;
    margin: 50px auto;
    height: 280px;
    background: url(../images/dressing/img01.jpg)no-repeat left top #FFF;
}

.dressing_salad img {
    margin: 75px 0 0 405px;
}

.recommended_recipi {
    background: rgba(255, 255, 255, .5);
    margin-top: -20px;
}

.recommended_recipi h3 {
    color: #669933;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

.recommended_recipi h3 span {
    display: block;
    color: #666;
    font-size: 16px;
    font-weight: normal;
}

.recipi {
    margin: 50px auto auto auto;
    width: 940px;
}

.recipi.carrot {
    background: url(../images/dressing/img02.jpg) no-repeat left top;
}

.recipi.french {
    background: url(../images/dressing/img03.jpg) no-repeat left top;
}

.recipi.onion {
    background: url(../images/dressing/img04.jpg) no-repeat left top;
}

.recipi .fl {
    width: 420px;
    padding-left: 205px;
    box-sizing: content-box;
}

.recipi .fl p.gray_w {
    font-size: 14px;
    background: #787878;
    color: #FFF;
    padding: 1px 20px;
    display: inline-block;
    margin-top: 0;
}

.recipi h4 {
    color: #669933;
    font-size: 18px;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
}

.recipi p {
    font-size: 12px;
    text-align: justify;
    margin-top: 10px;
}

.recipi p.serif {
    font-size: 15px;
    color: #787878;
}

#dressing .profile {
    width: 480px;
    padding: 10px 15px;
    border: 1px solid #666;
    float: right;
    margin: 40px 30px 0 0;
}

#dressing .profile .fl {
    width: 100px;
}

#dressing .profile .fr {
    width: 340px;
}

#dressing .profile h4 {
    font-size: 14px;
}

#dressing .profile h4 span,
#dressing .profile p {
    font-size: 12px;
}

#dressing .container-inner .tr {
    font-size: 12px;
}


/*-------------------------------------- CONCEPT / TEA STORY / COMPANY / COUPON / motherleaf card */

#concept h2,
#tea_story h2,
#company h2,
#coupon h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px 40px 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

.gray {
    color: #666;
}

.tea_story01 {
    background: url(../images/tea_story/bg01.png) no-repeat center;
}

.tea_story01 .green,
.tea_story02 .green {
    color: #8fa732;
    font-size: 18px;
    text-align: center;
}

.concept01 .serif,
.tea_story01 .serif {
    font-size: 16px;
    margin: 20px 0;
    text-align: center;
}

.concept01 .serif {
    margin: 20px 0 40px 0;
}

#tea_story .slider {
    width: 840px;
    margin: 0 auto;
}

#concept h3,
#tea_story h3,
#company h3,
#motherleaf_card h3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    border-bottom: 1px solid #666;
    padding: 50px 0 10px 0;
    text-align: center;
    font-size: 20px;
}

.concept02 p,
.concept03 p,
.tea_story02 p,
.tea_story03 p,
.tea_story04>p,
.tea_story05 p {
    padding: 20px 50px;
    text-align: justify;
}

.concept04 .fl {
    padding: 20px 0 20px 50px;
}

.concept04 .fr {
    padding: 20px 50px 20px 0;
    width: 500px;
}

.concept04 p {
    margin: 10px 0 0 0;
    text-align: justify;
}

#motherleaf_card .container-inner {
    padding-top: 0;
}

#motherleaf_card .container-inner ul {
    padding-left: 60px;
}

#motherleaf_card .container-inner li {
    font-size: 15px;
    margin-top: 30px;
    padding: 3px 0 0 40px;
    background: url(../images/motherleaf_card/icon.png) no-repeat left top;
}

#motherleaf_card .container-inner li span {
    color: #e8027e;
    font-weight: bold;
}

#motherleaf_card .container-inner a:link {
    text-decoration: underline;
}

#motherleaf_card .container-inner a:hover {
    text-decoration: none;
}


/* fresh tea */

.fresh_tea {
    background: url(../images/tea_story/bg05.png) repeat top left;
    width: 950px;
    margin: 0 auto 50px 0;
    padding: 20px 20px 30px 20px;
    box-sizing: border-box;
}

#tea_story .fresh_tea h3 {
    margin: 0;
    padding: 0;
    border-bottom: none;
    text-align: left;
}

#tea_story .fresh_tea p.clearfix {
    font-size: 12px;
    margin-bottom: -10px;
}

.fresh_tea h4 {
    color: #638b0b;
    font-size: 18px;
    background: url(../images/tea_story/leaf02.png) no-repeat top left;
    padding: 15px 0 10px 100px;
}

.fresh_tea>p {
    margin: 10px 0 20px 20px;
    width: 660px;
    text-align: justify;
    font-size: 14px;
}

.fresh_tea .fl {
    padding-left: 20px;
}

.fresh_tea .fr {
    width: 265px;
    padding-bottom: 20px;
    background: url(../images/tea_story/circle.png) no-repeat bottom center;
    font-size: 12px;
    text-align: justify;
}

.tea_story04 ul {
    padding: 20px 50px 0 50px;
    background: url(../images/tea_story/bg02.png) no-repeat 650px 400px;
}

.tea_story04 li {
    float: left;
    width: 380px;
    min-height: 130px;
}

.tea_story04 li h4 {
    background: #8fa732;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    margin: 10px 0;
    position: relative;
}

.tea_story04 li h4 img {
    position: absolute;
    top: -15px;
    left: 5px;
}

.tea_story04 li p {
    font-size: 12px;
    text-align: justify;
}

.tea_story04 li:nth-child(even) {
    float: right;
}

.tea_story05 {
    padding-bottom: 75px;
    background: url(../images/tea_story/bg03.png) no-repeat 760px 200px;
}

.tea_story06 {
    padding: 20px 50px;
    border-top: 1px solid #666;
}

.tea_story06 h5 {
    color: #946525;
    font-size: 18px;
}

.tea_story06 p {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: justify;
}

.tea_story06 .fl {
    width: 440px;
}

.isobuchi_pic {
    position: absolute;
    top: 30px;
    left: 60px;
}

.tea_story07 {
    position: relative;
    height: 400px;
}

.tea_story07 h6 {
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #666;
}

.tea_story07 h6 span {
    font-size: 18px;
}

.tea_story07 div {
    position: absolute;
    width: 500px;
    top: 30px;
    right: 40px;
    font-size: 12px;
    text-align: justify;
}

.tea_story07 div.rip {
    position: absolute;
    width: 500px;
    top: inherit;
    bottom: 30px;
    right: 40px;
    font-size: 14px;
    text-align: justify;
    border: 1px solid #666;
    background: url(../images/rip_bg.png) no-repeat right bottom #CCC;
    padding: 10px 15px;
    box-sizing: border-box;
}

.tea_story07 a img {
    position: absolute;
    bottom: 30px;
    right: 40px;
}


/* company */

#company section>p {
    font-size: 18px;
    letter-spacing: .2em;
    text-align: center;
    margin: -20px 0 20px 0;
}

#company h3 {
    position: relative;
}

#company h3 img {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 0;
}

.company p {
    padding: 20px 50px 0 50px;
}

.company dl {
    padding: 20px 30px;
    border: 1px solid #666;
    margin: 20px 50px;
    display: inline-block;
}

.company dt:before {
    content: "● ";
}

.company dt:after {
    content: " ： ";
}

.company dt,
.company dd {
    display: inline-block;
}

.company h4 {
    background: #999;
    color: #FFF;
    font-size: 16px;
    padding: 0 10px;
    margin: 20px 50px 0 50px;
}

.company p span {
    display: inline-block;
    margin: 0 0 0 5px;
}

.coupon {
    width: 940px;
    margin: 0 auto;
}

.coupon p {
    background: url(../images/coupon/badge.png) no-repeat left top;
    padding: 30px 0 60px 120px;
}


/*-------------------------------------- NEWS */

#news h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

.news_list li {
    position: relative;
    float: left;
    margin: 20px;
    width: 294px;
}

.news_list a:nth-child(3) li,
.news_list a:nth-child(6) li,
.news_list a:nth-child(9) li,
.news_list a:nth-child(12) li {
    margin-right: 0;
}

.news_list a:nth-child(4) li,
.news_list a:nth-child(7) li,
.news_list a:nth-child(10) li,
.news_list a:nth-child(13) li {
    clear: both;
}

.news_list h3 {
    font-size: 15px;
}

.news_list p {
    font-size: 12px;
    text-align: justify;
    margin: 8px 0;
}


/*-------------------------------------- SHOP */

#shop h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

#shop h3 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
}

.shop_list .fl,
.shop_list .fr {
    width: 470px;
}

.shop_list h4 {
    background: #666;
    color: #FFF;
    padding: 0 16px;
    height: 30.6px;
}

.shop_list dt {
    float: left;
    width: 190px;
    padding: 14px 0 0 10px;
}

.shop_list dd {
    float: right;
    width: 280px;
    /*height: 150px;*/
    box-sizing: border-box;
    padding: 14px 0;
}

.shop_list dd.l_fixed01 {
    height: 140px;
}

.shop_list dd.l_fixed02 {
    height: auto;
}

.shop_list dd.r_fixed03 {
    height: 170px;
}

.shop_list dd.r_fixed01 {
    height: 169px;
}

.shop_list dd.r_fixed02 {
    height: 185px;
}

.shop_list dd.r_fixed03 {
    height: 216px;
}

.shop_list dd.r_fixed04 {
    height: 188px;
}

.shop_list hr {
    clear: both;
    border: none;
    border-top: 1px solid #999;
    margin: 0;
    padding: 0;
}

.shop_list .shop_btn {
    color: #624680;
    border: 1px solid #826f97;
    display: block;
    padding: 5px 10px;
    width: 200px;
    margin: 4px 0;
}

.shop_notice {
    border: 1px solid #666;
    padding: 10px 20px;
    margin-top: 40px;
}


/******     お店のメニュー ************/

.shop_menu {
    position: relative;
    width: 200px;
}

.shop_menu>li {
    float: left;
    width: 100%;
    /* グローバルナビ4つの場合 */
    background: #826f97;
}

.shop_menu>li a {
    display: block;
    padding: 5px 10px;
    color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.shop_menu>li:hover {
    background: #a492b8;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #d6cfdf;
}

.menu__second-level li a:hover {
    background: #a492b8;
}


/* 下矢印 */

.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 3px 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* floatクリア */

.shop_menu:before,
.shop_menu:after {
    content: " ";
    display: table;
}

.shop_menu:after {
    clear: both;
}

.shop_menu {
    *zoom: 1;
}

.shop_menu>li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    background: #826f97;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 34px;
    visibility: visible;
    opacity: 1;
}


/*-------------------------------------- HISTORY */

.world_tea_story {
    width: 940px;
    margin: 0 auto;
    border: 6px solid #8fa732;
    box-sizing: border-box;
}

.tea_history01 {
    padding: 20px 0;
    background: #abc63e url(../images/tea_history/bg01.png) no-repeat center;
}

#tea_history h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    text-align: center;
}

.tea_history01 p {
    font-size: 18px;
    text-align: center;
    letter-spacing: .2em;
}

.tea_history02 {
    border-top: 6px solid #8fa732;
    border-bottom: 6px solid #8fa732;
    padding: 20px 0;
}

.tea_history02 p {
    text-align: center;
    font-size: 16px;
}

.world_tea_story h3 {
    color: #7c924c;
    font-size: 18px;
    letter-spacing: .2em;
}

.world_tea_story .fl p,
.world_tea_story .fr p {
    font-size: 13px;
    text-align: justify;
    margin-top: 10px;
}

.tea_history03 {
    border-top: 6px solid #8fa732;
    border-bottom: 6px solid #8fa732;
    position: relative;
}

.tea_history03 .fl {
    width: 520px;
    padding: 40px 50px 0 50px;
    box-sizing: border-box;
}

.tea_history03 .fr {
    width: 400px;
    height: 250px;
    border-left: 6px solid #8fa732;
    background: #abc63e;
}

.tea_history03 img {
    position: absolute;
    top: 20px;
    right: -30px;
}

.tea_history04 {
    position: relative;
}

.tea_history04 img {
    position: absolute;
    top: 3px;
    left: 10px;
}

.tea_history04 .fl {
    width: 410px;
    height: 280px;
    border-right: 6px solid #8fa732;
}

.tea_history04 .fr {
    width: 510px;
    padding: 30px 50px 0 50px;
    box-sizing: border-box;
}

.tea_history05 {
    background: url(../images/tea_history/bg04.png) no-repeat left center;
    border-top: 6px solid #8fa732;
    border-bottom: 6px solid #8fa732;
}

.tea_history05 .fr,
.tea_history07 .fr {
    width: 510px;
    padding: 40px 50px 40px 0;
    box-sizing: border-box;
}

.tea_history06 .fl {
    width: 550px;
    padding: 40px 50px 0 50px;
    box-sizing: border-box;
}

.tea_history06 .fr {
    width: 370px;
    height: 370px;
    border-left: 6px solid #8fa732;
    background: #abc63e url(../images/tea_history/bg05.png) no-repeat center;
}

.tea_history07 {
    background: url(../images/tea_history/bg06.png) no-repeat 60px 30px;
    border-top: 6px solid #8fa732;
}


/*-------------------------------------- text pages */

a.blue {
    color: #008BD2;
}

#txt h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
}

#txt section>p.serif {
    font-size: 18px;
    margin: 20px 0 20px;
    text-align: center;
}

#txt section>p span {
    display: block;
    font-size: 15px;
    margin: 20px 0 20px;
    text-align: center;
}

.txt {
    width: 960px;
    margin: 0 auto;
}

.txt h3 {
    font-size: 18px;
    background: #ABC53D;
    color: #FFF;
    padding: 0 10px;
    position: relative;
    width: 870px;
    margin: 50px 0 20px 90px;
}

.txt img {
    position: absolute;
    left: -80px;
    top: -20px;
}

.txt h4 {
    font-size: 13px;
    margin: 10px 0 10px 90px;
}

.txt p,
.txt ol {
    width: 870px;
    margin: 0 0 20px 90px;
}

.txt ol li {
    list-style-type: decimal;
    margin-left: 20px;
}


/*-------------------------- special coupon */

#reduced_tax_cp .container div.tc {
    background: #c3cf70;
    position: relative;
    padding-bottom: 10px;
}

#reduced_tax_cp .container div.tc div {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

#reduced_tax_cp .container div.tc div img {
    width: 90%;
    height: auto;
}