@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

*{
    webkit-appearance:none;
    -webkit-appearance: none;
}

/* ************************************************
*  header
* ************************************************ */

.header-shop { width: 100%; background: url(https://gigaplus.makeshop.jp/kowado/creator/images/parts/header_bg01.jpg); }
.header-shop-inner{ display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1000px; margin: 0 auto; padding: 15px 20px; box-sizing: border-box; }
.top-buttons{ width: 50%; max-width: 250px; }
.top-logo{ width: 43%; max-width: 250px; }
.top-logo a{ display: block; }
.column-logo{ padding: 12px 0 20px 0; }
.column-logo a{ display: block; width: 65%; max-width: 400px; margin: 0 auto; }
.header-cat{ background-color: #8cd6d9; }
.header-cat-title{ line-height: 1.8em; font-size: 90%; font-weight: bold; padding: 7px 0 3px; margin: 0 !important; text-align: center; }
.header-cat-nav{ background-color: #1ba4a9; padding: 10px 15px; }
.header-cat-nav-inner{ max-width: 1000px; margin: 0 auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.header-cat-nav-inner li{ font-size: 18px; }
.header-cat-nav-inner::-webkit-scrollbar{ width: 5px; height: 5px; }
.header-cat-nav-inner::-webkit-scrollbar-thumb{ background-color: #8cd6d9; border-radius: 10px; }
.header-cat-nav-inner::-webkit-scrollbar-track{ background-color: #def6f7; border-radius: 10px; }
.header-cat-nav ul{ display: flex; justify-content: left; width: 1500px; margin: 0 auto; padding: 5px 10px 10px 10px; }
@media (min-width: 1000px) {.header-cat-nav ul{ display: flex; justify-content: center; }}
.header-cat-nav li a{ display: inline-block; padding: 5px 15px 5px 0; color: #fff; font-weight: bold; }
.header-cat-nav li a:after{ display: inline-block; content: "|"; margin-left: 15px; }
.header-cat-nav li:last-child a:after{ display: inline-block; content: ""; margin-left: 0; }

.single #bread_crumb{ background-color: #def6f7; font-size: 14px; margin: 0; padding: 0; margin-bottom: 30px; }
.single #bread_crumb ul{ display: flex; width: 100%; max-width: 1000px; margin: 0 auto; padding: 12px 12px 0 12px; }
.single #bread_crumb li a{ color: #1ba1a6; font-weight: bold; margin: 0 5px; }
.single #bread_crumb li:last-child, .single #bread_crumb li:nth-last-child(2) { display: none; }

.category #bread_crumb{ background-color: #def6f7; font-size: 14px; margin: 0; padding: 0; margin-bottom: 30px; }
.category #bread_crumb ul{ display: flex; width: 100%; max-width: 1000px; margin: 0 auto; padding: 12px; }
.category #bread_crumb li a{ color: #1ba1a6; font-weight: bold; margin: 0 5px; }
.category #bread_crumb li:last-child{ color: #1ba1a6; font-weight: bold; margin: 0 5px; }

/* ************************************************
 * category-list
 * ************************************************ */
#top_post_list .post_list_box .more{ display: none; }

/* ************************************************
 * footer
 * ************************************************ */
/* pagination */
.pagination li {
    background: #555;
}
.pagination a {
    color: #fff;
}
.pagination li.noactive {
    background: #999;
    color: #fff;
}
/* detail pagination  */
.pagination .prev_none , .pagination .next_none {
    background: #999;
}

/* footer nav */
.footer{ margin-top: 150px; }
.cate-top{ margin: 0 10px 50px 10px; }
@media (min-width: 1000px) {.cate-top{ display:none; }}
.cate-top a{ background-color: #878787; color: #fff; display: block; padding: 20px; box-sizing: border-box; width: 100%; }
.footer-sns{ margin: 15px; }
.footer-sns ul{ display: flex; justify-content: center; }
.footer-sns li{ margin: 15px; }
.footer-sns li img{ width: 55px; margin: 0 !important; }
.footer-nav ul{ border-bottom: 2px solid #fff; }
.footer-nav li{ background-color: #def6f7; }
.footer-nav li a{ display: block; padding: 15px; border-bottom: 1px solid #fff; font-weight: bold; font-size: 80%; }
.footer-bottom{ background-color: #1ba4a9; color: #fff; }
.footer-bottom ul{ display: flex; justify-content: center; padding: 15px; }
.footer-bottom li a{ display: inline-block; color: #fff; padding: 10px; }
.footer-bottom li{ position: relative; font-size: 80%; }
.footer-bottom li:first-child:after{ content: "|"; display: block; position: absolute; top: 10px; right: 0; }
.footer-copy{ padding: 50px 0 15px 0; text-align: center; }

/* ************************************************
 * detail
 * ************************************************ */
.single_post_detail .blog_inner {
    font-size: 18px;
	font-weight: 500;
}
.single_post_detail .blog_inner img{
	margin: 15px 0;
}

.post_bottom_auther{
	background-color: #def6f7;
	padding: 30px;
	margin: 30px 0;
}
.post_bottom_auther_head{
	text-align: center;
	margin-bottom: 30px;
}
.post_bottom_auther_head img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: block;
    margin: 0 auto;
}
.post_bottom_auther_head_name{
	font-weight: bold;
	font-size: 130%;
	line-height: 1.6em;
}
.auther_head_title{
	display: block;
	border-radius: 50px;
	background-color: #1ba4a9;
	color: #fff;
	text-align: center;
	padding: 10px 60px;
	margin: 15px 0;
}
.post_bottom_auther_body{
	font-weight: 500;
}
.bottom_auther_link{
    margin: 30px 0;
}
.bottom_auther_link .bottom_auther_youtube{
	background: #fff;
	display: block;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
}
.bottom_auther_link .bottom_auther_line{
	background: #06c755;
	display: block;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

div,p{
    word-break: break-all;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


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

input, select,textarea{
    vertical-align:middle;
    border:none;
    font-size:inherit;
}


/*input[type="text"],
input[type="number"],
input[type="search"],
select{
    padding:10px;
    border:1px solid #808080;
    box-sizing:border-box;
    width:100%;
}*/

select{
    background:url("/smartphone/images/template/5/icon-select.png") no-repeat 92% center;
    background-size:20px 20px;
    padding-right:36px;
}

.clear:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/***************************************

      layout

***************************************/

a {
  text-decoration: none;
  color: #212121;
}
a:active {
  background: rgba(0, 0, 0, 0.1);
}

img{
    max-width:100%;
    vertical-align:bottom;
}

img[width="1"],img[width="0"]{
    display:none!important;
}

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

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


/***************************************

      head

***************************************/

.navBar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:#fff;
    border-bottom:1px solid #fff;
}

.navBar li{
    float:left;
    width:33%;
    background:#e5e5e5;
    box-sizing:border-box;
    height:46px;
    line-height:46px;
    margin-right:0.5%;
    font-size:13px;
}

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

.navBar li a{
    display:block;
    height:46px;
}

.navBar li img{
    width:22px;
    height:22px;
    vertical-align:-6px;
    margin-right:3px;
}

#sideMenu{
    position:fixed;
    top:47px;
    right:-270px;
    width:270px;
    height:100%;
    background:#4f4f4f;
    overflow:scroll;
}

.searchArea{
    background:#333;
    padding:15px 10px;
    text-align:left;
}

.sideNav{
    margin:15px 0 100px;
    text-align:left;
    font-size:15px;
}

.sideNav,.sideNav a{
    color:#fff;
}

.sideNav li a{
    padding:10px;
    display:block;
}

.sideNav-title{
    padding: 10px;
}

.inner-sideNav{
    margin-bottom: 8px;
}

.inner-sideNav li a{
    padding-left: 25px;
}

.sideCategory{
    display:none;
}

#category_list2 {
    margin-top:5px;
}



/***************************************

      common

***************************************/

#list_item,
.item,
.rankingList{
    text-align:left;
    margin:20px auto;
    letter-spacing:-0.4em;
}

#list_item li,
.item li,
.rankingList li{
    display:inline-block;
    vertical-align:top;
    width:31%;
    margin-left:2%;
    font-size:16px;
    margin-bottom:15px;
    text-align:left;
    letter-spacing:normal;
}

#list_item li:nth-child(3n),
.item li:nth-child(3n),
.rankingList li:nth-child(3n){
    margin-right:1%;
}

#list_item .itemImgWrap,
.item .itemImg,
.rankingList .itemImg{
    text-align:center;
    margin-bottom:10px;
    position:relative;
}

.rankingNum{
    background:#2490d0;
    color:#fff;
    border-radius:50%;
    width:22px;
    height:22px;
    line-height:22px;
    display:inline-block;
    position:absolute;
    left:-3px;
    top:-3px;
}

.rankingPrice{
    font-weight:bold;
}

.item .reviewRateStar{
    width:15px;
    height:15px;
    background-size:15px 15px;
    margin:0 0.5px;
}

.item .reviewCount{
    display:none;
}

.itemDetail{
    text-align:center;
}

.item span{
    font-weight:bold;
}

.btn{
    display:inline-block;
    padding:10px;
    border-radius:6px;
    width:80%;
    box-sizing:border-box;
}


.pager{
    margin-top: 20px;
    display: inline-block;
}

.pager li{
    display: inline-block;
}

.pager span{
    display: inline-block;
    color: #333333;
    text-decoration: none;
    margin-right: 10px;
    background: #e8e8e8;
    border-radius: 50%;
    display: inline-block;
    padding: 8px 15px;
    font-size: 14px;
}

.pager span.btn-next,
.pager span.btn-prev{
    border-radius: 6px;
}

.pager span.current{
    background-color: #333;
    color: #FFF;
    border-radius: 50%;
}

/***************************************

      content

***************************************/
#main{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
#main-content{
    margin:10px 0;
}

.heading{
    font-size:16px;
}

/***************************************

      top

***************************************/

.index-section{
    margin-bottom:30px;
}

.recommendHeading,
.newHeading,
.rankingHeading{
    background:#222;
    color:#fff;
    padding:6px 0;
}


.itemListReview{
    margin:10px auto 40px;
}

.itemListReview li{
    width:100%;
    margin:0;
    display:block;
    border-bottom:1px solid #ccc;
}

.itemListReview a{
    display:block;
    padding:10px;
    box-sizing:border-box;
}

.itemListReview .itemBox{
    display:table;
}

.itemListReview .itemImg,
.itemListReview .itemDetail{
    display:table-cell;
    vertical-align:top;
}

.itemListReview .itemDetail{
    padding-left:5px;
}

.itemListReview .itemImg{
    width:80px;
}

.itemImg img{
    height:auto;
}

.reviewBox{
    margin-top:8px;
    font-size:12px;
    color:#666;
    background:#eee;
    padding:10px;
    width:100%;
    box-sizing:border-box;
}

.reviewNullText{
    text-align:center;
    padding:32px 0 48px;
}

.catlistHeading{
    text-align:left;
    padding:0 0 10px 10px;
}
.catMenu a{
    display: table;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    color: #212121;
}
.catMenu a span{
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    height: auto;
}


/***************************************

      category

***************************************/

#topicPath,
.searchPath{
    background:#eee;
    text-align:left;
    padding:10px;
    font-size:11px;
    margin-bottom:10px;
    word-wrap: break-word;
}

#topicPath,
#topicPath a,
.searchPath{
    color:#666;
}

#topicPath li{
    display:inline;
}

.moreBtn a{
    display:inline-block;
    padding:10px;
    width:80%;
    border-radius:6px;
    border:3px solid #ccc;
}

/***************************************

      利用案内/特定商取引/個人情報保護ポリシー

***************************************/


h3.catTit {
    text-align:left;
    font-size:17px;
    margin:20px 10px 25px;
}

.editContent {
    margin:0 10px 24px;
    text-align:left;
}

.editContent h4{
    font-size:14px;
    margin-bottom:20px;
}

#lawList th{
    font-size:14px;
}

#lawList td{
    font-size:13px;
    margin-bottom:30px;
    padding:15px 0 30px;
}

.editArea {
    font-size:12px;
    text-align:left;
}

.editArea pre {
    margin:10px;
    white-space:pre-wrap;
}

/***************************************

      商品レビュー

***************************************/

/* レビューの星 */
.reviewRate{
    display:inline-block;
    vertical-align:middle;
    font-size:0;
    margin:8px 0 8px -1px;
}

.reviewRateStar{
    display:inline-block;
    width:21px;
    height:21px;
    text-indent:-9999em;
    cursor:pointer;
    background:no-repeat center center;
    background-size:21px 21px;
    margin:0 1px;
}

.starOn{
    background-image:url(/smartphone/images/star_on.png);
}

.starOff{
    background-image:url(/smartphone/images/star_off.png);
}

.starHalf{
    background-image:url(/smartphone/images/star_half.png);
}


/* レビューを書く */
.reviewContent{
    text-align:left;
    margin:0 10px 24px;
}

.reviewForm dl {
    margin-bottom: 10px;
}
.reviewForm dd {
    margin-bottom: 15px;
}
.reviewForm dt {
    margin-bottom:4px;
    font-weight:bold;
}
.reviewForm dl input {
    padding: 6px 0;
    width: 99%;
}
.reviewForm dl textarea {
    padding: 6px 0;
    width: 99%;
}

.reviewForm .reviewRateStar{
    width:43px;
    height:43px;
    background-size:43px 43px;
}

.reviewContent .required {
    background: #C00;
    color: white;
    display: inline-block;
    font-size: 11px;
    margin-left: 8px;
    padding: 1px 3px;
    font-weight: normal;
}

.reviewItem{
    margin: 16px auto;
    width: 100%;
    box-sizing: border-box;
    padding:16px;
    background:#eee;
    box-sizing:border-box;
    display:table;
}

.reviewItemUnit{
    display:table-cell;
    vertical-align: middle;
    text-align:left;
}
.reviewItemName{
    padding-left:8px;
    font-size:13px;
}

.reviewItemImg{
    width:80px;
}

.reviewItemImg img{
    border: solid 1px #ccc;
    box-sizing: border-box;
    max-width:100%;
    height:auto;
}

.errorTxt{
    color:#cc0000;
    margin-bottom:5px;
}

.captionTxt{
    color:#888;
    text-align:right;
    font-size:12px;
}

.reviewText{
    border: 1px solid #808080;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height:120px;
}

.btnPost{
    background:#999;
    text-align:center;
    color:#fff !important;
    width:100%;
    padding:15px 0;
    font-size:16px;
}

#review #back .btn{
    width:auto;
    font-size:13px;
    padding:10px 30px;
    background:#eee;
}


/***************************************

      お知らせ

***************************************/
.newsHeading {
    background: #222;
    color: #fff;
    padding: 6px 0;
}

.newsList{
    margin: 15px;
}

.newsList li{
    text-align: left;
    margin-bottom: 5px;
}

.newsDate,
.newsTitle{
    vertical-align: top;
    display: table-cell;
}

.newsDate {
    color:#999;
    padding: 2px 5px 2px 0px;
    white-space: nowrap;
    font-size: 10px;
}

.newsTitle{
    font-size: 12px;
}

.newsIndexLink{
    margin-bottom: 10px;
}

/* お知らせ詳細 */

.newsMain{
    padding: 15px;
    text-align: left;
}

.newsMain .newsMainInfo{
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
    text-align: right;
}

.newsMain .newsMainTitle{
    font-size: 14px;
    margin-bottom: 10px;
}

.newsMain .newsMainWrap{
    margin-bottom: 30px;
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
}

.newsMain .newsMainContent{
    font-size: 12px;
    padding: 20px 10px 50px;
}

.newsMain .newsMainPager{
    width: 100%;
    margin-bottom: 20px;
    overflow:hidden;
}

.newsMain .newsMainPager li{
    text-align: center;
}

.newsMain .newsMainPager a{
    display: inline-block;
    background: #e5e5e5;
    color: #333;
    width: 25%;
    white-space: nowrap;
}

.newsMain .newsMainPager a.btnPrev{
    float: left;
}

.newsMain .newsMainPager a.btnNext{
    float: right;
}

.newsMain .newsIndexBtn a{
    background: #333;
    color: #fff;
    width: 100%;
    text-align: center;
}

/* お知らせ一覧 */

.newsListAll{
    margin-bottom: 30px;
}

.newsListAll .newsListContent li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #999;
}

.newsListAll .newsDate,
.newsListAll .newsTitle{
    display: block;
}

.newsListAll .newsDate{
    font-size: 12px;
}

.newsListAll .newsTitle{
    font-size: 14px;
}

.newsTitle{
    font-size: 12px;
}

.newsListPager{
    margin: 0 auto;
    font-size: 12px;
}

#header{
  margin-bottom:15px;
}
body > iframe{
  display: none;
}
.hBnrList{
  margin:10px 0px 20px;
  padding:0px 10px;
}
.hBnrList__unit{
  width:20%;
  float:left;
  text-align:center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px 2px;
}

.section {
  padding-bottom:20px;
}
.section__inner {
  padding: 20px 10px;
}
.section__inner--side{
  padding:0px 10px;
}
.section--main{
  margin-bottom:50px;
}
.section--slider{
  margin-bottom:40px;
}
.section--shopname{
  padding-bottom:0;
}

/* ツールバー */
.gNav {
  border-top: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
  position: static;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
}

.gNav__inner {
  margin: 0;
  padding: 0 5px;
  position:relative;
}

.gNav__unit {
  list-style: none;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height:55px;
}
.gNav__unitInner{
  display: inline-block;
}
.gNav__unit a,.gNav__unitInner > span {
  color: #212121;
  padding: 2px 10px 0px;
  height: 55px;
  display: table;
}
.gNav__unitInner > span:active{
  background: rgba(0, 0, 0, 0.1);
}
.gNav__unit a .js-wrap,.gNav__unitInner > span .js-wrap {
  display: table-cell;
}
.gNav__unit a i,.gNav__unitInner > span i {
  vertical-align: middle;
  position:relative;
  top:-1px;
}

.gNav__unit {
  float: left;
  width:33.33333%;
  text-align:center;
}
.gNav__unit span {
  margin: 0 0 0 0px;
  vertical-align: middle;
  font-size: 12px;
  white-space: nowrap;
}
.gNav__unit span.js-toggle.open{
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: block;
  width: 100%;
  height: 100%;
}
.gNav__unit--cart .gNav__unit__count {
  font-weight: bold;
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.gNav__unit--menu{
  text-align: center;
  cursor: pointer;
}
.gNav__unit--search{
  text-align: center;
}
.gNav__unit--cart{
  text-align: center;
}
.gNav__unit img{
  max-width:50%;
}

/*ヘッダー検索*/
.tSearch{
  position:absolute;
  width:100%;
  top:100%;
  left:0;
  margin-top:1px;
  background:white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:22px 3% 25px;
  text-align:center;
  display: none;
  border-bottom:solid 1px #ccc;
  z-index:1;
}
.tSearch.open{
  display: block;
}
.tSearchList{
  margin:0;
  padding:0;
  display: inline-block;
}
.tSearchList__unit{
  text-align:center;
  list-style:none;
}
.tSearchList__unit:nth-child(n+2){
  margin-top:15px;
}
.tSearchList__text{
  width:100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
  font-size:14px;
  line-height:25px;
  display: inline-block;
  float:left;
}
.tSearchList__inputArea{
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:left;
  display: inline-block;
  margin:0;
  float:left;
}
.tSearch__input{
  float:left;
  height:30px;
  width:120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:white;
  border:solid 1px #ccc;
  border-right:none;
  padding:3px 5px;
  -webkit-appearance: none !important;
}
.tSearch__submit{
  float:left;
  height:30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.tSearch__selectWrap{
  position:relative;
}
.tSearch__selectWrap:after{
  content:"";
  position:absolute;
  right:0px;
  top:0px;
  display: inline-block;
  width:30px;
  height:30px;
  background:url("http://gigaplus.makeshop.jp/<?php echo CK_CMS_ID;?>/images/sp-icon-down.jpg") no-repeat right center;
  background-size:30px 30px;
  pointer-events: none;

}
.tSearch__select{
  background:white;
  border:solid 1px #ccc;
  width:165px;
  height:30px;
  font-size:12px;
  vertical-align: top;
  height:30px;
  line-height:30px;
  display: block;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:5px;
}

/* ヘッダー */
.shopname {
  text-align: center;
  margin: 0;
  font-size: 114.28571%;
}
.shopname a {
  font-weight: bold;
  color: #212121;
  display: block;
  font-size:32px;
  line-height:1;
}


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

.linkList__unit {
  border-bottom: solid 1px #e0e0e0;
  list-style: none;
  text-align:left;
}
.linkList__unit a {
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 20px;
  color: #212121;
}
.linkList__unit a span {
  display: table-cell;
  vertical-align: middle;
}

.linkList__unit--point {
  background: #212121;
}
.linkList__unit--point a {
  color: #fff;
}

.linkList__unit__text {
  width: 80%;
  height: auto;
}

.linkList__unit__icon {
  width: 10%;
  height: auto;
  text-align: right;
}

.section--sns {
  text-align: center;
}

.snslink {
  text-align: center;
  margin: 0 3px 0;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-table;
  width: 44px;
  height: 44px;
}
.snslink i {
  display: table-cell;
  vertical-align: middle;
}

.snslink--twitter {
  background: #00acee;
}

.snslink--facebook {
  background: #3b579d;
}

.snslink--instagram {
  background: #393939;
}

.snslink--google {
  background: #d95333;
}

.snslink--pinterest {
  background: #c9232d;
}

.section--address {
  text-align: center;
}

.copyright {
  margin: 10px 0 10px;
  font-size: 10px;
  text-align:center;
}

.powered {
  font-size: 12px;
  color: #212121;
}
.powered img {
  width: 190px;
  margin: 0 0 -3px 3px;
}

/* ドロワー */
.drawer.open {
  left: 0;
}
.drawer {
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 300px;
  height: 100%;
  background: #fff;
  -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;
}
.drawerTop{
    position:relative;
}
.dTopBnrList{
  padding:10px 20px;
}
.dTopBnrList__unit{
  width:48%;
  float:left;
  text-align:center;
}
.dTopBnrList__unit:nth-child(2n){
  float:right;
}
.drawer .linklist__item a{
  display: block;
}
.drawer__item--close {
  padding-right: 20px;
  text-align: right;
  line-height:70px;
}
.drawer__item--close a {

}

.drawer__item {
  border-bottom: 1px solid #ededed;
  font-size:12px;
}
.drawer__item .drawer__item{
 border:none;
}
.js-ac--active + ul{
  border-top:solid 1px #ededed;
}
.js-ac--active + ul li:last-child{
  border-bottom:none;
}

.drawer__item__name {
  font-size: 100%;
  font-weight: normal;
  display: table;
  line-height: 1;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.drawer__item__name__text {
  width: 70%;
  vertical-align: middle;
  line-height:20px;
}
.drawer__item--accordion ul .drawer__item__name__text:before,.drawer__item--accordion ul .linklist__item__text:before{
  content:"-";
  display: inline-block;
  margin:0px 10px;
}
.drawer__item--accordion ul ul .linklist__item__text:before{
  content:"-";
  display: inline-block;
  margin:0px 10px 0px 20px;
}

.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: 0px 0;
  list-style: none;
  display: none;
}
.drawer__item--accordion ul.open {
  display: block;
}
.drawer__item--accordion .drawer__item--accordion ul{

}
.drawer__item--accordion .linklist__item {
  border-bottom:solid 1px #ededed;
}
.drawer__item--accordion .linklist__item:last-child {
  border-bottom:none;
}
.drawer__item--accordion .linklist__item a {
  padding: 20px 20px;
}
.js-close{
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-15px;
}

/*
 * top
 */
.js-hidden {
  display: none !important;
}
.moreinfo {
  overflow: hidden;
  max-height: 70px;
}
.js-moreinfo--active {
  max-height: none;
}


/*
 * product
 */
.linkList--breadcrumb .linkList__unit__icon {
  width: 6%;
  text-align: left;
}

.prices {
  margin: 0 0 20px;
}

.price {
  font-weight: bold;
  color:#fc000f;
}

.price--regular {
  text-decoration: line-through;
  color: #aaa;
}

.price--rate {
  color: #f44336;
}

.taglist {
  margin: 0 0 20px;
}
.taglist p {
  margin: 0 0 10px;
}
.taglist .button--tag {
  margin: 0 6px 10px 0;
}

.description {
  margin: 0 0 20px;
}

.buy__inner {
  margin: 0 0 20px;
}

.stock_error {
  font-weight: bold;
  text-align: center;
  color: #f44336;
}

.table {
  width: 100%;
  height: auto;
}

.table--bordered {
  font-size: 12px;
  border-top: 1px solid #ddd;
}
.table--bordered th {
  font-weight: normal;
  width: 50%;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.table--bordered td {
  width: 50%;
  text-align: center;
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}

.otherlist {
  padding: 0;
  list-style: none;
}

.share {
  width: 88px;
  float: left;
  text-align: center;
  margin: 10px 0 0;
}

.imagelist.slick-slider {
  margin: 0 0 50px;
}
.imagelist.slick-slider .slick-slide {
  padding: 0 40px;
  text-align: center;
}

.js-oneimage {
  padding: 0 !important;
}

/*
 * product-list
 */
.boxlist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.box {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.box *{
  text-align:center;
  line-height:1.2rem;
}
.boxlist--column .box *{
  text-align:left;
}
.js-tile img{
    opacity: 1 !important;
    display: inline-block !important;
}
.box .box__inner {
  display: block;
  padding: 6px 6px 15px;
  word-wrap: break-word;
  height:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box .itemImg{
    display: block;
    margin: 0 0 15px;
    text-align: center;
    position: relative;
}
.box .itemImg img{
  width:100%;
}
.box span{
    /*font-weight: bold;
    color: #fc000f;*/
}
.box .box__inner img{
    display: inline-block;
}
.box:nth-child(even) .box__inner {
  padding-left:7px;
}
.box:nth-child(odd) .box__inner {
  /*border-right:solid 1px #d0d0d0;*/
}
.box .box__image {
  display: block;
  margin: 0 0 15px;
  text-align: center;
  position: relative
}
.box .box__image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.box .box__image--rank-1:before {
  border: 10px solid transparent;
  border-top: 10px solid #ffeb3b;
  border-left: 10px solid #ffeb3b;
}
.box .box__image--rank-2:before {
  border: 10px solid transparent;
  border-top: 10px solid #e0e0e0;
  border-left: 10px solid #e0e0e0;
}
.box .box__image--rank-3:before {
  border: 10px solid transparent;
  border-top: 10px solid #8d6e63;
  border-left: 10px solid #8d6e63;
}
.box .box__image--rank-none:before {
  border: none;
}
.box .box__name {
  color: #212121;
}
.box .box__price {
  font-weight: bold;
  color: #fc000f;
}
.box .box-price__soldout {
  color: #f44336;
}
.box .box__caption {
  font-size: 12px;
  color: #999;
  line-height: 1rem;
}

.js-tile:nth-child(odd) {
  clear: left;
}

.section--together .box {
  width: 33.33%;
}

.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 {
  font-size: 12px;
  line-height: 1.2rem;
  margin: 0 0 5px;
  color: #212121;
}
.slidelist .slide__price {
  font-size: 12px;
  line-height: 1.2rem;
  font-weight: bold;
  margin: 0 0 5px;
  color: #212121;
}
.slidelist .slide__price--soldout {
  color: #f44336;
}

.slick-list {
  padding: 0 10px;
}

.result {
  margin: 10px 0 20px;
}
.result span {
  font-size: 114.28571%;
  font-weight: bold;
}

.sort {
  text-align: center;
}

.pager {
  padding: 0 20px;
}

.rest {
  text-align: center;
  margin: 20px 0 35px;
}
.rest span {
  font-size: 114.28571%;
  font-weight: bold;
}

.pager__prev {
  float: left;
  line-height: 1;
  margin: 0 0 20px;
}
.pager__next {
  float: right;
  line-height: 1;
  margin: 0 0 20px;
}

.subs_title {
  padding: 0 20px 20px;
  border-bottom: solid 1px #e0e0e0;
}

.section--list .boxlist {
  padding: 10px 10px 0;
  margin: 0;
}

.freespace01 {
  margin: 0 0 20px;
  font-size: 12px;
}

.freespace02 {
  font-size: 12px;
}

/*
 * 特商法・その他
 */
.deflist {
  margin: 0;
}

.deflist__title h3 {
  margin: 10px 0 2px;
}

.deflist__body {
  margin: 0 0 15px;
  font-size: 12px;
}

.section--privacy p {
  font-size: 12px;
}

.section--search .button {
  float: right;
}

.section--push ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

/*
 * パーツ
 */
.slick-slide img {
  margin: 0 auto;
}

.button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: none;
  display: inline-block;
}

.button--blue {
  background: #2b98f2;
  color: #fff;
}

.button--orange {
  background: #ff5722;
  color: #fff;
}

.button--line {
  border: 1px solid #2196f3;
  color: #2196f3;
}

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

.button--sort {
  font-size: 12px;
  padding: 5px 8px;
  width: 28%;
}

.button--tag {
  font-size: 12px;
  padding: 5px 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.button--small {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 100%;
  padding: 14px 0;
  width: 25%;
  line-height: 1;
}

.button--medium {
  font-size: 100%;
  padding: 13px 0;
  margin: 10px 0;
  width: 100%;
  line-height: 1;
}

.button--large {
  font-size: 114.28571%;
  font-weight: bold;
  padding: 20px 0;
  width: 100%;
}

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

input[type="text"].keyword {
  font-size: 12px;
  background: #fff;
  color: #212121;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"].keyword--small {
  width: 68%;
  height: 44px;
}
input[type="number"].buy__num, input[type="text"].buy__num {
  padding: 8px 10px;
  width: 15%;
}
input[type="text"].buy__name-title {
  padding: 8px 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pulldown {
  width: 100%;
  height: 44px;
  background: #fff;
  margin: 0 0 15px;
  border: 1px solid #bdbdbd;
}

/*
 * モーダル
 */
.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: #212121;
}

.button--more{
  cursor: pointer;
}
.fa-lg{
  font-size:23px !important;
}

/*お知らせ*/
.infoList{
  margin:0;
}
.infoList dt{
  float:left;
  width:20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
  padding-bottom:5px;
}
.infoList dd{
  padding:0;
  width:77%;
  float:left;
  margin-left:3%;
  padding-bottom:5px;
}

/*バナーリスト*/
.bnrList{
  padding:0;
  margin:0;
}
.bnrList__unit{
  list-style:none;
  position:relative;
  text-align:center;
}
.bnrList__title{
  display: inline-block;
  font-weight:bold;
  font-size:16px;
  margin:8px 0px 6px;
}
.bnrList__img{
  width:100%;
}
.bnrList__unit img{
  width:100%;
}
.bnrList__bottomText{
  display: inline-block;
  margin-top:10px;
  width:100%;
  text-align:center;
  padding-bottom:5px;
}
.bnrList__link{
  display: block;
}

/*フルサイズ*/
.bnrList--full .bnrList__unit:nth-child(n+2){
  margin-top:15px;
}
.bnrList--full .bnrList__bottomText{
  padding:0px 10px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*ハーフサイズ*/
.bnrList--half .bnrList__unit{
  width:49%;
  float:left;
}
.bnrList--half .bnrList__unit:nth-child(n+2){
  margin-left:2%;
}
.bnrList--half .bnrList__unit:nth-child(2n+1){
  margin-left:0%;
  clear:both;
}
.bnrList--half .bnrList__unit:nth-child(n+3){
  margin-top:15px;
}
/*横3列*/
.bnrList--3 .bnrList__unit{
  width:32%;
  float:left;
}
.bnrList--3 .bnrList__unit:nth-child(n+2){
  margin-left:2%;
}
.bnrList--3 .bnrList__unit:nth-child(3n+1){
  margin-left:0;
  clear:both;
}
.bnrList--3 .bnrList__unit:nth-child(n+4){
  margin-top:15px;
}
/*横4列*/
.bnrList--4 .bnrList__unit{
  width:23.5%;
  float:left;
}
.bnrList--4 .bnrList__unit:nth-child(n+2){
  margin-left:2%;
}
.bnrList--4 .bnrList__unit:nth-child(4n+1){
  margin-left:0;
  clear:both;
}
.bnrList--4 .bnrList__unit:nth-child(n+5){
  margin-top:25px;
}
.bnrList__title{
  margin-top:5px;
  /*font-weight:bold;*/
}
.bnrList__text{
  margin-top:5px;
}


/*バナーのホバーテキストセット*/
.js-popBnrText{
  position:relative;
}
.js-popBnrText *{
  touch-callout:none;
  user-select:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
}
.popBnr{
  position:absolute;
  top:0px;
  left:0px;
  text-align: center;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  display: none;
}
.popBnr__box{
  display: table;
  width:100%;
  height:100%;
  color:white;
}
.popBnr__inner{
  display: table-cell;
  padding:10px;
  vertical-align: middle;
}
.popBnr__title{
  font-family: YuMincho, "游明朝","Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  font-size:14px;
}
.popBnr__text{
  margin-top:10px;
}


/* フッター */
footer {
  margin: 50px 0 0;
  padding-top:20px;
}

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

.linkList__unit {
  border-bottom: solid 1px #e0e0e0;
  list-style: none;
}
.linkList__unit:first-child {
  border-top: solid 1px #e0e0e0;
}
.linkList__unit a {
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 15px 20px;
  color: #212121;
}
.linkList__unit a span {
  display: table-cell;
  vertical-align: middle;
}

.linkList__unit--point {
  background: #0168b7;
}
.linkList__unit--point a {
  color: #fff;
}

.linkList__unit__text {
  width: 80%;
  height: auto;
}

.linkList__unit__icon {
  width: 10%;
  height: auto;
  text-align: right;
}

.section--sns {
  text-align: center;
}

/*CONTENTS*/
.itemList--contents{
  background:black;
}
.itemList--contents .itemList__unit{
  width:33.3333333333%;
  float:left;
}
.itemList--contents .itemList__unit:nth-child(3n+1){
    clear: both;
}
.itemList--contents .itemList__unit img{
  width:100%;
}
.cartMenu{text-align:center;}

.cInner{
  margin:0px 10px;
}
.topSlider{
  padding:10px 0px;
  background:#0168b7;
}
.section--topBnr{
  padding:10px 0px;
  text-align:center;
}
.sp-buttons{
  position:absolute !important;
  bottom:-30px;
}
.sp-button{
  width:10px !important;
  height:10px !important;
  margin:6px !important;
}

.media{
  margin-top:-40px;
}
.borderWrap{
  border:solid 5px #f2f2f2;
  padding: 0px 10px;
}
.borderWrap--media{
  padding-top:50px;
}
.borderInner{
  padding:20px 15px 20px;
}
.media__topTitle{
  position:relative;
  top:50px;
  left:0px;
  width:100%;
}
.mainTitle{
  font-size:20px;
  text-align: center;
  line-height:1;
  padding:18px 0px;
  border-bottom:solid 5px #f2f2f2;
  position:relative;
  font-weight:bold;
}
.mainTitle--search{
  border-bottom:none;
}
.mainTitle--media{
  margin-top:-10px;
}
.mainTitle--mb{
  margin-bottom:20px;
}
.info td,.voice td,.news td{
  padding-bottom:5px;
  height:22px;
}
.info tr td:nth-child(1),.voice tr td:nth-child(1),.news tr td:nth-child(1){
  padding-right:13px;
}
.moreBtnWrap{
  padding-top:10px;
  text-align:right;
}
.moreBtn{
  padding:3px 10px;
  border-radius: 35px;
  line-height:1;
  background:#ffff01;
  color:#006ab3 !important;
  font-size:14px;
  -webkit-transition: all .25s;
     -moz-transition: all .25s;
      -ms-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
.moreBtn:hover{
  text-decoration: none;
  opacity: 0.8;
}

.section--main--media{
  margin-bottom:30px;
}
.section--main--topBnr{
  margin-bottom:30px;
}
.voice{
  max-height:175px;
  overflow:auto
}

.about__inner{
  padding:10px 15px 25px;
  background:#f3faff;
  border:solid 4px #0168b7;
}
.about__text{
  line-height:1.6;
}
.mainTitle--about{
  text-align:center;
}
.pc-switcher{display: none;}

.fContact{
  margin:0px 0px;
  text-align: center;
}
.fContact img{
  width:100%;
}

.headerTitle{
  padding:5px 0px;
  color:white;
  background:#0168b7;
  margin:0 !important;
  padding: 15px;
}
.headerTitle p{
  font-size:14px;
  font-weight:normal;
    line-height:1.4;
}