@charset "euc-jp";

/* 共通設定1 */
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, th, td, form, label, p, img {
margin:10 ; padding:0; border: none;
font-style:normal; font-weight:normal;
font-size:100%; text-align:left;
list-style-type: none }

table { border-collapse: collapse; border-spacing: 0 }

img { max-width:100% !important }

body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",
    "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; !important;
    word-break: break-all; color: #222; letter-spacing: 0.05em }

/* IE10以降にのみ適用 */
@media all and (-ms-high-contrast:none) {
    body { font-family: "メイリオ" !important }
}

/* メインリンク設定 */
a { text-decoration: none }

a:link    { color:#222 }
a:visited { color:#222 }
a:hover   { color:#999 }
a:active  { color:#999 }

a:hover img { transition:all 0.3s; opacity:0.7; filter:alpha(opacity=70) }

.container-fluid { margin:0; padding:0 }


.outer {
  overflow-x: hidden;
  max-width: 100%;
  height: auto;
}

.wrapper {
  position: relative;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* ツールバー */
.toolbar {
  position: fixed;
  width: 100%;
  background: #111;
  z-index: 1000;
  top: 0; left: 0;
  transition: .3s;
}

.toolbar__inner {
  margin: 0;
  padding: 0;
}

.toolbar__item {
  list-style: none;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.toolbar__item a {
  padding: 0 20px;
  height: 50px;
  display: table;
}
.toolbar__item a .u-wrap {
  display: table-cell;
}
.toolbar__item a i { vertical-align: middle }

.toolbar__item--menu {
  float: left;
}

.toolbar__item--search {
  float: right;
}

.toolbar__item--cart {
  float: right;
}

.u-wrap {
  text-align: center;
  vertical-align: middle;
  zoom: 1;
}
.u-wrap img {
  vertical-align: bottom;
}

.u-cf:before {
  content: "";
  display: table;
}
.u-cf:after {
  content: "";
  display: table;
  clear: both;
}

/* ドロワー */
.drawer.open { left: 0 }

.drawer {
  position: fixed;
  top: 0;
  left: -280px;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 280px;
  height: 100%;
  background: #fff;
  color: #222;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.drawer__item--close { text-align: right }

.drawer__item--close a { display: block; padding: 20px; color: #222 }

.drawer__item { border-bottom: 1px solid #e0e0e0 }

.drawer__item a:hover { 
    background: #f5f5f5;
    color: #222;
    text-decoration: none;
    transition: .3s;
}

.drawer__item__name {
  font-size: 100%;
  font-weight: normal;
  display: table;
  line-height: 1;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 20px 20px 15px 20px;
  color: #222;
}

.drawer__item__name__text {
  width: 70%;
  vertical-align: middle 
}

.drawer__item__name__icon--left {
  width: 15%;
  display: table-cell;
  vertical-align: middle;
}

.drawer__item__name__icon--right {
  width: 10%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.drawer__item--accordion ul {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
}
.drawer__item--accordion .linklist__item {
  border: none;
}
.drawer__item--accordion .linklist__item a {
  padding: 10px 20px;
  display:block;
}

/*　スライドバナー */
.slider { margin-bottom:30px; position:relative }

.bx-wrapper .bx-viewport {
    border: solid #fff 0px !important;
    left: 0px !important;
    -webkit-box-shadow: 0 0 0px !important;
    box-shadow: 0 0 0px !important;
}
#slider div { width:100% !important }

/* TOP */
#top_box1 a.thumnail { display: block; overflow: hidden }

#top_box1 figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
#top_box1 figcaption {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto; padding-top: 28.5%;
    font-size: 86%; color: #111;
    text-align: center;
}
#top_box1 figcaption b { display: block; font-size: 24px }

#top_box1 a:hover>figure figcaption { 
    background-color: rgba(0,0,0,0.4);
    color: #FFF;
    transition:all 0.25s ease-in-out;
    -webkit-transition:all 0.25s ease-in-out
}

#top_box1 figure img {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}
#top_box1 a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}

#news_box dt, #blog_box dt { font-size:86%; color: #888; font-weight: normal }

#news_box dd, #blog_box dd { margin-bottom: 8px; font-size:93%  }

#news_box dd a, #blog_box dd a { display: block }

.fb-page { width:100% !important }

/* フッター */
#foot_box { background:#111; color:#FFF }

#foot_logo { 
    background: url(images/foot_bg.png) right bottom no-repeat;
    background-size: auto 22px; margin-bottom: 15px;
}
#foot_logo img { height: 27px }

#about_link { margin-top: 20px }
#about_link li { float: left; width: 50%; text-align: center }

#about_link a { 
    display: block; outline: #111 1px solid;
    margin-left: 1px; padding: 8px;
}
#about_link a:hover { 
    background: #111; color: #fff;
    text-decoration: none; transition:all 0.3s;
}

/* 検索 */
#search { 
    display:block; position:relative;
    height:35px; outline:#333 1px solid;
    background:#333
}
#search_txt { 
    height:35px; width:100%;
    padding-left:6px; margin:0;
    position:absolute;
    top:0; left:0;
    background:#333;
    border:none; font-size:93%
}
#search_txt:focus { background:#555; color: #fff }
#search_btn { 
    position:absolute;
    top:0; right:0; z-index:10;
    height:35px; padding-top: 6px;
    background:#111; border: 0;
}

#foot_sns a { display: block; background: #333 }
#foot_sns a:hover { background: #555; transition:all 0.3s }
#foot_sns a:hover img { opacity:1; filter:alpha(opacity=1) }

#foot_sns li { display: inline-block; margin-left: 5px }
#foot_sns li img { width: 40px }

/* 商品リスト表示 */
.list_box a { display: block }

.list_box a:hover { color:#999; text-decoration: none }

.list_box li { padding-bottom: 20px }

.list_box li p { margin: 0 }

.list_ss { padding-bottom: 12px; position: relative }

.list_rank-1 { 
    position: absolute; padding: 5px 10px;
    left: 15px; top: 0; z-index: 5;
    background: #333; color: #fff;
    font-size: 93%; font-weight: bold;
}
.list_rank-2 { 
    position: absolute; padding: 5px 10px;
    left: 15px; top: 0; z-index: 5;
    background: #333; color: #fff;
    font-size: 93%; font-weight: bold;
}
.list_rank-3 { 
    position: absolute; padding: 5px 10px;
    left: 15px; top: 0; z-index: 5;
    background: #333; color: #fff;
    font-size: 93%; font-weight: bold;
}
.list_rank-none { display: none }


.list_name { padding-bottom: 5px }

.list_price { font-size:86%; color: #999 }

.list_price span { padding-left: 5px; color: #e61818 }

.list_soldout { 
    background: #f5f5f5; color:#999;
    font-size: 93%; line-height: 2; text-align: center
}
.list_caption { font-size: 93%; color:#777 }

/* 見出し設定 */
.title1 h2 { 
    margin-bottom:30px; overflow: hidden;
    font-size:158%; font-weight:bold;
	text-align: center;
}
.title1 h2 span {
  display: inline-block;
  position: relative;
}
.title1 h2 span:before,
.title1 h2 span:after {
  content: "";
  border-bottom: #222 1px solid;
  width: 180px;
  margin: 0 15px;
  position: absolute;
  bottom: 15px;
}
.title1 h2 span:before { right: 100% }

.title1 h2 span:after { left: 100% }

.title1 h3 { 
    margin-bottom:30px; overflow: hidden;
    font-size:115%; font-weight:bold;
	text-align: center;
}
.title1 h3 span {
  display: inline-block;
  position: relative;
}
.title1 h3 span:before,
.title1 h3 span:after {
  content: "";
  border-bottom: #222 1px solid;
  width: 180px;
  margin: 0 10px;
  position: absolute;
  bottom: 10px;
}
.title1 h3 span:before { right: 100% }

.title1 h3 span:after { left: 100% }

.title2 h3 { 
    margin:30px 0 20px 0;
    font-size:115%; font-weight:bold;
}

#top_news h2 { 
    padding: 20px; margin: 0; background: #111;
    font-size:129%; color: #fff
}
#top_blog h2 { 
    padding: 20px; margin: 0; background: #555;
    font-size:129%; color: #fff
}

/* 商品一覧・検索結果 */
.result { text-align: center }
.result span { padding: 0 5px; font-size: 115%; font-weight: bold }

.sub_list { padding-bottom: 20px }

.sub_list a { display: block }

.sub_list a:hover { text-decoration: none }

.sub_list img { padding-bottom: 10px }

.sub_list li { margin-bottom: 20px; font-size: 93%; text-align: center }

.sub_list li p { margin: 0; text-align: center }

.sub_list li p a:hover { color:#fff; text-decoration: none }

#sort { display: table; width: 100%; margin-top: 40px }

#sort li { 
    display: table-cell; width: 32%;
    padding: 10px; text-align: center;
    font-size: 13px; line-height: 2;
}
#sort a { display: block; color: #fff }
#sort a:hover { color: #fff; text-decoration: none }

#item_list { margin-bottom: 40px }

#pager { margin-bottom: 60px; text-align: center }
#pager p { margin-bottom: 20px }

#pager a { color: #fff }
#pager a:hover { text-decoration: none }

#pager i { vertical-align: middle }

.freespace01 {
  margin-bottom: 30px;
  font-size: 93%;
}
.freespace02 {
  margin-bottom: 30px;
  font-size: 93%;
}

/* フリーページ */
#free1 ul { padding-top: 20px }

#free1 li { margin-bottom:8px; font-size:93% }
#free1 li i { padding-right: 5px; vertical-align: middle }

#concept p { margin-bottom:15px }

#free3 { padding-bottom:30px }

#free3 ul { padding:30px 0; border-bottom:#ddd 1px solid }

#free3 small { font-size:13px; color: #222; vertical-align: middle }

#free3 .date { font-size:93%; color: #777 }

#free3 h3 a { text-decoration: none }



@media screen and (min-width:768px){

/* PC用レイアウト */
.base_box1 { max-width:990px; margin:0 auto; padding:0 }

.base_box2 { max-width:960px; margin:0 auto; padding:0 }

.base_box3 { max-width:800px; margin:0 auto; padding:0 }

/* ヘッダー */
#h_logo { padding: 100px 0 10px 0; margin:0; text-align: center }

#h_logo img { width: 135px }

/* グローバルナビ */
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 40px;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 750px;
  margin: 0 auto;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{ clear: both }

.dropmenu li{
  position: relative;
  width: 150px;
  float: left;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0; padding: 20px 0;
  font-size: 14px; color:#222;
  line-height: 24px;
  text-decoration: none;
}

.dropmenu li:hover > a{ color: #777 }

.dropmenu li i { padding-left: 6px; vertical-align: middle }

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%; left: 0;
}
.dropmenu li ul li{ width: 100% }

.dropmenu li ul li a{
  margin: 0; padding: 15px;
  background: #111;
  font-size:12px; color: #999;
  line-height: 1;
  font-weight: normal;
  text-align: left;
}
.dropmenu li ul li a:hover{ background: #333; color: #fff }

/* TOPバナー */
#h_banner { margin-bottom: 40px; text-align: center }

/* TOPコンテンツ */
#top_box1 { margin-bottom: 60px }

#top_free { padding: 20px 0 60px 0 }

#top_reco { margin-bottom: 40px }

#top_box2 { padding-top: 30px }

#top_news { float: left; width: 330px }

#news_box { 
    padding: 20px; height: 240px; overflow:auto;
    border-left: #ddd 1px solid;
    border-bottom: #ddd 1px solid
}

#top_blog { float: left; width: 330px }

#blog_box { 
    height: 240px; overflow:auto;
    border-left: #ddd 1px solid;
    border-right: #ddd 1px solid;
    border-bottom: #ddd 1px solid
}

#top_fb { float: right; width: 280px }

/*　最近チェックした商品　*/
#history_box { padding-top: 20px }

#history_box .list_name { font-size: 93% }

/* フッター */
#footer { margin-top: 80px }

#about_box { padding: 60px 0; background: #f8f8f8 }

#about_left { float: left; width: 300px; font-size:93% }

#about_right { float: right; width: 620px }

#pageTop {
    display: none;
    position: fixed;
    bottom:40px; right:40px;
	z-index: 50; line-height: 1;
    padding: 8px; border-radius: 50%;
    background: rgba(0, 0, 0, 0.75)
}

#foot_box { padding:40px 0 }

#foot_box a { color:#FFF }

#foot_left { float: left; width: 680px }

#foot_right { float: right; width: 270px }

/* アコーディオン */
.accordion { float: left; margin-right:35px }

.accordion input { display: none }

.accordion label { margin-bottom:10px; color:#777; font-size:93% }

.accordion ul { margin-bottom:20px }

.ac-cont li { margin-bottom:6px; font-size:79% }

.ac-cont li a { display: block  }

.ac-cont li a:hover { color:#bbb !important; text-decoration: none }

/* フッターパーツ */
#link_list { display: none }

#foot_sns { margin-bottom:30px; text-align: right }

#copy { padding-top:20px; border-top: 1px solid #333;
		font-size:86%; color:#666; text-align:center }

/* 商品一覧・検索結果 */
#item_head { padding: 30px 0 20px 0 }

#sort { margin-bottom: 60px !important }

.pager__prev { float: left; width: 15% }
.pager__next { float: right;  width: 15% }

/* 特定商法取引法に基づく表記 */
#tokutei, #privacy { padding: 30px 0 20px 0 }

.howto { padding-bottom:40px }

.howto dt { font-weight:bold }

#company dl { padding-top:20px }

#company dt { clear:both; float:left; width:140px; font-weight:bold }

#company dd, .howto dd { 
    margin-bottom:20px;
    padding:0 0 20px 140px;
    border-bottom:#ddd 1px solid
}

/* フリーページ */
.free_title1 { margin-bottom:50px }

.free_title2 h2 { margin:0 0 30px 0; font-size:200%; font-weight: bold }
.free_title2 h2 small { 
    padding-left: 10px; font-size: 13px;
    color: #333; vertical-align: middle
}

.free_title2 h3 { margin:0 0 10px 0; font-size:115%; font-weight: bold }
.free_title2 h4 { margin:0 0 10px 0; font-size:108%; font-weight: bold }

#free1 .col-sm-4 img { margin-bottom:25px }
#free1 .col-sm-4 p { margin-bottom:8px; font-size:93% }

#free1 .col-sm-8 { line-height: 1.8 }

#concept { margin-bottom:60px }

#free2 .col-sm-6 { line-height: 1.8 }

#free3 h3 { margin-bottom:20px; font-size:143%; font-weight: bold }

/* その他 */
.box_boder { 
    margin-bottom:30px; padding:30px 20px;
    border-top:#eee 5px solid; border-bottom:#eee 5px solid
}
.box_gray { 
    margin-bottom:30px; padding:20px;
    border-radius:5px; background:#f5f5f5; color:#222
}

}


@media screen and (max-width:767px){

/* スマホ用レイアウト */
.base_box1 { margin:0; padding:0 }

.base_box2 { margin:0; padding:0 }

.base_box3 { margin:0; padding:0 15px }

.row { margin:0 }

/* ヘッダー */
#h_logo { padding: 80px 0 20px 0; margin:0; text-align: center }

#h_logo img { width: 35% }

/* TOPバナー */
#h_banner { margin-bottom: 30px; text-align: center }

/* TOPコンテンツ */
#top_box1 { margin-bottom: 20px }
#top_box1 .col-sm-4 { margin-bottom: 20px }

#top_free { padding: 0 15px 30px 15px }

#top_reco { margin-bottom: 30px }

#top_box2 { padding: 30px 15px 0 15px }

#news_box { 
    padding: 15px; height: 200px;
    margin: 0; overflow:auto;
    border-left: #ddd 1px solid;
    border-right: #ddd 1px solid; 
}

#blog_box { 
    height: 200px;
    margin-bottom: 30px; overflow:auto;
    border: #ddd 1px solid;
}

#top_fb { margin-bottom: 30px }

/*　最近チェックした商品　*/
#history_box .list_box li { padding-bottom: 10px }

#history_box .list_name { display: none }

/* フッター */
#footer { margin-top: 40px }

#about_box { padding: 30px 15px; background: #f8f8f8 }

#about_left { margin-bottom: 30px; font-size:93% }
#about_left br { display: none }

#about_right { clear: both  }

#pageTop {
    display: block; width: 100%;
    padding: 5px; background: #333;
    line-height: 1; text-align: center;
}

#foot_right { margin: 40px 15px }

#foot_left { 
    margin: 40px 15px;
    border-bottom: #333 1px solid
}

/* アコーディオン */
.accordion label {
	display: block;
	position: relative;
	padding:15px 15px 10px 15px;
    margin-bottom:5px;
    border-top: #333 1px solid;
    font-size:93%; font-weight: normal;
	cursor: pointer
}

.accordion label:after {
	position: absolute;
	top: 50%; right: 15px;
	display: block;
	content: '+';
	width: 10px; height: 10px;
	margin-top: -10px;
    color:#999; font-weight: bold
}

.accordion:checked + label:after { content: '-' }

.accordion .ac-cont {
	transition: 0.3s;
	height: 0; margin: 0;
	overflow: hidden;
}
    
.accordion input { display: none }

.accordion input:checked + .ac-cont { height:auto; padding-bottom:15px }

.accordion li { font-size:86% }

.accordion li a { position: relative; display: block;
				  padding: 10px 25px; color:#fff }

.accordion li a:active { background:#333; text-decoration:none }

.accordion li a::after {
	position: absolute;
	top: 50%; right: 20px;
	display: block;
	content: '';
	width: 7px;	height: 7px;
	margin-top: -4px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  2列リンク */
#link_list ul { margin-bottom:30px; list-style: none }

#link_list li { 
    float:left; width:50%; background:#222;
    border-bottom:#111 1px solid;
	text-align:center; font-size:79% }

#link_list li:nth-child(odd) { border-right:#111 1px solid } /* 左側（偶数番目） */

#link_list li:nth-child(even) {  } /* 右側（奇数番目） */

#link_list li a { display:block; padding:15px 0; color:#999 }

#link_list li a:active { background:#444; text-decoration:none }

/* フッターパーツ */
#foot_sns { text-align: center }

#copy { padding:30px 0; font-size:72%; color:#666; text-align:center }

/* 商品一覧・検索結果 */
#item_head { padding: 15px 15px 0 15px }

.sub_list { padding: 0 10px }

.sub_list .col-xs-4 { padding: 0 5px }

#sort { margin-bottom: 40px !important }

.pager__prev { float: left; width: 25% }
.pager__next { float: right;  width: 25% }

/* 特定商法取引法に基づく表記 */
#tokutei, #privacy { padding-top: 15px }

.howto { padding-bottom:30px }

#company dl { padding-top:10px; border-top:#ddd 1px solid }

#company dt, .howto dt { font-weight:bold }

#company dd, .howto dd { 
    margin:5px 0 15px 0;
    padding-bottom:15px;
    border-bottom:#ddd 1px solid
}

#company dt br, #company dd br { display: none }

/* フリーページ */
.free_title1 { margin-bottom:30px }

.free_title2 h2 { margin:0 0 10px 0; font-size:158%; font-weight: bold }
.free_title2 h2 small { 
    padding-left: 10px; font-size: 12px;
    color: #333; vertical-align: middle
}

.free_title2 h3 { margin:0 0 10px 0; font-size:115%; font-weight: bold }
.free_title2 h4 { margin:0 0 10px 0; font-size:108%; font-weight: bold }

#free1 .col-sm-4 img { margin-bottom:20px }
#free1 .col-sm-4 p { margin-bottom:8px; font-size:93% }

#concept { margin-bottom:30px }

#free1 br, #free2 br { display: none }

#free2 img { margin: 10px 0 30px 0 }

#free3 h2 { margin-bottom:0 }

#free3 h3 { margin:0; font-size:129%; font-weight: bold }

#free3 img { padding-bottom: 10px }


/* その他 */
.box_boder { 
    margin-bottom:30px; padding:20px 15px;
    border-top:#eee 5px solid; border-bottom:#eee 5px solid
}
.box_gray { 
    margin-bottom:30px; padding:20px 15px;
    border-radius:5px; background:#f5f5f5; color:#222
}

}



/* 共通設定2 */
#footstamp { margin-bottom:40px; font-size:86% }
#footstamp a { color:#222 }

.no_item { padding:50px 20px; text-align: center }

/* Material icons アイコンのサイズ */
.material-icons.md-14 { font-size: 14px }
.material-icons.md-18 { font-size: 18px }
.material-icons.md-24 { font-size: 24px }
.material-icons.md-36 { font-size: 36px }
.material-icons.md-48 { font-size: 48px }
 
/* 明るい背景の時のアイコンの色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.5) }
.material-icons.md-dark:hover { color: rgba(0, 0, 0, 0.25); transition: .3s }

/* 暗い背景の時のアイコンの色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1) }
.material-icons.md-light:hover { color: rgba(255, 255, 255, 0.8); transition: .3s }

/* ？の背景の時のアイコンの色 */
.material-icons.md-gray { color: rgba(255, 255, 255, 0.25) }
.material-icons.md-gray:hover { color: rgba(255, 255, 255, 0.8); transition: .3s }

/* パーツ */
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button { overflow: visible; border:0; text-transform: none }

select { text-transform: none }

.button--small { 
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  line-height: 1
}
.button--medium {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
.button--large {
  display: inline-block;
  padding: 20px 0;
  width: 100%;
  font-size: 129%;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}

.button--dark { background: #222; color: #fff }
.button--dark:hover { background: #777; color:#fff; transition:all 0.3s ease }

.button--gray { background: #777; color: #fff }
.button--gray:hover { background: #aaa; color:#fff; transition:all 0.3s ease }

.button--disabled { background: #e6e6e6; color: #bbb }

.button--line { border:#222 1px solid; color:#333 }
.button--line:hover { background: #222; color:#fff; transition:all 0.3s ease }

.button--more {
  width: 50%;
  display: block;
  margin: 0 auto 20px;
  padding: 5px;
}

.button--tag {
  padding: 5px 8px;
  border-radius: 3px;
}



/*　その他　*/
.clearfix { zoom:1 }
.clearfix:after { content:""; display:block; clear:both }

/* フォント14px基準 */
.text10 { font-size:72% }
.text11 { font-size:79% }
.text12 { font-size:86% }
.text13 { font-size:93% }
.text14 { font-size:100% }
.text15 { font-size:108% }
.text16 { font-size:115% }
.text18 { font-size:129% }
.text20 { font-size:143% }
.text22 { font-size:158% }
.text24 { font-size:172% }

.caption1 { font-size:93% }
.caption2 { font-size:93%; color:#2650af }
.caption3 { font-size:93%; color:#de3434 }
.caption4 { font-size:93%; color:#888 }

.color_red { color:#de3434 }
.color_blue { color:#0c5dbf }

.mb10 { margin-bottom:10px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
.mb50 { margin-bottom:50px }

.space { padding-bottom:40px }


/* slickスライド */
.slidelist { margin: -10px 0 10px !important }
.slidelist .slick { padding: 0 }
.slidelist .slick-list { padding: 0 10px }
.slidelist .slick-slide { padding: 0 }
.slidelist .slide__inner {
  display: block;
  padding: 10px 10px 5px;
  word-wrap: break-word;
}
.slidelist .slide__image {
  display: block;
  margin: 0 0 5px;
  text-align: center;
  position: relative;
}
.slidelist .slide__image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.slidelist .slide__image--rank-1:before {
  border: 8px solid transparent;
  border-top: 8px solid #ffeb3b;
  border-left: 8px solid #ffeb3b;
}
.slidelist .slide__image--rank-2:before {
  border: 8px solid transparent;
  border-top: 8px solid #e0e0e0;
  border-left: 8px solid #e0e0e0;
}
.slidelist .slide__image--rank-3:before {
  border: 8px solid transparent;
  border-top: 8px solid #8d6e63;
  border-left: 8px solid #8d6e63;
}
.slidelist .slide__image--rank-none:before { border: none }
.slidelist .slide__name {  }

.slidelist .slide__price--soldout { color: #f44336 }
.slick-list { padding: 0 10px }


/* モーダル */
.modal__content {
  position: absolute;
  z-index: 9999;
  display: none;
  width: 75%;
  margin: 0;
  padding: 10px 20px;
  background: #fff;
}

.overlay {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal__close {
  font-size: 114.28571%;
  display: block;
  width: 100%;
  text-align: right;
  color: #222;
}


/* SSLページ 決済 */
.shop_title { text-align: center }
.shop_title img { max-width: 200px; margin-bottom: 20px }

/* SSLページ お問い合わせ・アカウント・その他 */
.p-shop__logo { max-width: 200px !important }