@charset "utf-8";

/* ----------------------------------------------------------------------------------
  ■目次■
  01．イニシャライズ（リセット）
  02．グローバルエレメント定義（clearfix、マージン、アライン、アイコン、ボタン、など）
  03．グローバルエリア定義


  ■CSS書き順■
  * display / list-style
  * position / float / clear / z-index
  * width / height / margin / padding / border
  * background
  * color /
   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
  * content
  * cursor

---------------------------------------------------------------------------------- */



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

01. イニシャライズ

********************************************************************************** */
html{
  font-size: 62.5%;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,cite,code,img,q,samp,small,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figcaption,figure,footer,header,nav,section,time,audio,video{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  outline: 0;
}

img{
  vertical-align: bottom;
}

blockquote,q{
  quotes: none;
}

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

a{
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
}

area{
  border: 0;
  outline: none;
}

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

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

body{
  background-color: #fff;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Helvetica,sans-serif;
  color: #333333;
  text-align: center;
}

a{
  color: #ce3b28;
  text-decoration: underline;
  outline: none;
}

a:visited{
  color: #ce3b28;
}

a:hover{
  color: #ce3b28;
  text-decoration: none;
}

input[type="button"],
input[type="submit"]{
  border-radius: 0;
  -webkit-appearance: none;
}

/* 数字入力フォームの右スピン非表示 IE FF */
input[type="number"]{
  -moz-appearance: textfield;
}

/* 数字入力フォームの右スピン非表示 Chrome Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  margin: 0;
  -webkit-appearance: none;
}

button{
  border-radius: 0;
  border: 0;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
}

input,button,select{
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Helvetica,sans-serif;
}

label{
  cursor: pointer;
}

ul,li{
  list-style: none;
  margin: 0;
  padding: 0;
}

header,footer,nav,aside,section{
  display: block;
}

sup,sub{
  position: relative;
  height: 0;
  font-size:12px; font-size:1.2rem; line-height: 1; vertical-align: baseline;
  _vertical-align: bottom;
}

sup{
  bottom: 0.7ex;
}

sub{
  top: 0.5ex;
}


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

02. グローバルエレメント定義

********************************************************************************** */
[id^=new-] *,
[class^=new-] *,
#g-nav *,
#recent *,
#breadcrumbs *{
  box-sizing: border-box;
}
#topic-path{
  margin-bottom:16px
}
/* ご利用ガイドパンくず */
.breadcrumbs{
  font-size: 1.4rem;
}

[id^=new-] input,
[class^=new-] input,
#g-nav input,
#recent input,
[id^=new-] select,
[class^=new-] select,
#g-nav select,
#recent select{
  margin: 0;
  vertical-align: middle;
}

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

.cf{
  min-height: 1px;
}
header#new-header {
    font-size: 14px;
}
* html .cf{
  height: 1px;/*\*//*/ height:auto; overflow:hidden; /**/
}

/* -------------------------------------------------------------------
  H見出し共通利用
------------------------------------------------------------------- */
.h-title{
  border-top: 2px solid #ce3b28;
  background: #f7f7f7;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ce3b28;
  line-height: 1.2;
  font-weight: bold;
}

.h-title .h-title-inr{
  display: block;
  padding: 8px 10px;
}

.h-title span.h-title-inr{
  padding-left: 35px;
  background: url(/ips_static/common/images/icon_link_large.png) 10px 0.5em no-repeat;
  color: #ce3b28!important;
  text-decoration: none;
}

.h-title.h-nobd .h-title-inr{
  padding: 9px 10px;
}

.h-title.h-nobd span.h-title-inr{
  padding-left: 35px;
  background: url(/ips_static/common/images/icon_link_large.png) 10px 0.6em no-repeat;
  color: #7e318e;
}

/* 喪中カテゴリ用H見出し */
.mochu .h-title{
  border-top: 2px solid #7e318e;
  background: #f7f7f7;
  color: #7e318e;
}

.mochu .h-title.h-nobd{
  border-top: 0;
}

.mochu .h-title span.h-title-inr{
  background: url(/ips_static/common/images/icon_link_large03.png) 10px 0.5em no-repeat;
  color: #7e318e!important;
}

.mochu .h-title.h-nobd span.h-title-inr{
  padding-left: 35px;
  background: url(/ips_static/common/images/icon_link_large03.png) 10px 0.6em no-repeat;
  color: #7e318e;
}

/* -------------------------------------------------------------------
  テキスト
------------------------------------------------------------------- */
/* 左背景色あり見出し、右テキスト */
.title-text-unit{
  display: table;
  width: 100%;
  margin-top: 14px;
}

.title-text-unit02{
  width: 100%;
  margin-top: 14px;
}

.title-text-unit dt{
  display: table-cell;
  vertical-align: top;
  line-height: 1.4;
}
.title-text-unit02 dt{
  display: table-cell;
  vertical-align: top;
  line-height: 1.4;
}
.title-text-unit dt span{
  display: inline-block;
  padding: 3px 4px 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
.title-text-unit02 dt span{
  display: inline-block;
  padding: 3px 4px 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

/* 印刷価格 */
.title-text-unit .title-price span{
  background: #ce3b28;
  color: #fff;
}

.title-text-unit dd{
  display: table-cell;
  padding-left: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  vertical-align: top;
}
.title-text-unit02 dd{
  display: table-cell;
  padding-left: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  vertical-align: top;
}
.title-text-unit .text-price span{
  font-size: 14px;
  font-size: 1.4rem;
  color: #ce3b28;
  font-weight: bold;
}

.title-text-unit .text-price .text-link{
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}

.title-text-unit .text-price .text-link a:before{
  margin-left: 1em;
  font-size: 10px;
  content: "＞＞";
}

/* -------------------------------------------------------------------
  リンクテキスト
------------------------------------------------------------------- */
/* リンクアイコン（classはa要素に指定） */
.link-icon span{
  display: inline-block;
  position: relative;
  padding-left: 18px;
  text-decoration: underline;
}

.link-icon span:hover{
  text-decoration: none;
}

.link-icon span:before{
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(/ips_static/common/images/icon_link.png) 0 0 no-repeat;
  content: "";
}

/* 喪中カテゴリ用リンクアイコン */
.mochu .link-icon span:before{
  background: url(/ips_static/common/images/icon_link02.png) 0 0 no-repeat;
}

/* 大リンクアイコン（classはa要素に指定） */
.link-icon-large span{
  display: inline-block;
  position: relative;
  padding-left: 26px;
  text-decoration: underline;
}

.link-icon-large span:hover{
  text-decoration: none;
}

.link-icon-large span:before{
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  background: url(/ips_static/common/images/icon_link_large.png) 0 0 no-repeat;
  content: "";
}

/* 別窓アイコン（classはa要素に指定）  */
.link-icon-new span{
  position: relative;
  padding-right: 22px;
}

.link-icon-new span:after{
  width: 13px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  background: url(/ips_static/common/images/icon_new.png) 0 0 no-repeat;
  content: "";
}

/* 赤リンク（classはa要素の親要素に指定）  */
.link-text-01 a{
  color: #ce3b28!important;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
}

/* 青リンク（classはa要素の親要素に指定） */
.link-text-02 a{
  color: #1e4ea6!important;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
}

.link-text-02 .link-icon span:before{
  top: 2px;
}

/* 黒リンク（classはa要素の親要素に指定） */
.link-text-03 a{
  color: #333!important;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

/* 紫リンク（classはa要素の親要素に指定）  */
.mochu .link-text-01 a{
  color: #7e318e!important;
}

/* テキストページャー  */
.l-pager-text-full{
  margin-top: 20px;
}

.l-pager-text-full li{
  float: left;
  font-weight: bold;
}

.l-pager-text-full li+li{
  float: right;
}

.l-pager-text-full{
  font-size: 12px;
}

.l-pager-text-full a{
  color: #333!important;
  text-decoration: none;
}

.l-pager-text-full a span{
  text-decoration: underline;
}

.l-pager-text-full a span:hover{
  text-decoration: none;
}

.l-pager-text-full .prev a:before{
  margin-right: 4px;
  color: #333;
  content: "←";
}

.l-pager-text-full .next a:after{
  margin-left: 4px;
  color: #333;
  content: "→";
}

/* -------------------------------------------------------------------
  リンクボタン
------------------------------------------------------------------- */
/* 赤角丸ボタン */
.ellipse-btn-01{
  margin-top: 20px;
}

/* ST-76対応 */
button#next{
	background:#c9c9c9;
}

.ellipse-btn-01 a,.ellipse-btn-01 button{
  display: inline-block;
  padding: 5px 8px 3px;
  border-radius: 18px;
  background: #ce3b28;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1.6;
  font-size: 14px;
}
.ellipse-btn-03 a,.ellipse-btn-03 button{
  width:125px;
  display: inline-block;
  border-radius: 18px;
  border: 1px solid #ce3b28;
  font-weight: bold;
  color: #ce3b28;
  text-align: center;
  text-decoration: none;
  line-height: 1.6;
  font-size: 14px;
}


/* 背景色なし角丸ボタン */
.ellipse-btn-02{
  margin-top: 20px;
}

.ellipse-btn-02 a,.ellipse-btn-02 button{
  display: inline-block;
  padding: 4px 7px 2px;
  border-radius: 18px;
  border: 1px solid #ce3b28;
  font-weight: bold;
  color: #ce3b28;
  text-align: center;
  text-decoration: none;
  line-height: 1.6;
  font-size: 14px;
}

/* グレー角丸ボタン */
.ellipse-btn-03{
  margin-top: 20px;
}

.ellipse-btn-03 a,.ellipse-btn-03 button{
  display: inline-block;
  padding: 5px 8px 3px;
  border-radius: 18px;
  background: #f7f7f7;
  font-weight: bold;
  color: #ce3b28;
  text-align: center;
  text-decoration: none;
  line-height: 1.6;
  font-size: 14px;
}

/* 喪中カテゴリ用角丸ボタン */
.mochu .ellipse-btn-01 a,.mochu .ellipse-btn-01 button{
  background: #7e318e;
}



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

03. グローバルエリア定義

********************************************************************************** */
/* -------------------------------------------------------------------
コンテナ
------------------------------------------------------------------- */
#wrap{
  width: 100%;
  min-width: 940px;
  text-align: left;
  -webkit-text-size-adjust: none;
}

.new-inner{
  width: 940px;
  margin: 0 auto;
}

/* 中身がキービジュアルの場合 */
.new-inner>h1{
  line-height: 1;
}

/* -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- */

/* 郵便局ヘッダーロゴの背景100%のオビの設定
(郵便局側の)以降により削除*/
/*
#new-header {
    width: 100%;
    background: url(/ips_static/common/images/bg_header.png) 0 0 repeat-x;
    font-size: 14px;
    line-height: 1;
}
*/

#new-header #header-top{
  position: relative;
}

#new-header #header-top .header-login-text{
  position: absolute;
  top: 33px;
  right: 0;
  font-size: 12px;
  font-weight: bold;
}

#new-header #header-nav ul{
  width: 570px;
  margin-left: auto;
  font-weight: bold;
}

#new-header #header-nav li{
  float: left;
}

#new-header #header-nav .link-nav{
  margin-left: 7px;
}

#new-header #header-nav .link-text-02{
  width: 172px;
  padding-top: 13px;
}

#new-header #header-nav .link-nav a{
  display: inline-block;
  width: 120px;
  padding: 13px 8px 11px;
  border-radius: 6px 6px 0 0;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#new-header #header-nav .link-text-02+li a{
  width: 137px;
}

#new-header #header-nav .link-nav-btn-01{
  background: #0071bc;
}

#new-header #header-nav .link-nav-btn-02{
  background: #fbb03b;
}

#new-header #header-text{
  display: table;
  width: 100%;
  padding: 10px 0;
  background: #f7f7f7;
}

#new-header #header-text p{
  display: table-cell;
  vertical-align: middle;
}

#new-header #header-text .header-title{
  padding: 0 20px;
  width: 345px;
}

#new-header #header-text .link-btn{
  text-align: right;
}

#new-header #header-text .link-btn .link-icon-new{
  display: inline-block;
  width: 204px;
  padding: 15px 10px 13px;
  border-radius: 6px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #ce3b28!important;
}

/* -------------------------------------------------------------------
グローバルナビ
------------------------------------------------------------------- */
#g-nav{
  position: relative;
  width: 940px;
  margin: 16px auto 0;
  font-size: 14px;
  line-height: 1;
}

#g-nav>ul>li{
  float: left;
  width: 134px;
  border-left: 1px solid #666;
}

#g-nav>ul>li:first-child{
  width: 136px;
  border-left: 0;
}

#g-nav ul li a,
#g-nav ul li span{
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
}

#g-nav ul li #kamo{
  background: #999;
  color: #ccc;
  pointer-events:none;/*リンクを非リンクに変える*/
}
#g-nav ul li a:hover,
#g-nav ul li span:hover{
  background: #ce3b28;
  transition: all .3s;
}

#g-nav .is-current>a,
#g-nav .is-current>span{
  background: #ce3b28;
  transition: all 0s;
}

/* ドロップダウンメニュー */
#g-nav ul li>ul{
  display: none;
  position: absolute;
  z-index: 9999;
  width: 133px;
  top: 100%;
}

#g-nav ul li:hover ul{
  display: block;
}

#g-nav ul li>ul li{
  border-top: 1px solid #666;
}

#g-nav .fsize-small{
  font-size: 11px;
}

#g-nav .fsize-small a{
  padding: 14px 0 12px;
}

/* -------------------------------------------------------------------
パンくず
------------------------------------------------------------------- */
#breadcrumbs{
  line-height: 1;
}

#breadcrumbs li{
  float: left;
}

#breadcrumbs li+li:before{
  margin: 0 4px;
  font-size: 12px;
  content: "＞";
}

/* -------------------------------------------------------------------
フッター
------------------------------------------------------------------- */
#new-footer{
  clear: both;
  width: 100%;
  margin-top: 60px;
  text-align: left;
  line-height: 1;
}

/* フッターページトップ */
#new-footer .footer-pagetop{
  width: 940px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
}

#new-footer .footer-pagetop p{
  float: right;
}

#new-footer .footer-pagetop a{
  display: block;
  line-height: 32px;
  color: #333;
  text-decoration: none;
}

#new-footer .footer-pagetop a span{
  display: block;
  position: relative;
  padding-left: 40px;
}

#new-footer .footer-pagetop a span:before{
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  background: url(/ips_static/common/images/icon_pagetop.png) 0 0 no-repeat;
  content: "";
}

#new-footer>.new-inner{
  margin-top: 30px;
  border-top: 3px solid #ce3b28;
}

/* フッターナビ */
#new-footer .f-nav{
  float: left;
  width: 172px;
  font-size: 14px;
}

#new-footer .f-nav+.f-nav{
  margin-left: 20px;
}

#new-footer .f-nav a{
  color: #333;
  text-decoration: none;
}

#new-footer .f-nav a:hover{
  text-decoration: underline;
}

#new-footer .f-nav .link-icon span{
  text-decoration: none;
}

#new-footer .f-nav .link-icon span:hover{
  text-decoration: underline;
}

#new-footer .f-nav .f-nav-title01{
  background: url(/ips_static/common/images/icon_link.png) 0  no-repeat;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  padding-left: 18px;
  padding-top: 15px;
}

#new-footer .f-nav .f-nav-title01 .link-icon span:before{
  top: 0;
}

#new-footer .f-nav>li+.f-nav-title01{
  border-top: 1px solid #ccc;
  margin-top: 1em;
}

#new-footer .f-nav ul{
  padding: 1em 0 1em 1.2em;
  line-height: 1.6;
}

#new-footer .f-nav ul li{
  list-style: disc;
}

#new-footer .f-nav .f-nav-one{
  padding-left: 0;
}

#new-footer .f-nav .f-nav-one li{
  list-style: none;
}

#new-footer .f-nav .f-nav-title02{
  padding-top: 1em;
  font-weight: bold;
}
/* フッター暑中・残暑見舞いリンク解除 */
#footer-kamo{
  pointer-events: none;
}

/* コピーライト */
#new-footer #footer-copyright{
  width: 940px;
  padding: 4px 0;
  margin: 0 auto;
  margin-top: 1em;
  background-color: #c00;
  color: #fff;
  text-align: right;
}
.footer-logo{
  float: left;
}
#new-footer #footer-copyright small{
  font-size: 10px;
}
.new-footer-inner{
  padding: 7px 15px 5px;
}
/* -------------------------------------------------------------------
メイン
------------------------------------------------------------------- */
#main-container{
  width: 940px;
  margin: 16px auto 0;
  font-size: 14px;
  font-size: 1.4rem;
}
/*総合印刷TOPページ専用*/
.sis-top{
  margin-top: 32px !important
}

#main-container #new-main{
  display: block;
  line-height: 1;
}

/* JS無効の場合の文言 */
noscript{
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
}

/* サイドナビなし */
#main-container.main-column-01{
  margin-top: 24px;
}

/* サイドナビあり */
#main-container .main-column-02{
  float: right;
  width: 688px;
}


/* -------------------------------------------------------------------
サイドナビ
------------------------------------------------------------------- */
#new-side{
  float: left;
  width: 220px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
a#contact-link {
    text-decoration: underline;

}

.side-contact{
    padding: 0 14px 14px 14px;
    text-align: center;
    font-weight: bold;
    font-size: 1.0em;
}
#new-side .side-unit{
  border: 2px solid #ce3b28;
}

#new-side #side-info>dt{
  padding: 14px;
  background: #ce3b28;
  color: #fff;
  font-weight: bold;
}

#new-side #side-info>dd{
  padding: 14px;
}

#new-side #side-info .side-info-inr+.side-info-inr{
  margin-top: 14px;
}

#new-side #side-info .side-info-inr dt{
  color: #999;
  font-size: 11px;
}

#new-side #side-info .side-info-inr dd{
  padding-top: 0.5em;
  line-height: 1.6;
}

#new-side #side-tel{
  margin-top: 12px;
  line-height: 1.6;
}

#new-side #side-tel dt{
  padding: 10px;
  background: #feecec;
  font-size: 10px;
  font-weight: bold;
}

#new-side #side-tel dt>span{
  display: inline-block;
  position: relative;
  padding-left: 26px;
}

#new-side #side-tel dt>span:before{
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  background: url(/ips_static/common/images/icon_tel.png) 0 0 no-repeat;
  content: "";
}

#new-side #side-tel .side-tel-Main-title{
  color: #ce3b28;
  font-size: 12px;
}

#new-side #side-tel dd{
  padding: 14px;
  text-align: center;
}

#new-side #side-tel dd span{
  display: block;
  font-weight: bold;
}

#new-side #side-tel .side-tel-number{
  font-size: 25px;
  color: #ce3b28;
  letter-spacing: -0.04em;
}

#new-side #side-tel .side-tel-hour{
  font-size: 12px;
}

#new-side #side-service{
  border: 1px solid #ccc;
  margin-top: 14px;
  padding: 25px 14px;
  line-height: 1.6;
}

#new-side #side-service #side-service-Main-title{
  color: #ce3b28;
  font-size: 17px;
  font-weight: bold;
}

#new-side #side-service dl{
  margin-top: 30px;
}

#new-side #side-service .link-icon{
  color: #ce3b28;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

#new-side #side-service .link-icon span{
  text-decoration: none;
}

#new-side #side-service .link-btn{
  margin-top: 30px;
  text-align: center;
  line-height: 1;
}

#new-side #side-service .link-btn a{
  display: inline-block;
  padding: 13px 22px 11px;
  border-radius: 6px;
  background: #fbb03b;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

#new-side #side-service .link-text-02 a{
  font-size: 14px;
  font-size: 1.4rem;
}

#new-side #side-btn{
  margin-top: 20px;
}

#new-side #side-btn li+li{
  margin-top: 10px;
}

#new-side #side-btn li a{
  display: inline-block;
  padding: 21px 40px 19px;
  border-radius: 6px;
  border: 3px solid #ce3b28;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

#new-side #side-btn li span{
  position: relative;
  padding-left: 38px;
}

#new-side #side-btn .guide span:before{
  width: 26px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  background: url(/ips_static/common/images/icon_guide.png) 0 0 no-repeat;
  content: "";
}


#new-side #side-btn .inquiry span:before{
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
  background: url(/ips_static/common/images/icon_inquiry.png) 0 0 no-repeat;
  content: "";
}

#new-side #side-btn .contact span:before{
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background: url(/ips_static/common/images/icon_contact.png) 0 0 no-repeat;
  content: "";
}

/* お気に入りに追加した商品 */
#new-side #side-favorite{
  margin-top: 30px;
}

#new-side #side-favorite+#side-btn{
  margin-top: 30px;
}

#new-side #side-favorite .h-title{
  font-size: 14px;
  font-size: 1.4rem;
}

#new-side #side-favorite .l-column-unit{
  border: 1px solid #f5f3f2;
  border-top: 0;
  padding: 0 14px 14px 14px
}

#new-side #side-favorite .h-title+.l-column-unit{
  margin-top: 14px;
  border-top: 1px solid #f5f3f2;
}

#new-side #side-favorite .link-unit{
  padding-top: 14px;
  text-align: center;
}

#new-side #side-favorite .l-column-unit .img{
  width: 190px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#new-side #side-favorite .l-column-unit .title-text-unit dt{
  width: 50px;
}

#new-side #side-favorite .l-column-unit .ellipse-btn-01{
  margin-top: 14px;
  text-align: center;
}

#new-side #side-favorite .l-column-unit .ellipse-btn-01 a{
  width: 124px;
}

/* -------------------------------------------------------------------
  ページ下バナー
------------------------------------------------------------------- */
#bnr-wrap{
  margin-top: 45px;
}

#bnr-wrap li{
  float: left;
}

#bnr-wrap li+li{
  float: right;
}

/* -------------------------------------------------------------------
  最近見た商品
------------------------------------------------------------------- */
#recent{
  line-height: 1;
}

#recent .recent-slide-wrap-01{
  width: 688px;
}

/* 商品カラム（サイドメニューあり時） */
.h-title+.l-item-column{
  margin-top: 8px;
}

.l-item-column{
  margin: 0 -14px -16px 0;
}

.l-pager-number+.l-item-column{
  margin-top: 30px;
}

.l-item-column>.l-column-unit{
  position: relative;
  float: left;
  width: 220px;
  margin: 0 14px 16px 0;
  padding: 0 20px 20px;
  border: 1px solid #ccc;
}

#recent .l-item-column{
  margin: 0;
}

#recent .l-item-column>.l-column-unit{
  margin: 0;
}

#recent *[class^="l-item-column"]>.l-column-unit.nobd{
  border: none;
}

*[class^="l-item-column"] .img{
  width: 180px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#new-main *[class^="l-item-column"] p.img-caption,
#main *[class^="l-item-column"] p.img-caption{
  margin-top: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#new-main *[class^="l-item-column"] .copyright,
#main *[class^="l-item-column"] .copyright{
  color: #999;
  text-align: center;
  line-height: 1.1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

*[class^="l-item-column"] .copyright small{
  font-size: 10px;
  font-size: 1rem;
}

*[class^="l-item-column"] .copyright+.title-text-unit{
  margin-top: 18px;
}

*[class^="l-item-column"] .title-text-unit dt{
  width: 50px;
}

*[class^="l-item-column"] .ellipse-btn-01{
  text-align: center;
}

.l-item-column .ellipse-btn-01 a{
  width: 168px;
  color: #fff!important;
  text-align: center;
}

.l-item-column .ellipse-btn-03{
  margin-top: 8px;
  text-align: center;
}

.l-item-column .ellipse-btn-03 a{
  width: 168px;
  text-align: center;
}

.btn-wide-column.l-item-column>.l-column-unit{
  border: 1px solid #f5f3f2;
}

*[class^="l-item-column"] *[class^="ellipse-btn"]+.copyright{
  margin-top: 4px;
}

/* 商品カラム内ボタン幅広げる */
.btn-wide-column [class^=ellipse-btn] a{
  width: 178px;
}

.link-recent{
  margin-top: 20px;
  text-align: right;
}

/* 商品カラムのアイコン */
.l-column-unit .icon-unit{
  display: inline-block;
  border-radius: 0 0 4px 4px;
  padding: 4px 8px;
  margin-bottom: 12px;
  line-height: 1;
  font-size: 10px;
}

.l-column-unit .sale-01{
  background: #fbb03b;
  color: #fff;
}

.l-column-unit .sale-01:before{
  content: "★";
}

.l-column-unit .icon-unit span{
  padding-left: 0.5em;
}

/* 商品カラム（サイドメニューなし時） */
.h-title+.l-item-column-04{
  margin-top: 16px;
}

.l-item-column-04>.l-column-unit{
  float: left;
  width: 220px;
  padding: 0 18px 28px;
  border: 1px solid #ccc;
}

.l-item-column-04 .ellipse-btn-01 a{
  width: 178px;
  color: #fff!important;
}

/* ST-196対応 */
.bx-viewport{
	height: 400px;
}

/*
 * ST-141対応
 * ※デザイン調整(旧->新)
 */
.breadcrumbsSize{
	font-size: 1.4rem;
	margin-bottom: 16px;
}