@charset "UTF-8";


/* ===== リセット ====== */
    /**
    * html5doctor.com Reset Stylesheet v1.6.1 (//html5doctor.com/html-5-reset-stylesheet/)
    * Richard Clark (//richclarkdesign.com)
    * //cssreset.com
    */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    body {
    line-height:1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {
    display:block;
    }
    nav ul, nav ol {
    list-style:none;
    }
    blockquote, q {
    quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content:'';
    content:none;
    }
    a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    }
    /* change colours to suit your needs */
    ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
    }
    /* change colours to suit your needs */
    mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
    }
    del {
    text-decoration: line-through;
    }
    abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    }
    /* change border colour to suit your needs */
    hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    }
    input, select {
    vertical-align:middle;
    }



/* ===== clearfix ====== */
.clearfix:after {
display: block;
clear: both;
content: "";
}

/* ===== PC-SP　振り分け ====== */


#anchorToPcInSp{
display:inline-block;
padding:10px 10px;
margin:10px 10px 10px 0;
color:#444;
background-color:#ccc;
border:1px solid #888;
border-radius: 6px;
/* Firefox */
background: -moz-linear-gradient(top center, #fff 0%, #999 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#999));
/* 共通 */
background: linear-gradient(top center, #fff 0%, #999 100%);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
float:right;
}

#spLinkBlockInPc {
    display:none;
}


/* ====== 全体枠組み ====== */



body{
-webkit-text-size-adjust: 100%;
font-size:14px;
line-height:1.4;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

#page{
width:100%;
max-width:640px;
min-width:320px;
margin:0 auto;
overflow:hidden;
}


section{
margin:20px 0 40px 0;
}

footer{
margin:30px 0 0 0;
text-align:center;
}

/* ====== 全ページ共通ＣＳＳ ====== */


/* リンク */
a{text-decoration: none; }

/* 配置 */
.center{
text-align:center;
}

/* 画像 */

img{max-width:100%;}

figure{text-align:center;}

a:hover .img_over{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* テーブル */
table{margin:6px 2%; width:96%; border-collapse:collapse;}
table, th, td {
border-collapse:collapse;
padding:4px 10px 4px 5px;
border:1px solid #aaa;
font-size:13px;
}

th{background-color:#eee;}

/* テーブル レスポンシブル*/
.table_sp th{min-width:100px;}


@media only screen and (max-width:420px){
.table_sp tr{
display: block;
margin-bottom: 1em;
    }
.table_sp th,
.table_sp td{
display: list-item;
border: none;
min-width:none;
}
.table_sp th{background-color:#ddd;}
}/* media only end*/



/* ----------   見出し   ------------- */
h1{
font-size:0.8em;
}

.title1{
text-align:left;
color:#333;
padding:12px 14px 16px 14px;
font-size:24px;
background-image:url(images/lp/title_bg_leaf.jpg);
background-repeat:no-repeat;
background-position:right center;
border-top:3px solid #019c9a;
border-bottom:3px solid #019c9a;
margin:24px 0;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.4);
line-height:1.2em;
text-shadow:
-1px -1px #fff,
1px -1px #fff,
1px 1px #fff,
-1px 1px #fff;
}

.title2{
background:url("images/back_title_green2.jpg");
line-height:40px;
padding:0 10px;
color:#fff;
font-size:1.1em;
}

.title3{
color:#222;
font-size:1.2em;
border-bottom:2px solid #006c64;
border-left:10px solid #006c64;
padding:0 10px;
margin:20px 1% 10px 1%;
line-height:2.2em;
font-size:1.1em;
}

.title4{
color:#006c64;
line-height:1.8em;
border-bottom:1px dotted #aaa;
margin:10px 10px 2px 10px;
font-size:1.1em;
}

.title_s{
font-size:14px;
color:#633010;
}

.title_sub{
font-size:20px;
font-weight:bold;
color:#006c64;
}

/* ポイントマーク付き見出し */
.title_point{
font-size:34px;
color:#018cb2;
padding-left:60px;
line-height:50px;
background-image:url(images/sp_/mark_point.jpg);
background-repeat:no-repeat;
background-position:4px center;
border-bottom:2px dotted #aaa;
text-shadow: 2px 2px 1px #ccc;
margin:2%;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}



/* 文字の強調 */

.em1{font-weight:bold; color:#f60;}
.em2{font-weight:bold; color:#f60; font-size:1.2em;}

.em1_sub1{font-weight:bold; color:#f60;}


/* 文字の色 */
.red{color:#bf0000;}
.gray{color:#555;}


/* 文字サイズ */
.small{font-size:0.8em;}
.big{font-size:1.1m;}
.s24p{font-size:24px;}
.s40p{font-size:40px;}
.bold{font-weight:bold;}


/* メインコンテンツ内の文章 */
section p{ padding:10px 12px;}


/* 補足説明など */
.text_inner{
margin:14px 10px;
padding:6px 6px 12px 6px;
background-color:#eee;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
font-size:0.9em;
display:block;
}



/* メインコンテンツ内のリスト */
section ul,
section ol{
margin:10px;
}

section ul li,
section ol li{
padding:10px 10px 10px 1.4em;
border-bottom:1px dotted #aaa;
list-style-position: inside; 
text-indent:-1em;
list-style-image: url("images/arrow4_r.gif");
}

/* 定義リスト（Q&A, お客様の声） */

section dl{
padding:10px 0.6em;
margin:bottom:20px;
}

section dt{
margin:10px 0;

background-color:#048989;
color:#fff;
padding:6px;
border-radius: 4px;
font-weight:bold;
box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}

.comment{
margin:10px 0;
padding:12px 8px;
background-color:#eee;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
font-size:0.9em;
display:block;
color:#003399;
}

section dd {margin-bottom:30px; padding:0 8px;}

/* ボタン　デザイン */
.btn1{text-align:center;
margin:10px 0;
font-weight:bold;
}

.btn1 a{
display:inline-block;
padding:10px 20px;
color:#fff;
background-color:#FFF1C6;
border:1px solid #f60;
border-radius: 20px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #ffa443));
background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
background: linear-gradient(top, #ffa443 0%, #ff7400 100%);
text-shadow: 1px 1px 2px #333;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 1);
}

/* ====== ヘッダーナビ ====== */

#navi_head{
text-align:center;
width:100%;
display:table;
table-layout: fixed;
background:url("images/back_title_green2.jpg");
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.4); 
margin-bottom:10px;
}
#navi_head li{
display:table-cell;
vertical-align:middle;
line-height:44px;
border-left:1px solid #aaa;
}

#navi_head li a{
color:#fff;
display:block;
}

#navi_head li a:hover{
background:url("images/back_title_green.jpg");
color:#eee;
}

/* ====== フッターナビ ====== */

.navi_foot{text-align:left; margin-bottom:30px;}

.navi_foot li{
background-color:#eee;
border-top:1px solid #fff;
border-bottom:1px solid #aaa;
}

.navi_foot li a{
line-height:44px;
padding:0 14px;
display:block;
background-image:url("images/arrow1_r.gif");
background-position:96% center;
background-repeat:no-repeat;
}

.navi_foot li a:hover{
background-color:#ddd;
}

/* ====== コンテンツ ====== */

/* 3カラム */

.box3_wrap{
text-align:center;
margin:0 0 10px 0;
display:table;
table-layout: fixed;
width:100%;
}

.box3_wrap li{
display:table-cell;
background-color:#eee;
vertical-align:top;
padding:12px 4px;
font-size:12px;
}

.box3_wrap img{width:80%;}




/* ====== 買い物カゴ ====== */

.order_list li{
display: block;
clear: both;
content: "";
border:1px solid #ccc;
padding:10px;
margin:10px 4px;
}

.order_list figure{margin:14px 30px 20px 10px ; float:left; padding-bottom:40px;}


.item_name{
font-size:1.1em;
border-bottom:2px dotted #aaa;
margin-bottom:10px;
line-height:2;
}

/* フォーム　ボタン */
.order_submit{
    padding: 8px 20px;
    margin:8px 0 8px 10px;
}



/* ====== フッター ====== */

footer small{
background-color:#006c64;
color:#fff;
padding:4px;
width:100%;
display:block;
margin-top:20px;
}

.foot_logo{
padding-top:12px;
margin-top:30px;
border-top:1px dotted #aaa;
}