/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	line-height: 1.6em;
	background-color: #ffffff;
	text-align: center;
}

.cf:before,.cf:after{content:"";display:block;overflow:hidden;}
.cf:after{clear:both;}
.cf{zoom:1;}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

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

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#side a:hover img{
	opacity:0.9;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

a:link {
	color:#0479D0;
	text-decoration: underline;
}
a:visited {
	color: #870080;
	text-decoration: underline;
}

a:hover {
	color: #0479D0;
	text-decoration: none;
}

a:active {
	color: #6AB70F;
}

h1{
	margin: 0px;
	padding: 0px;
}

h2{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/page_title_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 26px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
	height: 40px;
	margin-top: 0px;
}

.h2_top{
	background-image: none;
	padding: 0px;
	margin-bottom: 30px;
}

h3{
	background-color: #E6E7D7;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 45px;
	font-size: 15px;
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/h3_back.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333;
}

h4{
	font-size: 14px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-bottom: 10px;
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/h4_back.gif);
	background-repeat: no-repeat;
	height: 30px;
	color: #385416;
}

.pankuzu{
	font-size: 12px;
}

.fc-red{color:red;}
.fc-orange{color: orange}
.fc-green{color: #72901F;}

.pick1{font-size: 150%; font-weight: bold;}
.pick2{font-size: 60%;} 

.new-icon{background: #F00; padding: 5px 10px; font-size: 12px; display: inline-block; margin-right: 10px; color:#fff; line-height: 1em;}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	width: 950px;
	text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/side_line.gif);
	background-repeat: repeat-y;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header_back{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/header_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 190px;
}

#header_back img{
	float: left;
	margin: 0px;
	padding: 0px;
}

#sora{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/sora.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 190px;
}

.header {
	width: 950px;
	height: 120px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.navi1{
	height: 40px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.navi2{
	background-color: #E7E7D8;
	text-align: right;
	height: 25px;
	padding-top: 5px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}

/*　画面左側メニューの幅　*/
#side {
	float: left;
	width: 220px;
	padding-right: 15px;
}

.side_title1{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/side_back1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 220px;
	margin-top: 10px;
}

.side_title1 p{
	padding-top: 11px;
	padding-right: 10px;
	padding-left: 50px;
	margin: 0px;
	font-weight: bold;
}

.side_title2{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/side_back2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 220px;
	margin-top: 10px;
}

.side_title2 p{
	padding-top: 11px;
	padding-right: 10px;
	padding-left: 50px;
	margin: 0px;
	font-weight: bold;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

.side_navi{
	padding-bottom: 5px;
}

.member{
	padding-bottom: 10px;
}

.side_search{
	background-color: #E6E7D7;
	padding: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.side_search p{
	margin: 0px;
	padding-bottom: 5px;
}

.side_category{
	padding-bottom: 10px;
	padding-top: 10px;
}

.side_category p{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/point1.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7D8;
}
.side_category .subcate{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/point1.gif);
	background-repeat: no-repeat;
	background-position: 25px center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 50px;
}

.side_popularity{
	background-color: #E7E7D8;
	width: 220px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.side_no1{
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCCD;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}

.side_no1 p{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/side_no1.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-right: 8px;
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.side_link p{
	padding-right: 8px;
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
  background:#fff;
}

.side_map_title{
	background-color: #E7E7D8;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
}

.side_map{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 1.4em;
}


/*　画面右側の幅　*/
#main {
	float: right;
	width: 700px;
	text-align: left;
}

.top_img{
	padding-bottom: 15px;
}

.top_banner{
	padding-bottom: 15px;
}

.top_gift{
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 15px;
}

.top_gift .g_box1{
	float: left;
	height: 100px;
	width: 220px;
	padding-right: 10px;
	padding-bottom: 15px;
}


.top_gift .g_box2{
	float: right;
	height: 100px;
	width: 220px;
	padding-bottom: 15px;
}

.top_news_title{
	background-color: #E6E7D7;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}

.top_news{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/top_news_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 15px;
	margin-bottom: 30px;
}

.top_news p{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/point1.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-right: 10px;
	margin-left: 10px;
}

.bt_order{
	padding-top: 10px;
	padding-bottom: 15px;
}

.top_item{
	width: 700px;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}

.item_box{
	float: left;
	width: 180px;
	padding-right: 25px;
	padding-left: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7D8;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4em;
	padding-top: 10px;
}

.item_box img{
	padding-bottom: 10px;
}

/* 商品一覧 */

.item_list_box{
	float: left;
	width: 180px;
	padding-right: 25px;
	padding-left: 26px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4em;
	padding-top: 10px;
}

.item_list_box p{
	padding-top: 5px;
	margin: 0px;
	color: #3D5B2F;
}

.item_list_box img{
	padding-bottom: 10px;
}


/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/

#page_top{
	text-align: right;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 15px;
}

#footer_back{
	background-color: #E6E7D7;
}

#footer{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
}

#footer p{
	padding-right: 15px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 1.4em;
	padding-bottom: 10px;
	padding-top: 5px;
}

#footer .sub_title1{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/f_link.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}

#footer .sub_title2{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/f_link.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}

#footer .f_box1{
	float: left;
	width: 290px;
	padding-right: 37px;
}


#footer .f_box2{
	float: right;
	width: 290px;
}

#footer_adress_back{
	background-color: #CACAC0;
}

#footer_adress{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	font-size: 12px;
	text-align: left;
	line-height: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer_adress p{
	padding-left: 8px;
}

#footer_adress .f_box1{
	float: left;
	width: 320px;
	padding-top: 5px;
}


#footer_adress .f_box2{
	float: left;
	width: 310px;
	padding-left: 30px;
	padding-top: 15px;
}


#footer_adress .f_box3{
	float: right;
	width: 290px;
	padding-top: 15px;
}

#footer_navi{
	background-color: #CACAC0;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 8px;
	font-size: 12px;
}


#copyright{
	color: #FFF;
	background-color: #222;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}


/* -------------------------------------
*     フリーページ
* ------------------------------------- */


.line_box{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/line.gif);
	background-repeat: repeat-y;
	background-position: center top;
	line-height: 2.3em;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.line_box p{
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
}

#aboutus .text_img{
	padding-top: 15px;
	padding-bottom: 35px;
}

#aboutus table{
	width: 100%;
	border: 1px solid #CCC;
	border-collapse: collapse;
	line-height: 1.4em;
}

#aboutus th{
	border: 1px solid #CCC;
	border-collapse: collapse;
	background-color: #E7E7D8;
	text-align: left;
	white-space: nowrap;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 30%;
}

#aboutus td{
	border: 1px solid #CCC;
	border-collapse: collapse;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#aboutus .box{
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 15px;
}

#aboutus .box_img{
	float: left;
	width: 240px;
}

#aboutus .box_table{
	float: right;
	width: 440px;
}


#aboutus .box2{
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 15px;
}

#aboutus .box2_l{
	float: left;
	width: 320px;
}

#aboutus .box2_r{
	float: right;
	width: 320px;
}

#tea h3{
	margin-top: 10px;
	margin-bottom: 5px;
}

#tea .text{
	padding-top: 10px;
	padding-bottom: 10px;
}

#tea .tea_box{
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 15px;
}

#tea .tea_box .box_img1{
	float: left;
	width: 300px;
}

#tea .tea_box .box_img2{
	float: right;
	width: 300px;
}

#tea .tea_box .box_text1{
	float: left;
	width: 380px;
}

#tea .tea_box .box_text2{
	float: right;
	width: 380px;
}

#numazu .text{
	padding-top: 10px;
	padding-bottom: 10px;
}

#numazu .img_left{
	float: left;
	padding-right: 10px;
	padding-bottom: 25px;
}

#numazu h3{
	clear: both;
	margin-bottom: 15px;
}

#numazu .tea_box{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 35px;
	clear: both;
}

#numazu .tea_box .box_img1{
	float: left;
	width: 180px;
}

#numazu .tea_box .box_img2{
	float: left;
	width: 320px;
}

#numazu .tea_box .box_text1{
	float: left;
	width: 150px;
	padding-right: 10px;
	padding-left: 10px;
}

#numazu .tea_box .box_text2{
	float: right;
	width: 370px;
}

#campaign h2{
	margin-bottom: 0px;
}

#campaign h3{
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 0px;
	margin-top: 30px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#campaign h4{
	background-color: #FFF;
	background-image: none;
	padding: 0px;
	margin-bottom: 15px;
	height: auto;
}

#campaign .text{
	padding-top: 10px;
	padding-bottom: 10px;
}

#campaign .img_box{
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/campaign_img1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 320px;
	height: 190px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px dashed #CCC;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 25px;
}

#bottle{
	overflow: hidden;
}

#bottle h3{
	margin-top: 20px;
}

#bottle p{
	margin-top: 10px;
	margin-bottom: 10px;
}

#bottle .text1{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	line-height: 1.4em;
}

.img_center{
	text-align: center;
}

#bottle .bottle_wrap{
	overflow: hidden;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: dashed 1px #CCC;
}

#bottle .bottle_wrap .text_box{
	float: left;
	width: 470px;
	padding-top: 10px;
	font-size: 18px;
	line-height: 1.4em;
}

#bottle .bottle_wrap strong{
	font-size: 22px;
}

#bottle .bottle_wrap .title1{
	color: #338900;
}

#bottle .bottle_wrap .title2{
	color: #FF3F00;
}

#bottle .bottle_wrap .img_box{
	float: right;
	width: 170px;
}

#bottle .bottle_wrap .img_box img{
	width: 170px;
	height: auto;
}

#bottle .tea_box{
	width: 700px;
	overflow: hidden;
	padding-top: 15px;
}

#bottle .tea_box .box_img{
	float: left;
	width: 180px;
	text-align: center;
}

#bottle .tea_box .box_text{
	float: left;
	width: 155px;
	padding-left: 7px;
	padding-right: 8px;
}

#bottle .flow_wrap{
	overflow: hidden;
}

#bottle .flow_wrap .box{
	float: left;
	width: 165px;
	background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/arrow_img.gif);
	background-repeat: no-repeat;
	background-position: right 100px;
	padding-right: 10px;
}

#bottle .flow_wrap .box:nth-last-child(1) {
   float: right;
   width: 165px;
   background-image: none;
   padding-right: 0px;
}

#bottle .flow_wrap .flow_text{
	font-size: 13px;
}

/* lineup
---------------------------------------------------*/
ul.lineup{
	margin: 0;
	padding: 0;
	list-style: none;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}
ul.lineup li{float: left; width: 46%;padding:0 1.8% 15px; position: relative; padding-bottom: 60px; border-right: dashed 1px #ccc;  border-bottom: dashed 1px #ccc; margin-bottom: 10px;}
ul.lineup li:nth-child(2n){border-right: none;}	
ul.lineup li .catch{text-align: center; font-weight: bold; font-size: 130%; position: absolute; top: 10px; left: 0; right: 0; margin: auto; color: #f00;z-index: 2;}
ul.lineup li .item-photo{width: 98%; margin: auto;position: relative;}
	ul.lineup li .item-photo img{max-width: 100%; height: auto;}	
ul.lineup li .kakaku{text-align: center; color: #f00; font-size: 140%;font-weight: bold; position: absolute; bottom: 140px;left: 0; right:0; margin: auto;}
ul.lineup li .txtbox1{text-align: center;font-weight: bold; line-height: 1.3em;}
ul.lineup li .txtbox2{text-align: center; line-height: 1.3em; font-size: 90%;margin-top: 5px;}	
ul.lineup li .btn{position: absolute; bottom: 15px; left:25%;}	
	.top-comment{text-align: center; padding: 20px 0; font-weight: bold;font-size: 120%; line-height: 1.8em;}
	
	.cautionBOX{margin: 30px 15px;}	
	p.indent-1 {padding-left:1.5em;text-indent:-1.5em; margin-bottom: 7px; line-height: 1.4em;}
.dot-text {
         padding-top: .5em;
        background-position: top left -2px;
            background-repeat: repeat-x;
            background-size: 1.3em .3em;
            background-image: -webkit-radial-gradient(.15em .15em at center center,orange,orange 100%,transparent);
            background-image: radial-gradient(.15em .15em at center center,orange,orange 100%,transparent);
	font-weight: bold; font-size: 120%;
        }

/* cafe page */
.cafe-first-txt{
    text-align: center;
    padding: 20px 10px;
    line-height: 2em;
    } 

.text{padding:15px 10px;}

    .holiday{border-bottom:dashed 2px #ccc;padding: 10px; text-align: center; font-weight: bold;margin-bottom:20px;}
    .holiday h3{margin-bottom: 10px; font-size: 130%;}
    .center{text-align: center;}
    .menubox{margin: 0 0 10px 0;padding: 10px 0; background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/kakigoori-back.jpg);}
    .menubox2{margin: 0 0 10px 0;padding: 10px 0; background-image: url(https://img20.shop-pro.jp/PA01193/530/etc/kakigoori-back.jpg);}
    .menu-photo1{float: left; width: 35%; margin-left: 2%}
    .menu-txtbox1{float: right; width: 56%; margin: 20px 4% 0 0;}
    .menu-photo2{float: right; width: 35%; margin-right: 5%;}
    .menu-txtbox2{float: left; width: 56%; margin: 20px 0 0 4%;}    
    .menu-name{font-size: 150%; font-weight: bold; margin-bottom: 20px;}
    .menu-price{margin-top: 20px;font-weight: bold;}
	.menu-price .pick1{color:red;}
    .accessbox{}
    .access-map{float: right; width: 40%; text-align: center;}
    .access-map img{margin-bottom: 10px;}
    .shop-photo{float: left; width: 55%;}
    .shop-info{margin: 20px 10px; border: solid 2px #ccc; padding: 20px; text-align: center; line-height: 2em;}

    .menubox2022{margin: 0 0 10px 0;padding: 10px 0;}
    .menubox2022-1{float: left; width: 50%; padding: 10px 0;}    
.menubox2022-1 img{width: 95%;}


/*フラッペ*/
.frappe-ttl{padding: 30px 0; text-align: center;}
.frappe-subttl{padding: 30px 0 0; text-align: center;}
.frappeBOX{text-align: center; padding: 20px 0 20px;}
.frappeBOX5{display: inline-block; width: 19%;}
.frappeBOX .item-name{font-size: 120%; font-weight: bold; margin: 0; padding: 0;}
.frappeBOX .item-price{text-align: center; margin: 0; padding: 0;}