@charset "utf-8";


#{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  width: 100%;
  word-break: break-all;
  background: #fff;
  width: 765px;
}

ul,
li {
  padding: 0;
  margin: 0;
}

p,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: #000;
}

li {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
/*      display: block;*/
}
a img {
  transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
a:visited,
a:active,
a:focus{
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.70;
  -moz-opacity: 0.70;
  opacity: 0.7;
  text-decoration: none;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* ページ内メニュー*/
.page_category {
  display: table;
  width: 100%;
  border-style: solid; /*  線の種類指定*/
  text-align: center;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-width: 3px;     /*-------- 線の太さ指定  --------*/
  border-color: #fff;         /*-------- 線の色指定  --------*/
}
.page_category a {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  text-decoration: none;
  background-color: #b81b22;  /*  ページ内メニューボタンの背景色*/
  height: 70px;
  border-right: 3px solid #fff;
  color: #fff;
}
.page_category.col_2 a {
  font-size: 18px; /*  2項目の文字サイズを変更  */
}

.page_category.col_3 a {
  font-size: 18px; /*  3項目の文字サイズを変更  */
}

.page_category.col_4 a {
  font-size: 18px; /*  4項目の文字サイズを変更  */
}

.page_category.col_5 a {
  font-size: 16px; /*  5項目の文字サイズを変更  */
}

.page_category a:after {
  content: " ▼";
}

.page_category.col_2 a.left {
  width: 382px;
}

.page_category.col_2 a.right {
  width: 383px;
}

.page_category.col_3 a {
  width: 255px;
}

.page_category.col_4 a {
  width: 191px;
}

.page_category.col_5 a {
  width: 153px;
}

.page_category a:last-child {
  border-right: none;
}
/*--------  特集説明文  --------*/
.intro {
  font-size: 15px;   /*  文字の大きさ変更 -*/
  line-height: 26px; /*  行の高さ変更  */
  font-weight: bold; /*  文字の太さ変更  */
  padding: 25px 0;
  text-align: center;
  color: #b81b22;             /*  文字色変更  */
  background-color: #eae8e6;  /*  特集説明文の背景色設定  */
}

/*--------  見出し  --------*/
h3.subtitle {
  padding: 22px;
  text-align: center;  /*  見出しの文字の向きを変更  */
  font-size: 25px;            /*  文字サイズを変更  */
  font-weight: bold;          /*  文字の太さを変更  */
  color: #fff;                /*  文字色を変更  */
  background-color: #b81b22;  /*  見出しの背景色を変更  */
  line-height: 30px;
}
/*-------- 商品紹介 --------*/
.item_space>img{
  width: 345px;
}
.item_space,
.detail_image,
.detail_text{
  padding: 25px;
}
/*-------- 商品紹介 --------*/
.catch_text {
  margin-top: -5px;
  vertical-align: top;
  font-size: 15px;
  color: #291b1b;   /*  文字色の変更*/
  line-height: 30px;
}
.item_space .left {
  float: left;
}
.item_space.left>img{
  float: left;
}
.item_space.left>div,
.item_space.left h3,
.item_space.left p{
  padding-left: 365px;
}
.item_space.left .s_btn{
  display: block;
  margin-left: 365px;
  margin-top: 36px;
}
.item_space.right>img{
  float: right;
}
.item_space.right>div,
.item_space.right h3,
.item_space.right p{
  padding-right: 365px;
}
.item_space.right .s_btn{
  display: block;
  margin-right: 365px;
  margin-top: 36px;
}
.info_space {
  text-align: left;
  width: 345px;
}
.icon_space{
  line-height: 0;
}
.icon_space img{
  padding-bottom: 5px;
}
.info_text {
  font-size: 13px;     /*  文字サイズの変更*/
  line-height: 24px;   /*  行の高さの変更*/
  margin-bottom: 15px; /*  商品紹介文下の間隔変更*/
}
.item_ttl {
  font-size: 15px;   /*  商品名の文字サイズを変更*/
  line-height: 26px; /*  商品名の行の高さを変更*/
  font-weight: bold; /*  商品名の文字の太さを変更*/
  color: #291b1b;    /*  商品名の文字色を変更*/
}

.price_normal {
  font-size: 13px;   /*  通常価格の文字サイズを変更*/
  line-height: 24px; /*  通常価格の行の高さを変更*/
}
.price_selling {
  font-size: 15px;   /*  販売価格の文字サイズを変更*/
  line-height: 24px; /*  販売価格の行の高さを変更*/
  font-weight: bold; /*  販売価格の文字の太さを変更*/
  color: #da0000;             /*  販売価格の文字色を変更*/
}
/*--------  ボタン 小  --------*/
.item_space .s_btn {
  display: block;
  background-image: url(/d_images/campaign/format/arr01.png);
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-color: #b81b22;
  line-height: 70px;
  text-align: center;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  font-size: 20px;
  color: #fff;                /*  文字色  */
}
/*--------  ボタン 大  --------*/
 .l_btn {
  display: block;
  background: url(/d_images/campaign/format/arr02.png);
  background-repeat: no-repeat;
  background-position: top 50% right 20px;
  background-color: #b81b22;  /*  背景色  */
  line-height: 70px;
  color: #fff;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  text-align: center;
  font-size: 20px;
}
 .l_btn_inner {
  /* 「ボタン 大」周りの間隔*/
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  background-color: #eae8e6;  /*「ボタン 大」ボタン周りの背景色*/
}
  .l_btn_inner .l_btn {
    color: #fff;                /*  文字色  */
    background-color: #b81b22;  /*  背景色  */
  }
/* 写真2・3枚時の設定 */
.detail_image {
  padding-top: 0px;
}
.detail_image img {
  float: left;
  width: 345px;
  margin-right: 25px;
}
.detail_image.m img {
  width: 225px;
  margin-right: 20px;
}
.detail_image img:last-child {
  float: right;
  margin-right: 0;
}
/*  追加テキスト部分設定*/
.detail_text {
  padding-top: 5px;
}
.detail_text{
  text-align: left;  /*  テキストの向き*//*左寄せ*/
  font-size: 13px;   /*  文字サイズ*/
  line-height: 24px; /*  行の高さ*/
}

/* カテゴリー設定 */
.category_link{
      /*  カテゴリーで選ぶの回りの間隔  */
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 17px;
  background-color: #eae8e6;  /*  背景色  */
}
.category_link a {
  margin-top: 6px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  text-align: left;  /*  テキストの向き*//* 左寄せ*/
  font-size: 14px;   /*  文字サイズ*/
  line-height: 57px; /*  行の高さ*/
  display: block;
}
.category_link a:nth-child(4n) {
  margin-right: 0;
}
.category_link a {
  display: block;
}
.category_ttl,
.yosan_ttl{
  background-image: url(/d_images/campaign/format/icon01.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 30px;
}
.category_ttl img,
.yosan_ttl img{
  height: 34px;
}
.category_ttl {
  text-align: left; /*  テキストの向き*//* 左寄せ*/
}
.category_box {
  margin-top: 30px; /*  「カテゴリーで選ぶ」の上の間隔*/
}
/*  ご予算で選ぶ 設定*/
.yosan_link {
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 18px;
  padding-left: 17px;
  background-color: #eae8e6;  /*  背景色  */
}
.yosan_link a{
  background-image: url(/d_images/campaign/format/yosan_arr.png),url(/d_images/campaign/format/yosan_bg.png);
  background-repeat: no-repeat,no-repeat;
  background-position: top 50% right 4%, top left;
  width: 148px;
  height: 57px;
  display: block;
  float: left;
  margin-top: 6px;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 0;
  text-align: left;  /*  テキストの向き*//* 左寄せ*/
  font-size: 14px;   /*  文字サイズ*/
  line-height: 57px; /*  行の高さ*/
  padding-left: 10px;
  padding-right: 20px;
}
.yosan_link a:nth-child(4n) {
  margin-right: 0;
}
.yosan_link .lin2{
line-height: 18px;
padding-top: 10px;
height: 47px;
}
.yosan_ttl {
  text-align: left; /*  テキストの向き*//* 左寄せ*/
}
.yosan_box {
  margin-top: 30px;
}
/*  ライン 設定*/
.line {
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #fff;
  border-top-width: 1px;      /* アイテムごとの区切り線の太さ*/
}
.bg_color{
  background-color: #eae8e6;  /*  商品紹介部分の背景色設定  */
 }