/* カスタマイズ用CSS */
/* SP*/

/*=================== モバイルファースト ==================*/
/**************************************************
* リセット
**************************************************/
* {margin: 0; padding: 0; line-height:1.0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
ul, ol{list-style: none;}
a, a:hover {
  text-decoration: none;
  cursor: pointer;}
img {vertical-align: bottom; border: 0;}
*, *:before, *:after {box-sizing: border-box;}

/**************************************************
* 共通
**************************************************/
/*------------------------------
基本スタイル ※変更不可
------------------------------*/
.pc { display: none; }
.sp { display: block; }
.display-noen{
  display: none;
}
/* clearfix */
.cf {
  clear: both;
}
.cf:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
/* float */
.float-l{float: left;}
.float-r{float: right;}
/*画像*/
img {
  width:100%;
  height:auto;
}
a:hover,
a:hover img,
a:active img {opacity: 0.8;}
/*------------------------------
レイアウト ※変更不可
------------------------------*/
#page_homepage .ec-layoutRole .ec-layoutRole__contents{
  max-width: 100%;
}
.wrap{
  margin: 0 auto;
  padding: 25px 0;
}
.wrap-top{
  margin: 0 auto;
  padding: 25px 0 0;
}
.wrap-bottom{
  margin: 0 auto;
  padding: 0 0 25px;
}
.wrap-l{
  width: 100%;
}
.wrap-m{
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.wrap-s{
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
/*------------------------------
背景色 ※変更不可
------------------------------*/
.bg-green{
  background: #9acc6c;
}
.bg-cream{
  background: #fcfbef;
}

.hd-bg-c{
  background: #F5F5F5;
}
/*------------------------------
Youtube レスポンシブ※変更不可
------------------------------*/
.movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
   height: 0;
   overflow: hidden;
}
.movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/*------------------------------
テキスト ※変更不可
------------------------------*/
p,li,a,th,td,dt,dd {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
.bold {font-weight: bold;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}
.text-lead{
  font-weight: bold;
  font-size: 18px;
}
/* 一行目以降インデント */
.indentback{
  text-indent: -1em;
  padding-left: 1em;
}
.indentback1{
  text-indent: -1em;
  padding-left: 2em;
}
.indentback2{
  text-indent: -2em;
  padding-left: 2em;
}
/* テキストリンク */
a.text-link:link,
a.text-link:visited {
  text-decoration: none;
  color:#9b7c0b;
  font-weight: bold;
}
a.text-link:hover,
a.text-link:active {
  text-decoration: underline;
}
.blue{
  color: #0c76c8;
}
/*------------------------------
見出し h1-h6 ※変更不可
------------------------------*/
h1,h2,h3,h4,h5,h6 {
  line-height: 1.8;
  font-weight: bold;
  margin: 0;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 17px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 15px;
}
h6 {
  font-size: 14px;
}
.headline01{
  margin: 0 auto 40px auto;
  text-align: center;
  position: relative;
}
.headline01:after {
  content: '';
  width: 150px;
  height: 1px;
  display: block;
  background: linear-gradient(to right, #EA3323 25%, #D2D2D2 25%);
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.headline02{
  border-bottom: 1px solid #EA3323;
  margin: 40px 0 20px;
}
.block-yellow{
  margin: 40px 0 20px;
  padding: 0 0 0 10px;
  line-height: 1.5;
  border-left: solid 10px #e2d433;
  color: #333;
}
.block-orange{
  margin: 40px 0 20px;
  padding: 0 0 0 10px;
  line-height: 1.5;
  border-left: solid 10px #f88153;
  color: #333;
}
.block-blue{
  margin: 40px 0 20px;
  padding: 0 0 0 10px;
  line-height: 1.5;
  border-left: solid 10px #4693ce;
  color: #333;
}
.ec-pageHeader h1{
  border-top: none;
  border-bottom: 1px solid #D2D2D2;
  margin: 0 0 40px;
  padding: 10px 0;
  font-size: 30px;
  position: relative;
  color: #333;
}
.ec-pageHeader h1:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 10%;
  min-width: 50px;
  border-bottom: 1px solid #EA3323;
}
/*------------------------------
リスト表示 ※変更不可
------------------------------*/
/* disc */
ul.disc{
  margin: 0.5em 0 1em 2em;
}
ul.disc>li {
  list-style: disc;
  margin-bottom: 0.5em;
}
ul.indent>li {
  margin-bottom: 0.5em;
}
/*------------------------------
btn ※変更不可
------------------------------*/
/* btn ECキューブのスタイルつくから使用不可*/
/* btn01 キーカラーの赤 */
.btn01{
  text-align: right;
}
.btn01 a {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #EA3323;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.btn01 a:after {
  content: '>';
  display: inline-block;
  margin-left: 10px;
}
/* btn02 グレー */
.btn02{
  text-align: right;
}
.btn02 a {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #9a9a9a;
  color: #fff;
  text-align: center;
/*  font-weight: bold;*/
	border-radius: 4px;
}
.btn02 a:after {
  content: '>';
  display: inline-block;
  margin-left: 10px;
}
/* btn03 水色 */
.btn03{
  text-align: right;
}
.btn03 a {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #4693ce;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.btn03 a:after {
  content: '>';
  display: inline-block;
  margin-left: 10px;
}
/*------------------------------
.page-subnav ※変更不可
------------------------------*/
/* page-subnav */
.page-subnav li{
  width: 100%;
  margin-bottom: 5px;
}
.page-subnav li a{
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #53ac01;
  text-align: center;
  font-size: 1.3px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #53ac01;
}
/*------------------------------ 
con-box※変更不可
------------------------------*/
.con-box .tel,
.con-box .tel a{
  font-size: 20px;
  font-weight: bold;
  color: #EA3323;
}
/* con-btn ピンク */
.con-btn a {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  background: #ee7898;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
/*------------------------------
ヘッダー ※変更不可
------------------------------*/
#header .ec-headerRole{
  border-bottom: 1px solid #EA3323;
  padding: 15px 20px 10px;
}
#header .ec-headerNaviRole {
  padding: 10px 20px;
}
/* logo */
#header h1.text{
  font-size: 11px;
}
#header h1.logo a {
  display: inline-block;
  margin: 0 auto;
}
/* カートクリック時 */
.ec-cartNaviIsset{
  z-index: 900;
}
/*------------------------------
スマホメニュー ※変更不可
------------------------------*/
/* ドロワー */
.ec-headerNavSP {
  background: #f8f8f8;
  position: fixed;
  top: 5px;
  left: 10px;
  z-index: 1000;
}
.ec-drawerRoleClose {
  background: #f8f8f8;
  top: 5px;
}
.have_curtain .ec-overlayRole{
  background: rgba(0, 0, 0, 0.2);
}
/* 検索窓 */
.ec-drawerRole .ec-headerSearch{
  padding: 10px 8px;
  background: #EA3323;
}
/* 商品一覧 */
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading{
  padding: 10px 15px;
  border-top: none;
  border-bottom: 1px solid #EA3323;
  background: #fff;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a{
  padding: 10px 15px;
  border-bottom: none;
  background: #fff;
  font-weight: bold;
  color: #333;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a{
  padding: 10px 30px;
  border-bottom: none;
  background: #fff;
}

.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover > a {
  background: #fcfbef;
}
/* カート等 */
.ec-drawerRole,
.ec-drawerRole .ec-headerLinkArea {
  background: #EA3323;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{
  border-bottom: none;
  padding: 10px 15px;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{
  color: #333;
}

/*注文手続きと注文内容確認の送料を消す*/
.ec-orderRole__summary .ec-totalBox .ec-totalBox__spec:nth-child(3){
    display: none;
}


/*------------------------------
ページトップボタン ※変更不可
------------------------------*/
.ec-blockTopBtn {
  width: 15px;
  height: auto;
  right: 10px;
  bottom: 10px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  background-color: transparent;
}

/*------------------------------
フッター ※変更不可
------------------------------*/
#footer {
  width: 100%;
  margin-top: 50px;
}
/* logo */
#footer .logo {
  display: block;
  margin: 20px auto;
  padding: 15px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  text-align: center;
}
#footer .logo a {
  margin: 0 auto;
  text-align: center;
  color: #333;
  font-size: 20px;
}
/* ナビ */
#footer .wrap-m{
  max-width: 1130px;
  margin: 0 auto;
  padding: 20px;
}
/* member */
#footer .member {
  padding: 0 0 20px ;
}
#footer .member .title{
  font-size: 18px;
  margin: 0 0 10px;
}
#footer .member .title img{
  width: 30px;
  height: auto;
  margin-right: 5px;
}
#footer .member .member-item {
  margin-top: 10px;
}
#footer .member .member-item a{
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
/* f-nav */
#footer .f-nav  {
  border-top: 1px solid #666;
  padding: 20px 0 ;
}
#footer .f-nav .nav-box {
  margin: 0;
}
#footer .f-nav li {
  line-height: 2.5;
}
#footer .f-nav a {
  font-weight: bold;
  color: #333;
}
/* copyright */
#footer .copyright{
  padding: 0;
  background: #666;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: inherit;
}
#footer .copyright small{
  font-size: 12px;
  font-size: 1.2rem;
  color:#fff;
}

/*------------------------------
ぱんくず ※変更不可
------------------------------*/
#breadcrumbs {
  text-align: left;
  padding: 10px 0;
}
#breadcrumbs ul {
  margin: 0;
}
#breadcrumbs li {
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
}
#breadcrumbs li a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #EA3323;
}
#breadcrumbs span {
  display: inline-block;
  position: relative;
  padding-right: 1.5em;
}
#breadcrumbs span:after{
  content: "";
  vertical-align: middle;
  position: absolute;
  top: calc(50% - 4px);
  right: -6px;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 1em;
}

/**************************************************
* TOP
***************************************************/
.ec-sliderRole{
  margin-bottom: 0;
}
#top .slick-dots li button:before{
  width: 10px;
  height: 10px;
  background-color: #D2D2D2;
  opacity: 1;
}
#top .slick-dots li.slick-active button:before{
  background-color: #666;
  opacity: 1;
}
/* 特集 */
#top .feature .feature-box{
  border: 1px solid #f2f2f2;
}
#top .feature .h-box{
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  background: url("/html/template/default/assets/img/top/feature-bg.png") no-repeat center/cover;
}
#top .feature .h-box .h-box-inner{
  background-color: rgba(255,255,255,0.5);
}
#top .feature .h-box h2{
  line-height: 80px;
  text-align: center;
  color: #333;
font-weight: 400;
}
#top .feature .t-box{
  width: 100%;
  height: auto;
  padding: 10px;
}
#top .feature .feature-list li{
  margin: 1em 0;
}
#top .feature .feature-list li a{
  color: #333;
/*  font-weight: bold;*/
}
/* 掲載希望のお客様 */
#top .published .published-box{
  border: 5px solid #4693ce;
}
#top .published .h-box .h-box-inner{
  background-color: rgba(255,255,255,0.5);
}
#top .published .h-box{
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  background: url("/html/template/default/assets/img/top/published-bg.png") no-repeat center/cover;
}
#top .published .h-box h2{
  line-height: 80px;
  text-align: center;
  color: #0c76c8;
}
#top .published .t-box{
  width: 100%;
  height: auto;
  padding: 10px;
}
#top .published .t-box > p{
  margin-bottom: 1em ;
}
/* 商品ラインナップ */
#top .lineup .flex-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top .lineup .flex-box .box{
  width: 49%;
  margin: 5px 0;
  background-color: #fff;
 box-shadow: 0px 0px 10px -5px #9c9c9c;
}
/*
#top .lineup .flex-box .box a:hover{
transition: 1s;	
}
*/

#top .lineup .flex-box .text-box{
  padding: 10px;
}
#top .lineup .flex-box .cat,
#top .lineup .flex-box .text{
  color: #333;
}
#top .lineup .flex-box .cat{
  font-size: 16px;
  font-weight: normal;
}
/* コラム */
#top .column .column-box{
  background: #f9fff3;
  margin: 25px 0;
}
#top .column .h-box{
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  background: url("/html/template/default/assets/img/top/columna-bg.png") no-repeat center/cover;
}
#top .column .h-box .h-box-inner{
  background-color: rgba(255,255,255,0.5);
  padding: 20px;
}
#top .column .h-box h3,
#top .column .h-box p{
  text-align: center;
}
#top .column .t-box{
  width: 100%;
  height: auto;
  padding: 10px;
}
#top .column .column-list li{
  margin: 1em 0;
}
#top .column .column-list li a{
  color: #EA3323;
  font-weight: bold;
}
/**************************************************
* 掲載をご希望のお客様
***************************************************/
#published .point-box{
  width: 100%;
  margin: 30px 0;
}
#published .point-box .point{
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  background: #4693ce;
  color: #fff;
  border-radius: 25px;
  text-align: center;
}
#published .point-box .point .large{
  font-size: 150%;
  padding-left: 5px;
  position: relative;
  top: 3px;
}
#published .point-box .img{
  display: block;
  max-width: 150px;
  width: 100%;
  margin: 20px auto;
}
#published .point-box .text-lead{
  margin: 10px auto;
}
#published .con01-box{
  padding: 20px 15px;
  border: 3px solid #4693ce;
  border-radius: 20px;
  text-align: center;
  font-weight: bold;
}
#published .con01-box .text-lead{
  margin-top: 10px;
}
#published .contact-box .tel-box,
#published .contact-box .mail-box{
  margin: 20px 0;
  padding: 20px 15px;
  border-radius: 20px;
  text-align: center;
}
#published .contact-box .img{
  width: 60px;
  margin: 10px auto;
}
#published .contact-box .tel,
#published .contact-box .tel a{
  color: #EA3323;
  font-weight: bold;
  font-size: 20px;
}
#published .contact-box .tel{
  margin: 5px 0;
}
#published .contact-box .btn-box{
  margin: 15px 0;
}
/**************************************************
* 利用規約
***************************************************/
#agreement p{
  margin-bottom: 0.5em;
}
/**************************************************
* 商品一覧・詳細ページ
***************************************************/
/*カートボタン*/
.ec-blockBtn--action{
  background-color: #EA3323;
  border-color: #EA3323;
  padding: 0;
}
.ec-blockBtn--action.add-cart:visited,
.ec-blockBtn--action.add-cart:hover,
.ec-blockBtn--action.add-cart:active{
    color: #fff;
    background-color: #EA3323;
    border-color: #EA3323;
  opacity: 0.8;
}
/*商品一覧*/
.ec-searchnavRole__topicpath{
  padding: 0 20px;
}
.ec-topicpath{
  border-top: none;
  border-bottom: 1px dotted #666;
  padding: 10px 0;
}
.ec-shelfGrid .ec-shelfGrid__item-image{
  margin-bottom: 10px;
}
.ec-input select, 
.ec-halfInput select, 
.ec-numberInput select, 
.ec-zipInput select, 
.ec-telInput select, 
.ec-select select, 
.ec-birth select{
  padding: 5px;
}
.product-name{
  font-weight: bold;
}
.price02-default{
  font-weight: bold;
  color: #DE5D50;
}
/*商品詳細*/
.ec-sliderItemRole{
  padding: 15px 30px 0;
}
/*商品詳細productRole__profile*/
.ec-headingTitle{
  font-weight: bold;
  color: #333;
}
.ec-productRole .ec-productRole__tags{
  margin-top: 10px;
  padding-bottom: 10px;
}
.ec-productRole .ec-productRole__price{
  border-bottom: none;
  padding: 14px 0;
}
.ec-productRole .ec-productRole__category{
  border-top: 1px dotted #ccc;
}
/*商品詳細productRole__profile下*/
.product-btn-totop a{
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  color: #fff;
  background-color: #EA3323;
  border-color: #EA3323;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding: 0;
  margin: 20px 0;
}
/*商品概要・フリーエリア*/
.ec-productRole .ec-productRole__description{
  margin: 40px 0;
}
/*フリーエリア*/
.products-freearea .pf-content{
  margin: 20px 0;
}
.products-freearea .pf-content .img,
.products-freearea .pf-content p,
.products-freearea .pf-content ul{
  margin-bottom: 1em;
}

/*関連商品*/
#RelatedProduct-product_area{
  margin: 40px 0;
}





/**************************************************
* ご注文手続き
***************************************************/
.ec-orderDelivery,
.ec-orderPayment,
.ec-orderConfirm{
  margin-bottom: 30px;
}
.ec-orderRole__summary{
  margin-top: 0!important;
}
.ec-rectHeading{
  margin-bottom: 10px;
}
.ec-orderRole .ec-inlineBtn{
  margin: 5px 0;
}
/*税率非表示*/
.ec-totalBox .ec-totalBox__taxRate{
  display: none;
}
/*ご注文完了*/
#page_shopping_complete .ec-reportHeading h2{
  margin-top: 30px;
  font-size: 20px;
}

/**************************************************
* お問い合わせ
***************************************************/
.ec-borderedDefs dd #contact_sentaku{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
    align-items: center;
}
.ec-borderedDefs dd #contact_sentaku input[type=radio]{
  display: block;
  width: 25px;
  height:25px;
  margin: 5px 0;
  padding: 0;
  position: relative;
}
.ec-borderedDefs dd #contact_sentaku label{
  display: block;
  width: calc(100% - 25px);
  height: 25px;
  line-height: 25px;
  margin: 5px 0;
  padding: 0 20px 0 10px;
  position: relative;
}
.ec-borderedDefs dd #contact_sentaku input[type=radio]:checked+label:before{
  content: "■";
  color:#5A9BC7;
  position: absolute;
  left: -23px;
  top: 1px;
  font-size: 20px;
}

/**************************************************
* 404
**************************************************/
#header .ec-404header {
  border-bottom: 1px solid #EA3323;
  padding: 15px 0 10px;
}
.ec-404Role{
  background-color: #fff;
  padding: 0 20px;
}
.ec-404Role .ec-404Role__title {
  font-size: 20px;
}
.ec-404Role__title.ec-reportHeading{
  border-top: none;
}
.ec-404Role .ec-blockBtn--cancel{
  background-color: #EA3323;
  border-color: #EA3323;
}

/**************************************************
Wordpress共通
**************************************************/
/*------------------------------
一覧 特集.コラム共通
------------------------------*/
#blogall.blog-all .blog-list li{
  padding: 20px 0 ;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
}
#blogall.blog-all .blog-list .img-box{
  width: 50%;
  margin: 0 auto 10px;
}
#blogall.blog-all .blog-list .text-box{
  width: 100%;
  margin-bottom: 40px;
}
#blogall.blog-all .blog-list .text-box dl{
  margin-bottom: 10px;
}
#blogall.blog-all .blog-list .text-box dt{
  font-weight: normal;
}
#blogall.blog-all .blog-list .text-box dd a{
  font-weight: bold;
  font-size: 15px;
}
#blogall.blog-all .blog-list .text-box dd a:hover{
  color: #EA3323;
}
#blogall.blog-all .blog-list li {
  position: relative;
}
#blogall.blog-all .blog-list .btn-box {
  position: absolute;
  bottom: 20px;
  right: 0;
}
#blogall.blog-all .blog-list .btn-box .btn01 a {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background: #EA3323;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
/* 一覧ページャー */
#blogall .tablenav {
  background:#fff;
  margin: 50px auto;
  line-height:2;
  text-align:center;
  font-size:1.5rem;
}
#blogall a.page-numbers, 
#blogall .tablenav .current {
  padding: 2px .4em;
  border: 1px solid #EA3323;
  text-decoration:none;
  color: #EA3323;
  font-size:1.5rem;
  font-weight: 600;
}
#blogall a.page-numbers:hover,
#blogall .prev.page-numbers:hover ,
#blogall .next.page-numbers:hover{
  opacity: 0.7;
}
#blogall .tablenav .current {
  background-color: #EA3323;
  color: #fff;
}
#blogall .tablenav .next, 
#blogall .tablenav .prev {
  border:0 none;
  font-size:1.5rem;
  background: #fff;
}
/*------------------------------
詳細
------------------------------*/
#blogall .blog-content{
  margin: 20px 0;
}
#blogall .blog-time{

}
#blogall .blog-thumbnail{
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0 ;
}
#blogall .blog-text{
  padding: 0 0 50px;
  border-bottom: 1px solid #ccc;
}
#blogall .blog-text h2{
  border-bottom: 1px solid #EA3323;
  margin: 20px 0;
  color: #333;
}
#blogall .blog-text h3{
  margin: 20px 0;
  padding: 0 0 0 10px;
  line-height: 1.5;
  border-left: solid 10px #e2d433;
  color: #333;
}
#blogall .blog-text img{
  width: auto;
  max-width: 100%;
  margin: 10px 0;
  display: block;
}
/* h4 */
#blogall h4{
  color: #EA3323;
  margin-bottom: 10px;
}
/* 詳細ページャー */
.pagenav{
  max-width: 150px;
  width: 100%;
  margin: 0 auto ;
}
.pagenav .prev a,
.pagenav .next a{
  display: inline-block;
  float: left;
}
.pagenav .prev a{
  width: 100px;
  font-size:15px;
  font-size:1.5rem;
}
.pagenav .next a{
  width: 50px;
  font-size:15px;
  font-size:1.5rem;
}
.pagenav .next a:link,
.pagenav .next a:visited,
.pagenav .prev a:link, 
.pagenav .prev a:visited {
  color: #EA3323;
  margin: 0px;
}
.pagenav .next a:hover,
.pagenav .next a:active,
.pagenav .prev a:hover,
.pagenav .prev a:active {
  opacity: 0.7;
}
.pagenav .prev a:after,
.pagenav .prev a:hover:after,
.pagenav .prev a:active:after {
    content: "|";
    font-size:15px;
    font-size:1.5rem;
    padding-left: 2em;
    margin-right: -1em;
    color: #333;
}