@charset "UTF-8";
/*子テーマ用「base.css」*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　全体・共通　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 背景色を白に */
body{
	font-family: "Josefin Sans", sans-serif !important;
	background-color:#fff !important;
}
/* リンク設定 */
a{ color:rgb(0,177,187);text-decoration:none; }
a:hover{ text-decoration:underline !important; }
/* ヘッダーメニューのホバーアンダーラインを非表示 */
#menu a:hover{ text-decoration:none !important; }
/* カテゴリーリンクは文字色そのまま */
.cat_link{ color:#333; }
/*タイトル上のボーダーを非表示*/
.keni-header_wrap{
	padding-top: 0px;
	background-size: 0px 0px;
}
/*記事タイトルのボーダーを非表示*/
.keni-section h1{
	background-size: 0px 0px;
}
/*アーカイブのボーダーを非表示*/
.archive_title{
	background-size: 0px 0px;
}
/* ぱんくずの設定カスタマイズ */
.keni-breadcrumb-list_wrap{ border:none;margin:auto; }
.keni-breadcrumb-list_inner{ white-space:nowrap;overflow:auto; }

/* その他クラス */
.bold{ font-weight:bold; }

.px10{ font-size:10px; }
.px12{ font-size:12px; }
.px24{ font-size:24px; }
.px36{ font-size:36px; }

.txt_c{ text-align:center; }

.c_b{ clear:both; }

.w40{ width:40px; }
.w100p{ width:100%;height:auto; }

.lh200{ line-height:200%; }

.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt50{ margin-top:50px !important; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　ヘッダー　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 元のクラスに追加 */
.keni-header_wrap{ background-color:rgb(0,177,187); }
/*.keni-header_outer{ text-align:center;padding:15px 0 15px 0;position:relative; }*/
.keni-header_outer{ text-align:center;position:relative; }

/* スマホのハンバーガーメニューオープンボタンの背景など */
.keni-gnav_btn{ background-color:rgb(0,177,187); }
.keni-gnav_btn_icon-open,.keni-gnav_btn_icon-open::before,.keni-gnav_btn_icon-open::after{ background-color: #FFF; }
.keni-gnav_btn_icon-close::before{ color: #FFF; }

/* SNSボタンの表示領域設定と各アイコンの設定 */
.hdr_sns_wrap{ position:absolute;top:15px;right:0; }
.hdr_sns_icon01{ height:40px;margin-right:10px; }
.hdr_sns_icon02{ height:40px;margin-right:10px; }
.hdr_sns_icon03{ height:40px; }

/* メインアイコンのサイズ・SNSボタンの表示/非表示 */
/* スマホ */
@media screen and (max-width: 767px) {
	.hdr_icon{ width:250px; }
	.ftr_icon{ width:250px; }
	.hdr_sns_wrap{ display:none; }
	
	/* メニューを追随させない */
	.keni-header_wrap { position:static !important;padding-top:0 !important; }
	/* ハンバーガーメニューを追随させない */
	.keni-gnav_btn{ position: absolute; }
	/* なぜか余白が出るので、詰めておく */
	.keni-container{ padding-top:0px !important; }
	/*
	.anc_hide{ opacity:0 !important;visibility:hidden !important; }
	.anc_show{ opacity:1 !important;visibility:visible !important; }
	*/
	.anc_hide{  }
	.anc_show{  }
	
}
/* PC */
@media screen and (min-width: 768px) {
	.hdr_icon{ width:300px; }
	.ftr_icon{ width:300px; }
	.hdr_sns_wrap{  }
	.keni-header_outer{ padding:15px 0 15px 0; }
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　グローバル　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 元のクラスに追加 */
/* スマホ */
@media screen and (max-width: 767px) {
	/* スマホハンバーガーメニュー */
	.keni-gnav_inner{ width:100%; }
	.search-box{ max-width:100%; }
	.keni-gnav_inner li a span{ font-size:12px; }
	#keni_search input{ font-size:16px; }
	
	.keni-header_wrap{ transition: opacity .8s, visibility .8s; }
	.keni-gnav_btn{ transition: opacity .8s, visibility .8s;background-color:rgba(0,177,187,0) !important; }
	
	/* 既定クラスに追記 */
	.page-top{ bottom:80px; }
	.keni-footer{ padding-bottom:55px; }
	
	/* GTMのバナー表示 */
	#blog_gtm_bnr_pc{ display:none;height:0px;width:0px; }
	#blog_gtm_bnr_sp{ width:100%;height:80px;background-color:rgba(0,0,0,0.2);text-align:center;position:fixed;bottom:0; }
	#blog_gtm_bnr_sp img{ width:340px; }
	
}
/* PC */
@media screen and (min-width: 768px) {
	.keni-gnav_wrap{ padding-bottom:5px;border-bottom:2px #ddd solid; }

	/* GTMのバナー表示 */
	#blog_gtm_bnr_pc{ margin-top:15px; }
	#blog_gtm_bnr_pc img{ width:300px; }
	#blog_gtm_bnr_sp{ display:none;height:0px;width:0px; }
	
}

/* グローバルメニューのアイコンサイズと配置 */
.menu-image{ width:40px !important;vertical-align:bottom !important;margin-right:-10px !important; }
.keni-gnav_inner ul{ margin:auto; }

.keni-gnav_btn{ background-color:rgb(0,177,187); }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　フロントページ　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.top_title_str{ font-size:30px;font-weight:bold;text-align:center;letter-spacing:0.3em;text-indent:0.3em;margin-top:30px; }

.top_rank_div{ width:150px;display:inline-block;margin:0 15px 0 15px;vertical-align:top;white-space:normal; }
.top_rank_svg{ width:20px;vertical-align:baseline; }

.top_srv_shadow{ filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.1)); }

/* スマホ */
@media screen and (max-width: 767px) {
	.anc_top_bnr01{  }
	.anc_top_bnr02{ width:49%;margin-top:10px;text-align:left;float:left; }
	.anc_top_bnr03{ width:49%;margin-top:10px;text-align:right;float:right; }
	
	.top_new_row01{ width:100%; }
	.top_new_div01{ padding:10px; }
	.top_new_div02{ padding:10px; }
	.top_new_div03{ padding:10px; }
	.top_new_row02{ width:100%; }
	.top_new_div04{ padding:10px; }
	.top_new_div05{ padding:10px; }
	.top_new_div06{ padding:10px; }
	.top_new_div07{ padding:10px; }
	
	.top_new_img_big{ margin-bottom:10px; }
	.top_new_img{ width:30%;display:inline-block; }
	.top_new_str{ width:65%;display:inline-block;vertical-align:top; }
	.top_new_str_01{ font-size:12px;line-height:150%; }
	.top_new_str_02{ display:none; }
	.top_new_str_03{ font-size:14px;line-height:150%; }
	
	.top_search_div{ width:100vw;position: relative;left: 50%;transform: translateX(-50%);background-color:rgb(245,202,211);padding:20px 0 20px 0;margin-top:30px; }
	.top_search_inner_div{  }
	.top_search_left{ text-align:center;border-bottom:1px black solid;font-size:0px;padding-bottom:20px; }
		.top_search_cat{ display:inline-block;text-align:center;vertical-align:top;margin-top:20px;width:40%; }
		.top_search_img{ border-radius:50%;height:100px;width:100px; }
		.top_search_txt{ width:calc(100% - 50px) !important;float:left;border-radius:0px;padding:0 5px 0 5px;height:50px; }
		.top_search_btn{ background-color:rgb(51,51,51);float:left;padding:10px; }
	.top_search_right{ padding:20px;text-align:center; }
		.top_search_right_wrap{ border:3px #fff solid;padding:20px; }
		.top_search_right_txt{ text-align:center;margin-top:0px;font-weight:bold;font-size:14px; }
		.top_search_right_btn{ text-align:center;color:#fff;line-height:50px;background-color:rgb(51,51,51);font-weight:bold;margin-top:10px; }
	
	.top_rank_wrap{ width: 100%; overflow-x: scroll; white-space: nowrap;margin-top:30px; }	.top_rank_str_01{ font-size:12px;line-height:150%;margin-top:10px; }
	.top_rank_str_02{ font-size:14px;line-height:150%; }
	.top_rank_arrow_div{ height:0px; }
	.top_rank_arrow_l_div{ float:left;border-radius:50%;height:50px;width:50px;background-color:rgb(0,177,187);opacity:0.8;position:relative;top:-150px;left:-20px;cursor:pointer;padding:5px; }
	.top_rank_arrow_l_img{ width:40px;height:40px; }
	.top_rank_arrow_r_div{ float:right;border-radius:50%;height:50px;width:50px;background-color:rgb(0,177,187);opacity:0.8;position:relative;top:-150px;right:-20px;cursor:pointer;padding:5px; }
	.top_rank_arrow_r_img{ width:40px;height:40px;transform:rotate(180deg); }

	.top_service_div{ width:100vw;position: relative;left: 50%;transform: translateX(-50%);background-color:rgb(244,242,230);padding:20px 0 100px 0;margin-top:50px;margin-bottom:-60px;text-align:center; }
	.top_service_left{ display:inline-block;max-width:45%;margin-top:30px; }
	.top_service_right{ display:inline-block;max-width:45%; }
	
}
/* PC */
@media screen and (min-width: 768px) {
	.anc_top_bnr01{  }
	.anc_top_bnr02{ width:49%;margin-top:15px;text-align:left;float:left; }
	.anc_top_bnr03{ width:49%;margin-top:15px;text-align:right;float:right; }
	
	.top_new_row01{ display:flex;flex-wrap:wrap; }
	.top_new_div01{ width: calc(100% / 3);padding:10px; }
	.top_new_div02{ width: calc(100% / 3);padding:10px; }
	.top_new_div03{ width: calc(100% / 3);padding:10px; }
	.top_new_row02{ display:flex;flex-wrap:wrap; }
	.top_new_div04{ width: calc(100% / 4);padding:10px; }
	.top_new_div05{ width: calc(100% / 4);padding:10px; }
	.top_new_div06{ width: calc(100% / 4);padding:10px; }
	.top_new_div07{ width: calc(100% / 4);padding:10px; }
	.top_new_str_01{ font-size:12px;line-height:200%;margin-top:15px; }
	.top_new_str_02{ font-size:14px;line-height:200%; }
	.top_new_str_03{ display:none; }
	
	.top_search_div{ width:100vw;position: relative;left: 50%;transform: translateX(-50%);background-color:rgb(245,202,211);padding:20px 0 20px 0;margin-top:50px; }
	.top_search_inner_div{ margin:auto;width:800px; }
	.top_search_left{ width:65%;float:left;text-align:center;border-right:1px black solid;font-size:0px; }
		.top_search_cat{ display:inline-block;text-align:center;vertical-align:top;margin-top:20px;margin-right:20px; }
		.top_search_img{ border-radius:50%;height:100px;width:100px; }
		.top_search_txt{ width:calc(100% - 50px) !important;float:left;font-size:14px;border-radius:0px;padding:0 5px 0 5px;height:50px; }
		.top_search_btn{ background-color:rgb(51,51,51);float:left;padding:10px; }
	.top_search_right{ width:35%;float:right;padding:20px 0px 20px 20px;text-align:center; }
		.top_search_right_wrap{  }
		.top_search_right_txt{ text-align:center;margin-top:30px;font-weight:bold; }
		.top_search_right_btn{ text-align:center;color:#fff;line-height:50px;background-color:rgb(51,51,51);font-weight:bold;margin-top:0px; }
	
	.top_rank_wrap{ width: 100%; overflow: hidden; white-space: nowrap;margin-top:30px; }
	.top_rank_str_01{ font-size:12px;line-height:200%;margin-top:15px; }
	.top_rank_str_02{ font-size:14px;line-height:200%; }
	
	.top_rank_arrow_div{ height:0px; }
	.top_rank_arrow_l_div{ float:left;border-radius:50%;height:50px;width:50px;background-color:rgb(0,177,187);opacity:0.8;position:relative;top:-170px;left:-50px;cursor:pointer;padding:5px; }
	.top_rank_arrow_l_img{ width:40px;height:40px; }
	.top_rank_arrow_r_div{  float:right;border-radius:50%;height:50px;width:50px;background-color:rgb(0,177,187);opacity:0.8;position:relative;top:-170px;left:60px;cursor:pointer;padding:5px; }
	.top_rank_arrow_r_img{ width:40px;height:40px;transform:rotate(180deg); }
	
	.top_service_div{ width:100vw;position: relative;left: 50%;transform: translateX(-50%);background-color:rgb(244,242,230);padding:20px 0 100px 0;margin-top:50px;margin-bottom:-90px;text-align:center; }
	.top_service_left{ display:inline-block;margin-right:20px;max-width:380px;margin-top:30px; }
	.top_service_right{ display:inline-block;max-width:380px; }
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　記事ページ　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.article-body h2 {
position: relative;
padding: 0.7em 0.5em;
background: #00BAC4;
}

.article-body h2:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border: 8px solid #fff;
border-top: 8px solid rgba(0,0,0,0.5);
border-left: 8px solid rgba(0,0,0,0.5);
}

.article-body h3 {
border-bottom: solid 3px #00BAC4;
border-top:0;
position: relative;
color:#333;
font-size:20px;
}

.article-body h3:after {
position: absolute;
content: "";
display: block;
border-bottom: solid 3px #FB869E;
bottom: -3px;
width: 30%;
}

.article-body h4 {
position: relative;
display: inline-block;
padding-left:30px;
color:#333;
border:0;
}

.article-body h4:before{
content: "";
position: absolute;
top: 25%;
display: inline-block;
width: 20px;
border-top: solid 5px #00BAC4;
border-bottom: solid 5px #FB869E;
left:0;
}

.article-body h5 {
padding: 0.25em 0.5em;
color: #494949;
background: transparent;
border-left: solid 8px #00BAC4;
border-bottom:0;
}

#anc_tbl th{ color:#fff;background-color:rgb(0,177,187);text-align:left; }
#anc_tbl .td_title{ background-color:rgb(234,252,252); }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　サイドバー　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* スマホ */
@media screen and (max-width: 767px) {
	.keni-sub{ padding:10px; }
}
	
.side_search_txt{ height:50px;padding:5px;width:calc(100% - 50px);border-radius:0px;border:1px rgb(51,51,51) solid; }
.side_search_btn{ background-color:rgb(51,51,51);width:50px;height:50px;vertical-align:top;cursor:pointer; }

.side_contact_div{ margin-top:30px;text-align:center;padding:20px;border:1px rgb(51,51,51) solid; }
.side_contact_btn{ background-color:rgb(51,51,51);color:#fff;line-height:40px;margin-top:15px; }

.side_cat_wrap{ font-size:0px;margin-top:30px;border-top:1px rgb(51,51,51) solid;padding-top:30px;text-align:center; }
.side_cat_glasses{ height:24px;vertical-align:-10%; }
.side_cat_div{ display:inline-block;text-align:center;vertical-align:top;margin-top:20px;width:50%; }
.side_cat_img{ border-radius:50%;height:100px;width:100px; }

.side_sns_div{ border:3px #05a5ab solid;padding:10px 30px 30px 30px;text-align:center;margin-top:30px; }
.side_sns_moji{ width:200px;text-align:center;background-color:#fff;color:#05a5ab;font-size:18px;font-weight:bold;margin:auto;position:relative;top:-20px; }


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　フッター　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 元のクラスに追加 */
.keni-footer_wrap{ background-color:rgb(0,177,187);text-align:center;color:#fff; }

/* リンク */
.ftr_link{ color:#fff; }
.ftr_link:hover{ text-decoration:underline !important; }

/* スマホ */
@media screen and (max-width: 767px) {
	.keni-footer_outer{	padding: 30px 0 5px 0; }
}
/* PC */
@media screen and (min-width: 768px) {
	.keni-footer_outer{	padding: 30px 0 0 0; }
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　商品表示のショートコード用CSS　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.c-ancie-item-widget:not(.c-ancie-item-widget--pattern-4) {
  display: inline-block;
  text-align: center;
  border: 1px solid #EEE;
  padding: 10px;
}

.c-ancie-item-widget:not(.c-ancie-item-widget--pattern-4):hover {
  background-color: #EFEFEF;
}

.c-ancie-item-widget:not(.c-ancie-item-widget--pattern-4) > span {
  display: block;
}

.c-ancie-item-widget__img img {
  display: inline-block;
  width: 300px;
  margin-bottom: 10px;
}

.c-ancie-item-widget__brand {
  font-size: 14px;
}

.c-ancie-item-widget.c-ancie-item-widget--size-small .c-ancie-item-widget__img img {
  width: 150px;
}

.c-ancie-item-widget.c-ancie-item-widget--direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-ancie-item-widget.c-ancie-item-widget--direction-horizontal .c-ancie-item-widget__info {
  margin: 0 10px;
}

.c-ancie-item-widget.c-ancie-item-widget--direction-horizontal .c-ancie-item-widget__img {
  margin: 0 10px;
}

.c-ancie-item-widget.c-ancie-item-widget--direction-horizontal .c-ancie-item-widget__img img {
  margin: auto;
}

/* p-itemSet */
.p-itemSetItems {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}

.p-itemSetItem {
  margin-bottom: 1rem;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1rem;
}

.p-itemSetItem__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-itemSetItem__primaryImages {
  margin-right: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 0.25px;
  width: 150px;
}

@media (max-width: 599px) {
  .p-itemSetItem__primaryImages {
      width: 100px;
  }
}

.p-topCategoryBadge {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 20px;
  background-color: #00b1bb;
  padding: 2px 10px;
  color: #fff;
}

.p-itemSetItem__name {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
/* p-itemSet */
/* c-yen */
.c-yen{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.c-yen:not(.-plain) .c-yen__yen{color:#666;font-weight:bold}.c-yen:not(.-plain) .c-yen__unit{color:#aaa}.c-yen:not(.-plain) .c-yen__taxIncluded{color:#aaa}.c-yen:not(.-plain).-lineThrough .c-yen__yen{text-decoration:line-through}.p-price{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-price>*{height:100%}.p-price__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:#666;margin:0 15px 0 15px;}.p-price__arrow i{margin-right:2rem;margin-left:2rem;font-size:1.8rem}.p-price__undiscountedYen{text-decoration:line-through;-webkit-text-decoration-color:#666;text-decoration-color:#666}.p-price__undiscountedYen .c-yen__yen{font-size:1.6rem}.p-price__yen{margin-right:1rem}.p-price__yen:not(.-plain) .c-yen__yen{color:#ff9800;font-size:3rem}.p-price__discountPercentage{color:#ff9800;font-size:1.6rem}.p-price__notice{color:#aaa}.p-price.-small .p-price__undiscountedYen .c-yen__yen,.p-price.-small .p-price__yen .c-yen__yen{font-size:1.4rem}.p-price.-small .p-price__arrow{-ms-flex-item-align:baseline;align-self:baseline;}.p-price__arrow i{font-size:18px}.p-price__undiscountedYen .c-yen__yen{font-size:16px}.p-price__yen{margin-right:5px}.p-price__yen .c-yen__yen{font-size:20px}.p-price__discountPercentage{font-size:16px}.p-price.-small .p-price__undiscountedYen .c-yen__yen,.p-price.-small .p-price__yen .c-yen__yen{font-size:14px}
/* c-yen */

.more-link {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 26px;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.more-link:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

.more-link2 {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 22px;
  width: 70%;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: 14px;
  display: block;
  text-align: center;
  margin: 10px auto 20px;
}
.more-link2:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

.more-link3 {
  border: 1px #00b0b8 solid;
  background: #00b0b8;
  padding: 12px 24px;
  line-height: 26px;
  box-sizing: border-box;
  clear: both;
  color: #fff;
  font-size: 14px;
  display: block;
  text-align: center;
  margin-top: 0px;
}
.more-link3:hover {
  border: 1px #00b0b8 solid;
  background: #fff;
  color: #00b0b8;
  text-decoration: none;
}