@charset "utf-8";

/************************************************
 共通設定
************************************************ */
body{
color:#666;
font-family:'メイリオ','Meiryo','Helvetica Neue',Helvetica,Arial,Verdana,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
background-color:#fff;
font-size:78% !important;
line-height:150% !important;
letter-spacing:0.1em
}
select{border:solid 1px #ccc}
/*写真*/
.picture{border:1px solid #ccc}
/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
margin:0 auto;
width:100%;
text-align:center
}
/* コンテンツ */
#container{
margin:0 auto;
padding:0 0 30px 0;
width:980px;
background:#fff;
text-align:left;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
justify-content:center
}

/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下
[注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn ,
#bottomcolumn{
    margin:0 auto;
    padding:15px;
    width:950px;
    background: #fff;
    text-align: left;
}
/* 中央カラム */
.main_column{padding:10px 0 20px;}
/* サイドカラム */
#leftcolumn{
    float:left;
    width:20%;
}
#rightcolumn{
    float:right;
    width:20%;
}
/* 1カラム設定 */
#one_maincolumn {
    margin:0 auto;
    width:80%;
}
/* 2カラム設定 (メイン部が左) */
#two_maincolumn_left{
    padding-left:1.5%;
    float:left;
    width:78%;
}
/* 2カラム設定 (メイン部が右) */
#two_maincolumn_right{
    padding-right:1.5% !important;
    width:78% !important;
    float:right !important;
}
/* 3カラム設定 */
#three_maincolumn{
    padding-left:0.5%;
    width:59%;
    float:left;
}

/* 下層コンテンツ */
#undercolumn{
    width:100%;
    margin:0 0 30px 0;
}
/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after{
    display:block;
    clear:both;
    height:0px;
    line-height:0px;
    visibility:hidden;
    content:".";
}
.clearfix{display:block}
.clear{clear:both}
/* リンク指定
----------------------------------------------- */
a:link ,
a:visited{
    color:#39c;
    text-decoration:none;
}
a:link:hover ,
a[href]:hover{
    color:#0060cc;
    text-decoration:underline;
}
#toggle a:link, #toggle a:visited{
	color:#fff;
    text-decoration:none;
}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5{
    font-size:100%;
    line-height:150%;
}
.sale_price{color:#f00;}
.normal_price{font-size:90%;}
.point{
    color:#f00;
    font-weight:bold;
}
.user_name{font-weight:bold;}
.recommend_level{color:#ecbd00;}
.attention{color:#fd3337}
.attentionSt{
    color:#f00;
    font-weight:bold;
}
.st{font-weight:bold;}
.mini{font-size:90%;}

/* 行揃え
----------------------------------------------- */
.alignC{text-align:center}
.alignR{text-align:right}
.alignL{text-align:left}
.pricetd em{font-weight:bold}

/* フォーム
----------------------------------------------- */
input[type='text'] ,
input[type='password'] ,
.select{
    border:solid 1px #ccc;
    padding:2px;
}
.box40{width:40px}
.box60{width:60px}
.box100{width:100px}
.box120{width:120px}
.box140{width:140px}
.box145{width:145px}
.box150{width:150px}
.box240{width:240px}
.box300{width:300px}
.box320{width:320px}
.box350{width:350px}
.box380{width:380px}

/* フォームが縦に重なり合う場合に併用する余白 */
.top{margin-bottom:5px}
.ng_top{ margin-bottom:0 !important;}
/* タイトル
----------------------------------------------- */
h1.title, h2.title{
    margin:15px 0 35px 0;
    padding:8px;
    border-bottom:solid 2px #3188d1;
    font-weight:bold;
	color:#000000;
    font-size:170%;
    font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
}

#one_maincolumn .sub_area h3 ,
#two_maincolumn_right .sub_area h3 ,
#two_maincolumn_left .sub_area h3 ,
#three_maincolumn .sub_area h3 ,
#undercolumn_login .login_area h3 ,
#undercolumn_shopping h3 ,
#mypagecolumn h3 ,
#undercolumn_cart h3{
    margin:0 0 10px 0;
    padding:5px 0 10px;
    color:#f60;
    background:url("../img/background/line_01.gif") repeat-x left bottom;
    font-size:120%;
}
div#undercolumn_login .login_area h4{
    padding-left:15px;
    background:url("../img/icon/ico_arrow_05.gif") no-repeat left;
}

/* =ヘッダー= */
/* レイアウト
----------------------------------------------- */
#header_wrap{min-height:82px}
#header{
    margin:auto;
    width:980px
}
#logo_area{
    padding-left:10px;
    float:left;
    width:390px;
    text-align:left;
}
#header_utility{
    float:right;
    width:580px;
    text-align:right;
    height:65px;
}
#errorHeader{
    color:#F00;
    font-weight:bold;
    font-size:12px;
    background-color:#FEB;
    text-align:center;
    padding:5px;
}
/* ロゴ
----------------------------------------------- */
#site_description{
    font-size:90%;
	text-align:left;
}
#logo_area h1{
    width:378px;
    height:36px;
    argin:5px 0 0 0;
}
#logo_area h1 span {display:none}

/* ヘッダーナビ
----------------------------------------------- */
div#header_navi{
    clear:both;
    width:981px;
    height:37px;
    padding:5px 0 0 0;
}

div#header_navi ul{padding:0px;}
div#header_navi ul li{
    display:block;
    float:right;
    vertical-align:text-top;
}

/* = パーツ= */
/* ボタン
----------------------------------------------- */
.btn_area{
    margin-top:10px;
    width:100%;
    text-align:center;
}
.btn_area li{
    padding-right:10px;
    display:inline;
}
/* 完了メッセージ
----------------------------------------------- */
div#complete_area{ margin-bottom:20px}
div#complete_area .message ,
div#undercolumn_entry .message{
    margin-bottom:20px;
    line-height:150%;
    font-weight:bold;
    font-size:120%;
}
div#complete_area .shop_information{
    margin-top:40px;
    padding:20px 0 0 0;
    border-top:solid 1px #ccc;
}
div#complete_area .shop_information .name{
    margin-bottom:10px;
    font-weight:bold;
    font-size:140%;
}

/* Tipsy
----------------------------------------------- */
.tipsy{padding:5px;font-size:10px;position:absolute;z-index:100000;}
  .tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center}
  .tipsy-inner{border-radius:3px -moz-border-radius:3px;-webkit-border-radius:3px}
  .tipsy-arrow{position:absolute;background:url('../img/ajax/tipsy.gif') no-repeat top left;width:9px;height:5px}
  .tipsy-n .tipsy-arrow{top:0; left:50%;margin-left:-4px}
    .tipsy-nw .tipsy-arrow{top:0;left:10px}
    .tipsy-ne .tipsy-arrow{top:0;right:10px}
  .tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left}
    .tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left}
    .tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left}
  .tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right}
  .tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left: 0;width:5px;height:9px}

/* Social Media
----------------------------------------------- */
#socialmedia{
	text-align:center;
	width:980px;
	padding:10px 0;
	margin:0px auto;
 border-top: 1px solid #CFCFCF;
}

/* 2016.02.10追加 3種ロゴ 
----------------------------------------------- */
.ftlogo{
    width:100%;
	margin:0!important;	
	border-bottom:1px solid #CFCFCF;
	text-align:center!important;
}
.ftlogo ul{
    width:275px;
	margin:0 auto;
}
.ftlogo ul li{
    float:left;
    margin:0 20px 5px 0;
}

.bdr{border-right:1px solid #cfcfcf}
.bdl{border-left:1px solid #cfcfcf;padding-left:20px;}
.mr00{margin-right:0!important;}

@media only screen and (max-width: 640px){
body{
color:#444;
font-family:-apple-system, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;font-size:14px
}
body p{ letter-spacing:0}

.ftlogo{	
	border-top:1px solid #CFCFCF;	
	padding-top:5px;
}
}