@charset "UTF-8";
/*===========================================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
  このCSSファイルはSassから生成されていますので
  編集しないようにご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
==============================================================*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
  記述ルール
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/
/*
* BEM記法を推奨
* タグに依存しないように記載する（<h1>だけでスタイルがつかないようにし、必ずクラスをつける）
* 目次としてコメントを必ずつける
*
*
*
*
*
*/
/*!==================================================================
$base
==================================================================*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1.61;
  color: #000000;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
img,
p,
div,
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  border: none;
  vertical-align: bottom;
}

b {
  font-weight: bold;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}

/*!====================================================================
$アンカー設定
=====================================================================*/
a:link {
  text-decoration: none;
  vertical-align: baseline;
}
a img {
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  transition-property: background;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*==================================================================
$LAYOUT レイアウトに適用するセレクタ
==================================================================*/
/*-------------------------------------------------------------------------------------------
$main
---------------------------------------------------------------------------------------------*/
.main, .main2 {
  margin-bottom: 10px;
  position: relative;
}
.main.col_max, .col_max.main2 {
  width: 1280px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 10px;
  padding: 32px 32px 1px 32px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.main.col_max:before, .col_max.main2:before {
  content: url(/imp/common/images/common/corner_L.png);
  position: absolute;
  top: -2px;
  left: -3px;
  width: 133px;
  height: 85px;
  z-index: 2;
}
.main.col_maxN, .col_maxN.main2 {
  width: 1280px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 10px;
  padding: 32px 32px 1px 32px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.main.col_min, .col_min.main2 {
  width: 956px;
  float: right;
  background: #FFF;
  border-radius: 10px;
  padding: 32px 32px 1px 32px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.main.col_min_transparent, .col_min_transparent.main2 {
  width: 956px;
  float: right;
}
.main.col_min_transparent .container, .col_min_transparent.main2 .container {
  background: #FFF;
  border-radius: 10px;
  padding: 32px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
@media screen and (max-width: 1280px) {
  .main.col_max, .col_max.main2 {
    width: calc( 100% - 20px);
    margin: 0 auto;
  }
  .main.col_maxN, .col_maxN.main2 {
    width: calc( 100% - 20px);
    margin: 0 auto;
  }
  .main.col_min, .col_min.main2 {
    width: 74.25%;
  }
  .main.col_min_transparent, .col_min_transparent.main2 {
    width: 74.25%;
  }
}
@media screen and (max-width: 956px) {
  .main.col_min, .col_min.main2 {
    width: 100%;
    float: none;
  }
  .main.col_min_transparent, .col_min_transparent.main2 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 780px) {
  .main.col_max, .col_max.main2 {
    padding: 15px 15px 1px 15px;
  }
  .main.col_maxN, .col_maxN.main2 {
    padding: 15px 15px 1px 15px;
  }
}
@media screen and (max-width: 640px) {
  .main, .main2 {
    padding: 15px 15px 1px 15px;
  }
  .main.col_max, .col_max.main2 {
    width: calc( 100% - 20px);
    margin: 0 auto;
  }
  .main.col_max:before, .col_max.main2:before {
    content: none;
  }
  .main.col_min, .col_min.main2 {
    float: none;
    width: 100%;
    padding: 10px 10px 1px 10px;
    margin: 0 auto;
  }
  .main.col_min_transparent, .col_min_transparent.main2 {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .main.col_min_transparent .container, .col_min_transparent.main2 .container {
    padding: 10px;
  }
}

/*-------------------------------------------------------------------------------------------
$main2
---------------------------------------------------------------------------------------------*/
.main2 {
  padding: 32px 75px 1px;
}
@media screen and (max-width: 956px) {
  .main2 {
    padding: 15px 15px 1px 15px;
  }
}
@media screen and (max-width: 640px) {
  .main2.col_max {
    padding: 10px 10px 1px 10px;
  }
}

/*-------------------------------------------------------------------------------------------
$side
---------------------------------------------------------------------------------------------*/
.side {
  float: left;
  width: 312px;
  background: #FFF;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1280px) {
  .side {
    width: 24.25%;
    margin-right: 1.5%;
  }
}
@media screen and (max-width: 956px) {
  .side {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
@media screen and (max-width: 640px) {
  .side {
    float: none;
    width: 100%;
    margin-right: 0;
    margin: 3em auto 0;
  }
}

/*-------------------------------------------------------------------------------------------
$shell2
---------------------------------------------------------------------------------------------*/
.shell2 {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .shell2 {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 640px) {
  .shell2 {
    width: calc(100% - 20px);
  }
}

.shell3 {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .shell3 {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------
$wrap
---------------------------------------------------------------------------------------------*/
.wrap2 {
  border: 1px solid #FDD3E8;
  -webkit-box-shadow: 0 0 2px 2px rbga(254, 216, 236, 0.8) inset;
  box-shadow: 0 0 2px 2px rbga(254, 216, 236, 0.8) inset;
  background: url(/imp/common/images/common/bg_pink_line.png) repeat;
  padding: 25px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 25px;
}
@media screen and (max-width: 640px) {
  .wrap2 {
    padding: 10px;
    margin-bottom: 25px;
  }
}

/*==================================================================
$BLOCK ブロックに適用するセレクタ
==================================================================*/
.pc {
  display: block;
}
@media screen and (max-width: 1280px) {
  .pc {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 1280px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .sp {
    display: block;
  }
}

.tablet {
  display: none;
}
@media screen and (max-width: 1280px) {
  .tablet {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .tablet {
    display: none;
  }
}

/*-------------------------------------------------------------------------------------------
$pc_slider

---------------------------------------------------------------------------------------------*/
.pc_slider_wrapper {
  width: 100%;
  background-color: #E7E2E6;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 780px) {
  .pc_slider_wrapper {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .pc_slider_wrapper {
    display: none;
  }
}
.pc_slider_wrapper .slider_container {
  max-width: 1351px;
  margin: 0 auto;
  position: relative;
}

/*-------------------------------------------------------------------------------------------
$sp_slider
---------------------------------------------------------------------------------------------*/
.sp_slider {
  display: none;
}
@media screen and (max-width: 780px) {
  .sp_slider {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .sp_slider {
    display: block;
  }
}

/*-------------------------------------------------------------------------------------------
$kyv
---------------------------------------------------------------------------------------------*/
.kyv {
  width: 100%;
}
.kyv p {
  max-width: 1280px;
  margin: 0 auto;
}
.kyv p img {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .kyv p {
    max-width: 100%;
  }
}
@media screen and (max-width: 956px) {
  .kyv p {
    max-width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .kyv p {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .kyv p {
    max-width: 100%;
  }
}

.kyv_L {
  display: block;
}
@media screen and (max-width: 1280px) {
  .kyv_L {
    display: block;
  }
}
@media screen and (max-width: 956px) {
  .kyv_L {
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .kyv_L {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .kyv_L {
    display: none;
  }
}

.kyv_S {
  display: none;
}
@media screen and (max-width: 1280px) {
  .kyv_S {
    display: none;
  }
}
@media screen and (max-width: 956px) {
  .kyv_S {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .kyv_S {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .kyv_S {
    display: block;
  }
}

.kyv_make {
  background: url(/imp/deco.make/images/make/kyv_bg.jpg) no-repeat center top;
}

.kyv_select {
  background: url(/imp/deco.select/images/select/kyv_bg.jpg) no-repeat center top;
}

.kyv_birthday {
  background: url(/imp/common/images/birthday/kyv_bg.jpg) no-repeat center top;
}

.kyv_bridal {
  background: url(/imp/common/images/bridal/kyv_bg.jpg) no-repeat center top;
}

.kyv_pets {
  background: url(/imp/common/images/pets/kyv_bg.jpg) no-repeat center top;
}

.kyv_oem {
  background: url(/imp/common/images/oem/kyv_bg.jpg) no-repeat center top;
}

/*-------------------------------------------------------------------------------------------
$contBox_01_L
---------------------------------------------------------------------------------------------*/
.contBox_01_L, .contBox_02_L {
  margin: 0 auto 40px;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.contBox_01_L:before, .contBox_02_L:before, .contBox_01_L:after, .contBox_02_L:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.contBox_01_L:after, .contBox_02_L:after {
  clear: both;
}
.contBox_01_L .box_img, .contBox_02_L .box_img {
  width: 50%;
  float: right;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: url(/imp/deco/images/top/img_05.png) no-repeat center top;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  height: 380px;
}
.contBox_01_L .box_body, .contBox_02_L .box_body {
  width: 50%;
  float: left;
  position: relative;
}
.contBox_01_L .box_body:before, .contBox_02_L .box_body:before {
  content: url(/imp/deco/images/common/corner_L.png);
  position: absolute;
  top: -2px;
  left: -3px;
  width: 133px;
  height: 85px;
  z-index: 2;
}
.contBox_01_L .box_body .wrapper, .contBox_02_L .box_body .wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.contBox_01_L .box_body .wrapper .inner, .contBox_02_L .box_body .wrapper .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 380px;
  width: 100%;
  zoom: 1;
}
.contBox_01_L .box_body .wrapper .inner .ttl, .contBox_02_L .box_body .wrapper .inner .ttl {
  margin-bottom: 2em;
}
.contBox_01_L .box_body .wrapper .inner .ttl img, .contBox_02_L .box_body .wrapper .inner .ttl img {
  max-width: 100%;
}
.contBox_01_L .box_body .wrapper .inner .lead, .contBox_02_L .box_body .wrapper .inner .lead {
  margin-bottom: .5em;
  font-weight: 800;
}
.contBox_01_L .box_body .wrapper .inner .lead2, .contBox_02_L .box_body .wrapper .inner .lead2 {
  margin-bottom: .5em;
  font-weight: 800;
  text-align: left;
  color: #000;
  text-decoration: none;
  padding: 0 6%;
}
.contBox_01_L .box_body .wrapper .inner .btn, .contBox_02_L .box_body .wrapper .inner .btn {
  padding-bottom: 0;
  padding: 0 6%;
}

@media screen and (max-width: 1280px) {
  .contBox_01_L, .contBox_02_L {
    width: calc(100% - 20px);
  }
  .contBox_01_L .box_img, .contBox_02_L .box_img {
    height: 380px;
  }
  .contBox_01_L .box_body .wrapper .inner, .contBox_02_L .box_body .wrapper .inner {
    height: 380px;
    padding: 3% 10%;
  }
}
@media screen and (max-width: 640px) {
  .contBox_01_L, .contBox_02_L {
    width: calc(100% - 20px);
  }
  .contBox_01_L .box_img, .contBox_02_L .box_img {
    width: 100%;
    float: none;
    background: none;
    height: auto;
  }
  .contBox_01_L .box_body, .contBox_02_L .box_body {
    width: 100%;
    float: none;
  }
  .contBox_01_L .box_body:before, .contBox_02_L .box_body:before {
    content: none;
  }
  .contBox_01_L .box_body .wrapper .inner, .contBox_02_L .box_body .wrapper .inner {
    height: auto;
    padding: 3% 10%;
  }
  .contBox_01_L .box_body .wrapper .inner .ttl, .contBox_02_L .box_body .wrapper .inner .ttl {
    display: none;
  }
}
/*-------------------------------------------------------------------------------------------
$contBox_01_R
---------------------------------------------------------------------------------------------*/
.contBox_01_R {
  margin: 0 auto 40px;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.contBox_01_R:before, .contBox_01_R:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.contBox_01_R:after {
  clear: both;
}
.contBox_01_R .box_img {
  width: 50%;
  float: left;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: url(/imp/deco/images/top/img_06.png) no-repeat center top;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  height: 380px;
}
.contBox_01_R .box_body {
  width: 50%;
  float: right;
  position: relative;
}
.contBox_01_R .box_body:before {
  content: url(/imp/deco/deco/images/top/corner_R.png);
  position: absolute;
  top: -2px;
  right: -8px;
  width: 133px;
  height: 85px;
  z-index: 2;
}
.contBox_01_R .box_body .wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.contBox_01_R .box_body .wrapper .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 380px;
  width: 100%;
}
.contBox_01_R .box_body .wrapper .inner .ttl {
  margin-bottom: 2em;
}
.contBox_01_R .box_body .wrapper .inner .lead {
  margin-bottom: .5em;
  font-weight: 800;
}
.contBox_01_R .box_body .wrapper .inner .lead2 {
  margin-bottom: .5em;
  font-weight: 800;
  text-align: left;
  color: #000;
  text-decoration: none;
  padding: 0 6%;
}
.contBox_01_R .box_body .wrapper .inner .btn {
  padding-bottom: 0;
  padding: 0 6%;
}

@media screen and (max-width: 1280px) {
  .contBox_01_R {
    width: calc(100% - 20px);
  }
  .contBox_01_R .box_img {
    height: 380px;
  }
  .contBox_01_R .box_body .wrapper .inner {
    height: 380px;
    padding: 3% 10%;
  }
}
@media screen and (max-width: 640px) {
  .contBox_01_R {
    width: calc(100% - 20px);
  }
  .contBox_01_R .box_img {
    width: 100%;
    float: none;
    background: none;
    height: auto;
  }
  .contBox_01_R .box_body {
    width: 100%;
    float: none;
  }
  .contBox_01_R .box_body:before {
    content: none;
  }
  .contBox_01_R .box_body .wrapper .inner {
    height: auto;
    padding: 3% 10%;
  }
  .contBox_01_R .box_body .wrapper .inner .ttl {
    display: none;
  }
}
/*-------------------------------------------------------------------------------------------
$contBox_01_L
---------------------------------------------------------------------------------------------*/
.contBox_02_L .box_img {
  background: url(/imp/deco/images/top/img_04.png) no-repeat center top;
}

/*-------------------------------------------------------------------------------------------
$contBox_03
---------------------------------------------------------------------------------------------*/
.contBox_03 {
  border: 5px solid #FFD4D3;
  background-color: #FFFCCF;
  padding: 40px;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .contBox_03 {
    padding: 20px;
    margin-bottom: 25px;
  }
}

/*-------------------------------------------------------------------------------------------
$contBox_04
---------------------------------------------------------------------------------------------*/
.contBox_04 {
  background-color: #FFF;
  padding: 40px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 640px) {
  .contBox_04 {
    padding: 20px;
    margin-bottom: 15px;
  }
}

/*-------------------------------------------------------------------------------------------
$contBox_05
---------------------------------------------------------------------------------------------*/
.contBox_05 {
  border: 5px solid #FFD4D3;
  background-color: #FFFCCF;
  padding: 20px 100px;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .contBox_05 {
    padding: 20px;
    margin-bottom: 25px;
  }
}

/*-------------------------------------------------------------------------------------------
$contBox_06
---------------------------------------------------------------------------------------------*/
.contBox_06 {
  background-color: #FFF;
  padding: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 640px) {
  .contBox_06 {
    padding: 20px;
    margin-bottom: 25px;
  }
}

/*------------------------------------------------------------------------------------------
$contBox_07
---------------------------------------------------------------------------------------------*/
.contBox_07 {
  padding: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .contBox_07 {
    padding: 10px 0 0;
    margin-bottom: 25px;
  }
}

/*-------------------------------------------------------------------------------------------
$caution
---------------------------------------------------------------------------------------------*/
.caution {
  background-color: #FFF;
  padding: 10px 40px;
  margin-bottom: 25px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
}
.caution dl {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.caution dl dt {
  display: table-cell;
  width: 25%;
  vertical-align: middle;
  text-align: center;
}
.caution dl dd {
  display: table-cell;
  width: 75%;
}
.caution dl dd ul {
  width: 100%;
}
.caution dl dd ul li {
  font-size: 18px;
  width: 100%;
  padding: 1em 0 1em 5em;
}
.caution dl dd ul li + li {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.caution dl dd ul li:nth-child(1) {
  background: url(/imp/deco.make/images/make/icon_no_1_brown.png) no-repeat 1em 50%;
  padding-left: 4em;
}
.caution dl dd ul li:nth-child(2) {
  background: url(/imp/deco.make/images/make/icon_no_2_brown.png) no-repeat 1em 50%;
  padding-left: 4em;
}
.caution dl dd ul li:nth-child(3) {
  background: url(/imp/deco.make/images/make/icon_no_3_brown.png) no-repeat 1em 50%;
  padding-left: 4em;
}
.caution dl dd ul li span {
  color: #eb2c91;
  font-weight: 800;
}
.caution dl dd ul li span.txt_date {
  font-size: 35px;
}

@media screen and (max-width: 780px) {
  .caution {
    padding: 10px;
    margin-bottom: 25px;
  }
  .caution dl {
    display: block;
  }
  .caution dl dt {
    width: 100%;
    display: block;
  }
  .caution dl dd {
    width: 100%;
    display: block;
  }
  .caution dl dd ul li {
    padding: .5em;
  }
  .caution dl dd ul li:nth-child(1) {
    background: none;
    padding-left: 10px;
  }
  .caution dl dd ul li:nth-child(2) {
    background: none;
    padding-left: 10px;
  }
  .caution dl dd ul li:nth-child(3) {
    background: none;
    padding-left: 10px;
  }
  .caution dl dd ul li span {
    color: #eb2c91;
    font-weight: 800;
  }
  .caution dl dd ul li span.txt_date {
    font-size: 30px;
  }
}
/*-------------------------------------------------------------------------------------------
$topTopics
---------------------------------------------------------------------------------------------*/
.topTopics {
  margin: 0 auto 2em;
}
.topTopics ul:before, .topTopics ul:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.topTopics ul:after {
  clear: both;
}
.topTopics ul li {
  background-color: #FFF;
  float: left;
  width: 296px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-weight: 800;
}
.topTopics ul li:nth-child(4n) {
  margin-right: 0;
}
.topTopics ul li a {
  text-align: center;
  display: block;
  position: relative;
  color: #000;
}
.topTopics ul li a:after {
  content: url(/imp/common/images/common/corner_arrow_01_off.png);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 2;
  -webkit-transition: content .4s easeInOut;
  -moz-transition: content .4s easeInOut;
  -ms-transition: content .4s easeInOut;
  -o-transition: content .4s easeInOut;
  transition: content .4s easeInOut;
}
.topTopics ul li a:hover:after {
  content: url(/imp/common/images/common/corner_arrow_01_on.png);
}
.topTopics ul li .box_img {
  text-align: center;
}
.topTopics ul li .box_img img {
  width: 100%;
}
.topTopics ul li .box_body {
  display: table;
  margin: auto;
  width: 100%;
  table-layout: fixed;
}
.topTopics ul li .box_body .cont {
  display: table-cell;
  text-align: center;
  height: 80px;
  vertical-align: middle;
  font-size: 18px;
}

@media screen and (max-width: 1280px) {
  .topTopics {
    width: calc(100% - 20px);
  }
  .topTopics ul li {
    width: 24.25%;
    margin-right: 1%;
  }
}
@media screen and (max-width: 640px) {
  .topTopics {
    width: calc(100% - 20px);
    margin: 0 auto 2em;
  }
  .topTopics ul:before, .topTopics ul:after {
    content: '';
    display: table;
    table-layout: fixed;
  }
  .topTopics ul:after {
    clear: both;
  }
  .topTopics ul li {
    background-color: #FFF;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px 0 #CCC;
  }
  .topTopics ul li:nth-child(odd) {
    margin-right: 0;
    float: left;
  }
  .topTopics ul li:nth-child(even) {
    margin-right: 0;
    float: right;
  }
  .topTopics ul li a {
    text-align: center;
    display: block;
    position: relative;
  }
  .topTopics ul li a:after {
    content: url(/imp/deco/images/top/corner_arrow_01_off.png);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    -webkit-transition: content .4s easeInOut;
    -moz-transition: content .4s easeInOut;
    -ms-transition: content .4s easeInOut;
    -o-transition: content .4s easeInOut;
    transition: content .4s easeInOut;
  }
  .topTopics ul li a:hover:after {
    content: url(/imp/deco/images/top/corner_arrow_01_on.png);
  }
  .topTopics ul li .box_img {
    text-align: center;
  }
  .topTopics ul li .box_body {
    display: table;
    margin: auto;
  }
  .topTopics ul li .box_body .cont {
    display: table-cell;
    text-align: center;
  }
  .topTopics ul li .box_body .cont img {
    vertical-align: middle;
  }
}
/*-------------------------------------------------------------------------------------------
$topInfo
---------------------------------------------------------------------------------------------*/
.topInfo, .newsInfo {
  padding: 25px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1280px) {
  .topInfo, .newsInfo {
    width: calc( 100% - 20px);
    margin: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .topInfo, .newsInfo {
    width: calc( 100% - 20px);
    margin: 0 10px;
  }
}

/*-------------------------------------------------------------------------------------------
$infoList
---------------------------------------------------------------------------------------------*/
.infoList {
  margin-top: 1em;
}
.infoList li {
  line-height: 1.6em;
  padding: 1em 0;
}
.infoList li:before, .infoList li:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.infoList li:after {
  clear: both;
}
.infoList li:last-child {
  padding-bottom: 0;
}
.infoList li .date {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 700;
  width: calc( 6em + 99px);
}
.infoList li .date:before, .infoList li .date:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.infoList li .date:after {
  clear: both;
}
.infoList li .date b {
  background-color: #5a0600;
  display: block;
  float: right;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 10px;
  width: 90px;
  text-align: center;
  margin-right: 9px;
}
.infoList li .text {
  display: block;
  margin-left: calc( 6em + 99px);
}
.infoList li + li {
  border-top: 1px solid #eee;
}
.infoList a {
  display: block;
}
.infoList a:link {
  line-height: 1.6em;
  color: #00bbcd;
  text-decoration: none;
}
.infoList a:visited {
  color: #00bbcd;
  text-decoration: none;
}
.infoList a:hover {
  color: #00bbcd;
  text-decoration: underline;
}
.infoList a:active {
  color: #00bbcd;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .infoList li .date {
    display: block;
    float: none;
  }
  .infoList li .text {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .infoList li a {
    margin-left: 0;
    margin-top: .5em;
  }
}
/*-------------------------------------------------------------------------------------------
$newsInfo
---------------------------------------------------------------------------------------------*/
.newsInfo {
  width: 100%;
  padding: 0 25px 25px 25px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: none;
  box-shadow: none;
}
.newsInfo .newsYear {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #590000;
  letter-spacing: 4px;
  background: url(/imp/common/images/common/line_01.png) no-repeat center bottom;
  padding-bottom: 2px;
}
.newsInfo .newsYear span {
  font-size: 40px;
}

/*-------------------------------------------------------------------------------------------
$pager
---------------------------------------------------------------------------------------------*/
.pager {
  text-align: center;
}

a.page-numbers,
.pager .current {
  display: inline-block;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  font-size: 18px;
  line-height: 30px;
  border: 2px solid #ab635e;
  background-color: #ab635e;
  color: #FFF;
  margin: 0 2px;
}

.pager .current {
  border: 2px solid #43100c;
  background-color: #5a0600;
  color: #FFF;
}

/*-------------------------------------------------------------------------------------------
$pro_list
---------------------------------------------------------------------------------------------*/
.pro_list {
  width: 100%;
  margin-bottom: 3em;
}
.pro_list:before, .pro_list:after {
  content: '';
  display: table;
}
.pro_list:after {
  clear: both;
}
.pro_list li {
  width: calc(96% / 5);
  margin-right: 1%;
  float: left;
  background: #FFF;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.pro_list li:nth-child(5n) {
  margin-right: 0;
}
.pro_list li .ttl {
  padding: 1em .5em;
  color: #5A0600;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #FFF;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) inset;
}
.pro_list li .ttl.blue {
  background-color: #D8F0FC;
}
.pro_list li .ttl.pink {
  background-color: #FCE1EB;
}
.pro_list li .ttl.yellow {
  background-color: #FDFACE;
}
.pro_list li .ttl.green {
  background-color: #DBEDDE;
}
.pro_list li .ttl.bluegreen {
  background-color: #C6E5E9;
}
.pro_list li .ttl.salmonpink {
  background-color: #FCE1CF;
}
.pro_list li .ttl.brown {
  background-color: #E4D6BF;
}
.pro_list li .ttl.ivory {
  background-color: #E3E3E3;
}
.pro_list li .ttl.purple {
  background-color: #DDDBED;
}
.pro_list li p {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1) inset;
}
.pro_list li p.blue {
  background-color: #E8F6FC;
}
.pro_list li p.pink {
  background-color: #FCEDF3;
}
.pro_list li p.yellow {
  background-color: #FEFBE1;
}
.pro_list li p.green {
  background-color: #E9F4EB;
}
.pro_list li p.bluegreen {
  background-color: #DBEFF1;
}
.pro_list li p.salmonpink {
  background-color: #FCEDE1;
}
.pro_list li p.brown {
  background-color: #FCEDE1;
}
.pro_list li p.ivory {
  background-color: #EEEEEE;
}
.pro_list li p.purple {
  background-color: #EAE9F3;
}
.pro_list li p span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 1280px) {
  .pro_list li {
    width: calc(97% / 4);
    margin-right: 1%;
  }
  .pro_list li:nth-child(5n) {
    margin-right: 1%;
  }
  .pro_list li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .pro_list li {
    width: 48%;
    margin-bottom: 15px;
  }
  .pro_list li:nth-child(odd) {
    float: left;
    margin-right: 0;
  }
  .pro_list li:nth-child(even) {
    float: right;
    margin-right: 0;
  }
}
/*-------------------------------------------------------------------------------------------
$cautionList
---------------------------------------------------------------------------------------------*/
.cautionList {
  width: 100%;
}
.cautionList:before, .cautionList:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.cautionList:after {
  clear: both;
}
.cautionList li {
  float: left;
  width: calc(96%/3);
  margin-right: 2%;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  position: relative;
}
.cautionList li:nth-child(1) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_1_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(1):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_1.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(2) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_2_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(2):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(../../deco.make/images/make/icon_no_2.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(3) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_3_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(3):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_3.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(4) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_4_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(4):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_4.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(5) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_5_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(5):before {
  position: absolute;
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_5.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(6) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_6_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(6):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_6.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(7) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_7_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(7):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_7.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(8) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_8_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(8):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_8.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(9) {
  /*            &:after {
                  position: absolute;
                  content: url(/imp/deco.make/images/make/img_caution_9_pop.png);
                  top: 60px;
                  right: 10px;
              }*/
}
.cautionList li:nth-child(9):before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: url(/imp/deco.make/images/make/icon_no_9.png);
  width: 45px;
  height: 46px;
  top: -10px;
  left: -10px;
  background-size: contain;
  vertical-align: middle;
}
.cautionList li:nth-child(3n) {
  margin-right: 0;
}
.cautionList li .ttl {
  background: #FFFCC4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 2px solid #F1CAE3;
  color: #5a0600;
  padding: 1em 4em;
  line-height: 1.3;
  font-weight: 800;
  font-size: 15px;
}
.cautionList li .cautionImg {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.cautionList li .cautionImg p {
  display: table-cell;
  background: #FFF;
  text-align: center;
  padding: 1em;
  vertical-align: middle;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media screen and (max-width: 1280px) {
  .cautionList li:nth-child(1):before, .cautionList li:nth-child(2):before, .cautionList li:nth-child(3):before, .cautionList li:nth-child(4):before, .cautionList li:nth-child(5):before, .cautionList li:nth-child(6):before, .cautionList li:nth-child(7):before, .cautionList li:nth-child(8):before, .cautionList li:nth-child(9):before {
    width: 35px;
    height: 35px;
  }
  .cautionList li:nth-child(1):after, .cautionList li:nth-child(2):after, .cautionList li:nth-child(3):after, .cautionList li:nth-child(4):after, .cautionList li:nth-child(5):after, .cautionList li:nth-child(6):after, .cautionList li:nth-child(7):after, .cautionList li:nth-child(8):after, .cautionList li:nth-child(9):after {
    top: 70px;
    right: 10px;
  }
  .cautionList li:nth-child(3n) {
    margin-right: 0;
  }
  .cautionList li .ttl {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 956px) {
  .cautionList li:nth-child(1):after, .cautionList li:nth-child(2):after, .cautionList li:nth-child(3):after, .cautionList li:nth-child(4):after, .cautionList li:nth-child(5):after, .cautionList li:nth-child(6):after, .cautionList li:nth-child(7):after, .cautionList li:nth-child(8):after, .cautionList li:nth-child(9):after {
    top: 80px;
    right: 10px;
  }
  .cautionList li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 780px) {
  .cautionList li {
    width: calc(96%/2);
  }
  .cautionList li:nth-child(odd) {
    float: left;
  }
  .cautionList li:nth-child(even) {
    float: right;
    margin-right: 0;
  }
  .cautionList li:nth-child(2n) {
    margin-right: 0;
  }
  .cautionList li:nth-child(1):after, .cautionList li:nth-child(2):after, .cautionList li:nth-child(3):after, .cautionList li:nth-child(4):after, .cautionList li:nth-child(5):after, .cautionList li:nth-child(6):after, .cautionList li:nth-child(7):after, .cautionList li:nth-child(8):after, .cautionList li:nth-child(9):after {
    top: 70px;
    right: 10px;
  }
}
@media screen and (max-width: 640px) {
  .cautionList {
    width: 100%;
    float: none;
  }
  .cautionList li {
    width: 100%;
    margin-right: 2%;
  }
  .cautionList li:nth-child(1):before, .cautionList li:nth-child(2):before, .cautionList li:nth-child(3):before, .cautionList li:nth-child(4):before, .cautionList li:nth-child(5):before, .cautionList li:nth-child(6):before, .cautionList li:nth-child(7):before, .cautionList li:nth-child(8):before, .cautionList li:nth-child(9):before {
    width: 40px;
    height: 40px;
    top: -10px;
    left: -10px;
  }
  .cautionList li:nth-child(1):after, .cautionList li:nth-child(2):after, .cautionList li:nth-child(3):after, .cautionList li:nth-child(4):after, .cautionList li:nth-child(5):after, .cautionList li:nth-child(6):after, .cautionList li:nth-child(7):after, .cautionList li:nth-child(8):after, .cautionList li:nth-child(9):after {
    top: 60px;
    right: 10px;
  }
  .cautionList li:nth-child(3n) {
    margin-right: 0;
  }
}
/*-------------------------------------------------------------------------------------------
$cautionList2
---------------------------------------------------------------------------------------------*/
.cautionList2 {
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.cautionList2 dt {
  display: table-cell;
  background: #FFFCC4;
  width: 5%;
  padding: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cautionList2 dd {
  width: 90%;
  display: table-cell;
  background: #FFF;
  vertical-align: top;
  padding: 8px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cautionList2 dd ul:before, .cautionList2 dd ul:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.cautionList2 dd ul:after {
  clear: both;
}
.cautionList2 dd ul li {
  width: 33%;
  float: left;
  padding: 10px;
  background: url(/imp/deco.make/images/make/icon_dot_pink.png) no-repeat 10px 17px;
  padding-left: 20px;
}
.cautionList2 dd ul li + li {
  border-left: 1px dotted rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 780px) {
  .cautionList2 {
    display: block;
  }
  .cautionList2 dt {
    width: 100%;
    display: block;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px solid #F1CAE3;
  }
  .cautionList2 dt img {
    margin-left: -10px;
  }
  .cautionList2 dd {
    width: 100%;
    display: block;
  }
  .cautionList2 dd ul li {
    width: 100%;
    float: none;
  }
  .cautionList2 dd ul li + li {
    border-left: none;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
  }
}
/*-------------------------------------------------------------------------------------------
$itemChoice
---------------------------------------------------------------------------------------------*/
.itemChoice {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
  border: 5px solid #FFF;
}
.itemChoice.check {
  border: 5px solid #F18AC1;
}
.itemChoice:hover {
  cursor: pointer;
}
.itemChoice dt {
  width: 7%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #F5F5F5;
}
.itemChoice dd {
  width: 93%;
  display: table-cell;
  vertical-align: middle;
}
.itemChoice dd ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.itemChoice dd ul li {
  display: table-cell;
}
.itemChoice dd ul li.itemImg {
  width: 30%;
  text-align: center;
  vertical-align: middle;
}
.itemChoice dd ul li.itemDetail {
  width: 70%;
  vertical-align: middle;
}
.itemChoice dd ul li.itemDetail .itemName {
  font-size: 24px;
  font-weight: 800;
}
.itemChoice dd ul li.itemDetail .itemLead {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}
.itemChoice dd ul li.itemDetail .itemPrice {
  font-size: 24px;
  padding-top: 10px;
  font-weight: 800;
}
.itemChoice dd ul li.itemDetail .itemPrice span {
  color: #eb2c91;
}

@media screen and (max-width: 640px) {
  .itemChoice dd ul {
    display: block;
  }
  .itemChoice dd ul li {
    display: block;
  }
  .itemChoice dd ul li.itemImg {
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .itemChoice dd ul li.itemDetail {
    width: 100%;
    padding: 10px;
  }
}
/*-------------------------------------------------------------------------------------------
$galleryNavi
---------------------------------------------------------------------------------------------*/
.galleryNavi {
  margin-bottom: 3em;
  width: 100%;
}
.galleryNavi:before, .galleryNavi:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.galleryNavi:after {
  clear: both;
}
.galleryNavi li {
  width: calc(93.5% / 4);
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.galleryNavi li:nth-child(4) {
  margin-right: 0;
}
.galleryNavi li img {
  width: 100%;
}
.galleryNavi li a {
  display: block;
  -webkit-border-radius: 10px;
  border-radius: 0 0 10px 10px;
  background: #FFF;
  color: #000;
  font-size: 16px;
  transition-property: background;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
.galleryNavi li a:hover {
  background: url(/imp/common/images/common/bg_pink_line.png) repeat;
}
.galleryNavi li a img {
  width: 100%;
}
.galleryNavi li a b {
  display: block;
  padding: 15px 0;
  text-align: center;
  background: url(/imp/common/images/gallery/icon_arrow_01.png) no-repeat 10% 50%;
}

@media screen and (max-width: 956px) {
  .galleryNavi li {
    width: calc( 98% / 2);
    margin-right: 2%;
  }
  .galleryNavi li:nth-child(4) {
    margin-right: 0;
  }
  .galleryNavi li:nth-child(odd) {
    float: left;
    margin-right: 0;
  }
  .galleryNavi li:nth-child(even) {
    float: none;
    float: right;
    margin-right: 0;
  }
}
/*-------------------------------------------------------------------------------------------
$galleryList
---------------------------------------------------------------------------------------------*/
.galleryList {
  margin: 0 0 2em 0;
}
.galleryList:before, .galleryList:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.galleryList:after {
  clear: both;
}
.galleryList li {
  float: left;
  width: calc( 94.9999999% / 6);
  margin-right: 1%;
  margin-bottom: 10px;
}
.galleryList li:nth-child(6n) {
  margin-right: 0;
}
.galleryList li img {
  width: 100%;
}

@media screen and (max-width: 956px) {
  .galleryList li {
    width: calc( 96.5% / 4);
  }
  .galleryList li:nth-child(6n) {
    margin-right: 1%;
  }
  .galleryList li:nth-child(4n) {
    margin-right: 0;
  }
}
/*-------------------------------------------------------------------------------------------
$galleryList
---------------------------------------------------------------------------------------------*/
.galleryLinkArea {
  background: #F4F2F2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  padding: 20px;
}

/*-------------------------------------------------------------------------------------------
$bridalType
---------------------------------------------------------------------------------------------*/
.bridalType:before, .bridalType:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.bridalType:after {
  clear: both;
}
.bridalType li {
  width: calc(96% / 3);
  float: left;
  margin-right: 2%;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.bridalType li:nth-child(3n) {
  margin-right: 0;
}
.bridalType li p {
  text-align: center;
  padding: 25px;
}
.bridalType li b {
  text-align: center;
  padding: 0 25px 25px;
  display: block;
}
@media screen and (max-width: 780px) {
  .bridalType li p {
    padding: 10px;
  }
  .bridalType li b {
    padding: 0 0 15px;
  }
}

/*-------------------------------------------------------------------------------------------
$bridalIdea
---------------------------------------------------------------------------------------------*/
.bridalIdea {
  margin-top: 60px;
}
.bridalIdea:before, .bridalIdea:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.bridalIdea:after {
  clear: both;
}
.bridalIdea li {
  width: calc(98% / 2);
  float: left;
  margin-right: 2%;
}
.bridalIdea li:nth-child(2n) {
  margin-right: 0;
}
.bridalIdea li h2 {
  text-align: center;
  margin-bottom: 15px;
}
.bridalIdea li .contBody {
  background-color: #FFF;
  padding: 40px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bridalIdea li .contBody .textBox {
  margin-bottom: 15px;
  font-size: 16px;
  display: block;
  text-align: center;
}
.bridalIdea li .contBody .imgBox {
  text-align: center;
}
@media screen and (max-width: 780px) {
  .bridalIdea {
    margin-top: 20px;
  }
  .bridalIdea li {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .bridalIdea li .contBody {
    padding: 15px;
  }
}

/*-------------------------------------------------------------------------------------------
$birthdayBox
---------------------------------------------------------------------------------------------*/
.birthdayBox_01 {
  background: #FFF;
  border-radius: 10px;
  padding: 25px 25px 0 25px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.birthdayBox_01:before, .birthdayBox_01:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.birthdayBox_01:after {
  clear: both;
}
.birthdayBox_01 .box_body {
  width: 50%;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 780px) {
  .birthdayBox_01 .box_body {
    width: 100%;
    float: none;
    font-size: 14px;
  }
}
.birthdayBox_01 .box_body .pc {
  display: block;
}
@media screen and (max-width: 1280px) {
  .birthdayBox_01 .box_body .pc {
    display: block;
  }
}
@media screen and (max-width: 956px) {
  .birthdayBox_01 .box_body .pc {
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .birthdayBox_01 .box_body .pc {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .birthdayBox_01 .box_body .pc {
    display: none;
  }
}
.birthdayBox_01 .box_img {
  float: right;
  width: 50%;
  margin-top: -80px;
}
@media screen and (max-width: 956px) {
  .birthdayBox_01 .box_img {
    margin-top: -40px;
  }
}
@media screen and (max-width: 780px) {
  .birthdayBox_01 .box_img {
    margin-top: 0;
    width: 100%;
    float: none;
  }
}

.birthdayBox_02 {
  background: #FFF;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.birthdayBox_02:before, .birthdayBox_02:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.birthdayBox_02:after {
  clear: both;
}
.birthdayBox_02 .box_body {
  width: 50%;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 956px) {
  .birthdayBox_02 .box_body {
    width: 100%;
    float: none;
    font-size: 14px;
  }
}
.birthdayBox_02 .box_body:before, .birthdayBox_02 .box_body:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.birthdayBox_02 .box_body:after {
  clear: both;
}
.birthdayBox_02 .box_body .text {
  float: left;
  width: 70%;
}
.birthdayBox_02 .box_body .ph {
  float: right;
  width: calc(30% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.birthdayBox_02 .box_img {
  float: right;
  width: 50%;
  text-align: right;
}
@media screen and (max-width: 956px) {
  .birthdayBox_02 .box_img {
    width: 100%;
    float: none;
    text-align: center;
  }
}
.birthdayBox_02 .btn {
  display: block;
  padding: 10px;
  width: 60%;
  text-align: center;
  font-size: 22px;
  color: #E82C8F;
  border: 2px solid #e82c8f;
  border-radius: 8px;
  background: url(/imp/common/images/common/icon_arrow_01.png) no-repeat 90% 50%;
}
@media screen and (max-width: 1280px) {
  .birthdayBox_02 .btn {
    width: 80%;
  }
}
@media screen and (max-width: 956px) {
  .birthdayBox_02 .btn {
    width: 100%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .birthdayBox_02 .btn {
    font-size: 16px;
    width: 100%;
  }
}
@media screen and (max-width: 956px) {
  .birthdayBox_02 .linkBtnA {
    display: none;
  }
}
.birthdayBox_02 .linkBtnB {
  display: none;
}
@media screen and (max-width: 956px) {
  .birthdayBox_02 .linkBtnB {
    display: block;
  }
}

/*-------------------------------------------------------------------------------------------
$petsBox_01
---------------------------------------------------------------------------------------------*/
.petsBox_01 {
  background: #FFF;
  border-radius: 10px;
  padding: 25px 25px 1px 25px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.petsBox_01:before, .petsBox_01:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.petsBox_01:after {
  clear: both;
}
.petsBox_01 .box_body {
  width: 50%;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 780px) {
  .petsBox_01 .box_body {
    width: 100%;
    float: none;
    font-size: 14px;
  }
}
.petsBox_01 .box_body .pc {
  display: block;
}
@media screen and (max-width: 1280px) {
  .petsBox_01 .box_body .pc {
    display: block;
  }
}
@media screen and (max-width: 956px) {
  .petsBox_01 .box_body .pc {
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .petsBox_01 .box_body .pc {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .petsBox_01 .box_body .pc {
    display: none;
  }
}
.petsBox_01 .box_img {
  float: right;
  width: 50%;
  margin-top: -80px;
}
@media screen and (max-width: 956px) {
  .petsBox_01 .box_img {
    margin-top: -40px;
  }
}
@media screen and (max-width: 780px) {
  .petsBox_01 .box_img {
    margin-top: 0;
    width: 100%;
    float: none;
  }
}

.petsBox_02 {
  background: #FFF;
  border-radius: 10px;
  padding: 25px 25px 1px 25px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.petsBox_02:before, .petsBox_02:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.petsBox_02:after {
  clear: both;
}
.petsBox_02 .box_body {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  background: url(/imp/common/images/pets/img_02.png) no-repeat;
  background-size: contain;
  min-height: 330px;
}
@media screen and (max-width: 1280px) {
  .petsBox_02 .box_body {
    min-height: 280px;
  }
}
@media screen and (max-width: 956px) {
  .petsBox_02 .box_body {
    min-height: 250px;
  }
}
@media screen and (max-width: 780px) {
  .petsBox_02 .box_body {
    background: none;
  }
}
@media screen and (max-width: 780px) {
  .petsBox_02 .box_body .br {
    display: none;
  }
}
.petsBox_02 .box_img {
  float: right;
  width: 50%;
  margin-top: -80px;
}
.petsBox_02 .btn {
  display: block;
  padding: 10px;
  width: 30%;
  margin-top: 10px;
  text-align: center;
  font-size: 22px;
  color: #E82C8F;
  border: 2px solid #e82c8f;
  border-radius: 8px;
  background: #FFF url(/imp/common/images/common/icon_arrow_01.png) no-repeat 95% 50%;
}
@media screen and (max-width: 1280px) {
  .petsBox_02 .btn {
    font-size: 18px;
  }
}
@media screen and (max-width: 956px) {
  .petsBox_02 .btn {
    font-size: 16px;
    padding: 10px 0;
    background-size: 20px;
  }
}
@media screen and (max-width: 780px) {
  .petsBox_02 .btn {
    width: 100%;
  }
}
.petsBox_02 .bgimg {
  display: none;
}
@media screen and (max-width: 956px) {
  .petsBox_02 .bgimg {
    display: block;
  }
}

/*-------------------------------------------------------------------------------------------
$paymentNav
---------------------------------------------------------------------------------------------*/
.paymentNav {
  width: 100%;
}
.paymentNav:before, .paymentNav:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.paymentNav:after {
  clear: both;
}
.paymentNav li {
  float: left;
  width: calc( 94% / 4);
  padding: 15px;
  margin-right: 2%;
  margin-bottom: 10px;
  -webkit-border-radius: 15px;
  border-radius: 10px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.paymentNav li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 956px) {
  .paymentNav li {
    width: calc( 98% / 2);
  }
  .paymentNav li:nth-child(2n) {
    margin-right: 0;
  }
}
.paymentNav li a {
  display: block;
  margin: -15px;
  padding: 25px 0;
  background-color: #FFF;
  -webkit-border-radius: 15px;
  border-radius: 10px;
  font-weight: 800;
  text-align: center;
  color: #000;
  position: relative;
}
.paymentNav li a:before {
  content: url(/imp/common/images/common/hd_marker.png);
  position: absolute;
  width: 12px;
  height: 12px;
  top: 42%;
  left: 10%;
  transform: rotate(90deg);
}

/*-------------------------------------------------------------------------------------------
$convArea
---------------------------------------------------------------------------------------------*/
.convArea {
  background: #F4F2F2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  padding: 25px 25px 1px 25px;
}
@media screen and (max-width: 640px) {
  .convArea {
    padding: 15px 15px 1px 15px;
  }
}
.convArea .text {
  margin: 20px 10px;
}
.convArea .box {
  padding: 20px;
  background: #FFF;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 25px;
}

/*-------------------------------------------------------------------------------------------
$dl_01
---------------------------------------------------------------------------------------------*/
.dl_01, .dl_02 {
  margin-bottom: 2em;
  margin-top: 3em;
  border-top: 1px solid #470001;
}
.dl_01 dt, .dl_02 dt {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #470001;
  cursor: pointer;
  background: url(/imp/common/images/common/icon_open.png) no-repeat right 14px;
  padding: 20px 40px 20px 30px;
  position: relative;
}
.dl_01 dt.active, .dl_02 dt.active {
  border-bottom: none;
  background: url(/imp/common/images/common/icon_close.png) no-repeat right 14px;
}
.dl_01 dt:before, .dl_02 dt:before {
  content: "Q";
  position: absolute;
  font-size: 30px;
  font-weight: bold;
  color: #ED3C9D;
  width: 30px;
  height: 30px;
  top: 5px;
  left: 0;
}
.dl_01 dd, .dl_02 dd {
  width: 100%;
  border-top: 1px dashed #470001;
  padding: 20px 5px 20px 70px;
  display: none;
  position: relative;
}
.dl_01 dd:before, .dl_02 dd:before {
  content: "A";
  position: absolute;
  font-size: 30px;
  font-weight: bold;
  color: #470000;
  width: 30px;
  height: 30px;
  top: 10px;
  left: 30px;
}

.dl_02 {
  margin-top: 0;
  margin-bottom: 0;
}

/*-------------------------------------------------------------------------------------------
$oem_contact
---------------------------------------------------------------------------------------------*/
.oem_contact {
  width: 100%;
  margin: 0 auto;
  color: #590000;
  font-size: 16px;
  font-weight: bold;
}
.oem_contact:before, .oem_contact:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_contact:after {
  clear: both;
}
.oem_contact dt {
  clear: both;
  float: left;
  width: 28%;
  margin-right: 2%;
  padding: 15px 0;
}
.oem_contact dt:before, .oem_contact dt:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_contact dt:after {
  clear: both;
}
@media screen and (max-width: 780px) {
  .oem_contact dt {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }
}
.oem_contact dt span {
  float: right;
  color: #E82C8F;
}
@media screen and (max-width: 780px) {
  .oem_contact dt span {
    float: none;
  }
}
.oem_contact dd {
  width: 70%;
  padding: 15px 0;
  margin-left: 28%;
  margin-bottom: 10px;
}
@media screen and (max-width: 780px) {
  .oem_contact dd {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.oem_contact input {
  margin: -15px 0;
  padding: 0 5px;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 3em;
  font-size: 16px;
}
.oem_contact input.wL {
  width: 80%;
}
@media screen and (max-width: 780px) {
  .oem_contact input.wL {
    width: 100%;
  }
}
.oem_contact input.wM {
  width: 60%;
}
@media screen and (max-width: 780px) {
  .oem_contact input.wM {
    width: 100%;
  }
}
.oem_contact input.wS {
  width: 30%;
}
@media screen and (max-width: 780px) {
  .oem_contact input.wS {
    width: 100%;
  }
}
.oem_contact input.wS2 {
  width: 20%;
}
@media screen and (max-width: 780px) {
  .oem_contact input.wS2 {
    width: 90%;
  }
}
.oem_contact select {
  width: 10%;
  background: url(/imp/common/images/oem/select_btn.png) no-repeat right 50%;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: -15px 0;
  padding: 11px 5px;
  color: #333333;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 780px) {
  .oem_contact select {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .oem_contact select {
    background: url(/imp/common/images/oem/select_btn2.png) no-repeat right 50%;
  }
}
.oem_contact select.wM {
  width: 30%;
}
@media screen and (max-width: 1280px) {
  .oem_contact select.wM {
    width: 40%;
  }
}
@media screen and (max-width: 956px) {
  .oem_contact select.wM {
    width: 50%;
  }
}
@media screen and (max-width: 780px) {
  .oem_contact select.wM {
    width: 100%;
  }
}
.oem_contact select.wS {
  width: 20%;
}
@media screen and (max-width: 956px) {
  .oem_contact select.wS {
    width: 23%;
  }
}
@media screen and (max-width: 780px) {
  .oem_contact select.wS {
    width: 25%;
  }
}
@media screen and (max-width: 640px) {
  .oem_contact select.wS {
    width: 25%;
  }
}
.oem_contact textarea {
  width: 80%;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: -15px 0;
  padding: 15px 5px;
}
@media screen and (max-width: 780px) {
  .oem_contact textarea {
    width: 100%;
  }
}

.oem_contact.oem_contact dd {
  font-weight: normal;
}

/*-------------------------------------------------------------------------------------------
$oem_contact
---------------------------------------------------------------------------------------------*/
.form_btnArea {
  background-color: #f6f5f5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin-top: 1em;
  padding: 20px;
}
.form_btnArea ul:before, .form_btnArea ul:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.form_btnArea ul:after {
  clear: both;
}
.form_btnArea ul li {
  float: left;
  width: calc((100% - 30px) /2);
  text-align: center;
}
@media screen and (max-width: 956px) {
  .form_btnArea ul li:first-child {
    margin-right: 30px;
  }
}
@media screen and (max-width: 780px) {
  .form_btnArea ul li {
    float: none;
    width: 100%;
  }
}

/*----------------------------------------------------------------------------------------*/
.oem_col2 {
  width: 100%;
}
.oem_col2:before, .oem_col2:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_col2:after {
  clear: both;
}
.oem_col2 li {
  width: calc(98% / 2);
  margin-right: 2%;
  float: left;
}
@media screen and (max-width: 780px) {
  .oem_col2 li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.oem_col2 li:nth-child(2n) {
  margin-right: 0;
}
.oem_col2 li:before, .oem_col2 li:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_col2 li:after {
  clear: both;
}
.oem_col2 li img {
  float: left;
  width: 50%;
}
@media screen and (max-width: 780px) {
  .oem_col2 li img {
    margin-bottom: 10px;
  }
}
.oem_col2 li p {
  float: right;
  width: 50%;
}

/*----------------------------------------------------------------------------------------*/
.oem_col2_2 {
  width: 100%;
  margin-bottom: 2em;
}
.oem_col2_2:before, .oem_col2_2:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_col2_2:after {
  clear: both;
}
.oem_col2_2 li {
  width: calc(98% / 2);
  margin-right: 2%;
  float: left;
}
.oem_col2_2 li .oem_read {
  width: 80%;
  margin: 1em auto 0;
}
@media screen and (max-width: 780px) {
  .oem_col2_2 li .oem_read {
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .oem_col2_2 li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.oem_col2_2 li:nth-child(2n) {
  margin-right: 0;
}

/*----------------------------------------------------------------------------------------*/
.oem_col4 {
  width: 100%;
}
.oem_col4:before, .oem_col4:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.oem_col4:after {
  clear: both;
}
.oem_col4 li {
  width: calc(85% / 4);
  float: left;
}
.oem_col4 li + li {
  margin-left: 5%;
}
.oem_col4 li .imgBox {
  text-align: center;
  margin-bottom: 15px;
}
.oem_col4 li .ttl {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 3px solid #E90A85;
  margin-bottom: 8px;
}
@media screen and (max-width: 780px) {
  .oem_col4 li {
    width: calc(90% / 2);
  }
  .oem_col4 li:nth-child(odd) {
    float: left;
    margin-bottom: 2em;
  }
  .oem_col4 li:nth-child(even) {
    float: right;
    margin-bottom: 2em;
  }
  .oem_col4 li:nth-child(3) {
    margin-left: 0;
  }
  .oem_col4 li .ttl {
    font-size: 16px;
  }
}

/*----------------------------------------------------------------------------------------*/
.oem_margin_L {
  margin: 5em 0 0;
}
@media screen and (max-width: 780px) {
  .oem_margin_L {
    margin: 1em 0 0;
  }
}

/*----------------------------------------------------------------------------------------*/
.oem_DL {
  background: #F4F2F2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  padding: 25px;
}
.oem_DL .text {
  color: #5E0101;
  font-size: 22px;
  font-weight: bold;
  text-shadow: 4px 4px 1px #FFF, -4px 4px 1px #FFF, 4px -4px 1px #FFF, -4px -4px 1px #FFF;
  margin-bottom: 1em;
}
.oem_DL .box {
  background: #FFF;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  padding: 25px;
}
.oem_DL .box .btn {
  display: block;
  padding: 10px;
  width: 60%;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  color: #E82C8F;
  border: 2px solid #e82c8f;
  border-radius: 8px;
  background: url(/imp/common/images/oem/icon_DL.png) no-repeat 90% 50%;
}
@media screen and (max-width: 780px) {
  .oem_DL .box .btn {
    width: 100%;
  }
}

/*-------------------------------------------------------------------------------------------
$contact
---------------------------------------------------------------------------------------------*/
.unjust {
  border: 5px solid #FFD4D3;
  background-color: #FFFCCF;
  padding: 20px 20px 1px 20px;
  margin-bottom: 25px;
}
.unjust:before, .unjust:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.unjust:after {
  clear: both;
}
.unjust li {
  width: calc(94% / 4);
  margin-right: 2%;
  margin-bottom: 1em;
  float: left;
  font-size: 16px;
  color: #000;
  display: table;
  font-weight: bold;
  padding: 10px 0;
  counter-increment: num;
}
.unjust li:nth-child(1) {
  background: url(/imp/common/images/contact/num_1.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(2) {
  background: url(/imp/common/images/contact/num_2.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(3) {
  background: url(/imp/common/images/contact/num_3.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(4) {
  background: url(/imp/common/images/contact/num_4.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(5) {
  background: url(/imp/common/images/contact/num_5.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(6) {
  background: url(/imp/common/images/contact/num_6.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(7) {
  background: url(/imp/common/images/contact/num_7.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(8) {
  background: url(/imp/common/images/contact/num_8.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(9) {
  background: url(/imp/common/images/contact/num_9.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:nth-child(10) {
  background: url(/imp/common/images/contact/num_10.png) no-repeat left 50%;
  padding-left: 45px;
}
.unjust li:before, .unjust li:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.unjust li:after {
  clear: both;
}
@media screen and (max-width: 780px) {
  .unjust li {
    width: calc(94% / 2);
  }
  .unjust li:nth-child(2n) {
    margin-right: 0;
  }
}
.unjust li span {
  display: table-cell;
  vertical-align: middle;
}
.unjust li:nth-child(4n) {
  margin-right: 0;
}

/*----------------------------------------------------------------------------------------*/
.before_confirm {
  border: 5px solid #E6E5E5;
  padding: 25px;
  margin-bottom: 2em;
  background: url(/imp/common/images/contact/bg_01.jpg) repeat center top;
}
.before_confirm:before, .before_confirm:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.before_confirm:after {
  clear: both;
}
@media screen and (max-width: 956px) {
  .before_confirm {
    padding: 15px;
  }
}
.before_confirm li {
  width: calc(96% / 3);
  margin-right: 2%;
  float: left;
  padding: 0 30px;
}
.before_confirm li:nth-child(3n) {
  margin-right: 0;
}
.before_confirm li + li {
  border-left: 1px solid #dfdfdf;
}
@media screen and (max-width: 780px) {
  .before_confirm li + li {
    border-left: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
  }
}
@media screen and (max-width: 956px) {
  .before_confirm li {
    padding: 0 20px;
  }
}
@media screen and (max-width: 780px) {
  .before_confirm li {
    width: 100%;
    float: none;
    padding: 0 20px;
    margin-right: 0;
  }
}
.before_confirm a {
  color: #e82c8f;
  text-decoration: underline;
}
.before_confirm a:hover {
  text-decoration: none;
}

/*----------------------------------------------------------------------------------------*/
.to_contact {
  border: 5px solid #E6E5E5;
  padding: 25px;
  margin-bottom: 2em;
}
.to_contact:before, .to_contact:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.to_contact:after {
  clear: both;
}
@media screen and (max-width: 956px) {
  .to_contact {
    padding: 15px;
  }
}
.to_contact li {
  width: calc(98% / 2);
  margin-right: 2%;
  float: left;
  padding: 0 40px;
}
@media screen and (max-width: 956px) {
  .to_contact li {
    width: 100%;
    margin-right: 0;
    float: none;
    padding: 10px;
  }
}
.to_contact li:nth-child(2n) {
  margin-right: 0;
}
.to_contact li + li {
  border-left: 1px solid #dfdfdf;
}
@media screen and (max-width: 956px) {
  .to_contact li + li {
    border-left: none;
    border-top: 1px solid #dfdfdf;
  }
}

.policyBox {
  width: 90%;
  margin: 20px auto;
  max-height: 250px;
  padding: 30px;
  overflow-x: hidden;
  border: 1px solid #e5e5e5;
}
@media screen and (max-width: 956px) {
  .policyBox {
    width: 100%;
    padding: 20px;
  }
}

.policyInfo {
  margin-bottom: 3em;
}
.policyInfo li {
  margin-bottom: 1em;
}
.policyInfo li b {
  display: block;
}

.agreeArea {
  text-align: center;
  font-size: 18px;
  color: #511711;
}

/*-------------------------------------------------------------------------------------------
$privacy
---------------------------------------------------------------------------------------------*/
.privacyArea {
  padding: 35px;
}
@media screen and (max-width: 640px) {
  .privacyArea {
    padding: 10px;
  }
}
.privacyArea p {
  margin-bottom: 2em;
}
.privacyArea h2,
.privacyArea h3 {
  margin-bottom: 1em;
}
.privacyArea h2 {
  font-size: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.privacyArea h3 {
  margin-top: 1em;
}
.privacyArea .info p {
  margin-bottom: 5px;
}
.privacyArea b {
  display: block;
}
.privacyArea .ul_decimal {
  margin-bottom: 2em;
}
.privacyArea .ul_decimal > li {
  list-style-type: decimal;
  margin-bottom: 5px;
}
.privacyArea .ul_privacy01 {
  margin-left: 1.5em;
  margin-bottom: 2em;
}
.privacyArea .ul_privacy01 li {
  list-style-type: disc;
}
.privacyArea .ul_privacy01 li span {
  width: 6em;
  display: block;
}

/*-------------------------------------------------------------------------------------------
$commarce
---------------------------------------------------------------------------------------------*/
.commarce {
  width: calc(100% - 60px);
  margin: 30px;
  border: 1px solid #f5f5f5;
}
@media screen and (max-width: 640px) {
  .commarce {
    margin: 10px;
    width: calc(100% - 20px);
  }
}
.commarce th,
.commarce td {
  padding: 10px 8px;
}
.commarce th {
  border-right: 1px solid #f5f5f5;
  width: 20%;
}
.commarce tr:nth-child(2n) {
  background-color: #f5f5f5;
}
.commarce tr:nth-child(2n) th {
  border-right: 1px solid #fff;
}

/*-------------------------------------------------------------------------------------------
$howto
---------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------
$policy
---------------------------------------------------------------------------------------------*/
.policyArea {
  padding: 35px;
}
@media screen and (max-width: 640px) {
  .policyArea {
    padding: 10px;
  }
}
.policyArea p {
  margin-bottom: 2em;
}
.policyArea h2,
.policyArea h3 {
  margin-bottom: 1em;
}
.policyArea h2 {
  margin-top: 3em;
  font-size: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.policyArea b {
  display: block;
  margin-bottom: 15px;
}
.policyArea ol {
  margin-bottom: 1em;
}
.policyArea ol li {
  margin-bottom: 5px;
}
.policyArea .info p {
  margin-bottom: 5px;
}

/*====================================================================
$ELEMNT エレメントに適用するセレクタ
=====================================================================*/
/*---- TITLE ----*/
.ttl_01 {
  text-align: center;
  margin-bottom: 2em;
}

.ttl_02 {
  font-size: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.ttl_02:before, .ttl_02:after {
  content: '';
  display: table;
  table-layout: fixed;
}
.ttl_02:after {
  clear: both;
}
@media screen and (max-width: 640px) {
  .ttl_02 {
    font-size: 16px;
  }
}
.ttl_02 .text {
  line-height: 1.6em;
  color: #00bbcd;
  text-decoration: none;
}
.ttl_02 .date {
  display: block;
  font-weight: 700;
  width: calc( 6em + 99px);
}
.ttl_02 .date b {
  background-color: #5a0600;
  display: block;
  float: right;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  font-size: 12px;
  width: 90px;
  text-align: center;
  margin-right: 9px;
  margin-top: 6px;
}

.ttl_03 {
  font-size: 18px;
  color: #5a0600;
  margin: 2em 0 1em;
}
@media screen and (max-width: 640px) {
  .ttl_03 {
    font-size: 16px;
    margin: 1em 0 .5em;
  }
}

.ttl_04 {
  font-size: 18px;
  color: #5a0600;
  padding: 0;
  margin: 2em 0 1em;
  background: url(/imp/common/images/common/line_02.png) no-repeat left bottom;
}

.ttl_05 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #590000;
  letter-spacing: 4px;
  background: url(/imp/common/images/common/line_01.png) no-repeat center bottom;
  -webkit-background-size: 100px 3px;
  -o-background-size: 100px 3px;
  background-size: 100px 3px;
  padding-bottom: 2px;
}

.ttl_06 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #590000;
  letter-spacing: 4px;
  margin-bottom: 20px;
}
@media screen and (max-width: 780px) {
  .ttl_06 {
    font-size: 20px;
  }
}
.ttl_06 span {
  background: url(/imp/common/images/common/line_01.png) no-repeat center bottom;
  -webkit-background-size: 100% 3px;
  -o-background-size: 100% 3px;
  background-size: 100% 3px;
}

.ttl_07 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.ttl_07 span {
  background: url(/imp/common/images/common/line_01.png) no-repeat center bottom;
  -webkit-background-size: 100% 3px;
  -o-background-size: 100% 3px;
  background-size: 100% 3px;
}

/*---- TEXT ----*/
.txt_red {
  color: #F00;
}

.txt_pink {
  color: #ee64ad;
}

.txt_01 {
  color: #ee64ad;
  text-align: center;
  margin-bottom: 1em;
}

.txt_02 {
  margin-bottom: 1em;
}

.txt_03 {
  color: #ee64ad;
  text-align: center;
  font-size: 16px;
  margin-bottom: 1em;
}

.txt_04 {
  display: block;
  color: #5a0600;
  text-align: center;
  font-size: 16px;
  margin-bottom: 1em;
}

.notes_01 {
  padding: 0 100px;
}
@media screen and (max-width: 1280px) {
  .notes_01 {
    padding: 0 50px;
  }
}
@media screen and (max-width: 640px) {
  .notes_01 {
    padding: 0 10px;
  }
}

.notes_02 {
  color: #5a0600;
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  margin-bottom: .5em;
}
.notes_02 b {
  background: url(/imp/common/images/contact/icon_06.png) no-repeat left 50%;
  padding-left: 40px;
}

.agree {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  padding: 20px;
}

/*---- BTN ----*/
.btnArea {
  text-align: center;
  margin-bottom: 50px;
}

.btnAreaL {
  text-align: left;
  margin-bottom: 30px;
  margin-top: 1em;
}

.btn_01 {
  display: block;
  padding: 10px;
  width: 80%;
  margin: 20px auto;
  text-align: center;
  font-size: 22px;
  color: #E82C8F;
  border: 2px solid #e82c8f;
  border-radius: 8px;
  background: url(/imp/common/images/common/icon_arrow_01.png) no-repeat 90% 50%;
}
@media screen and (max-width: 640px) {
  .btn_01 {
    font-size: 16px;
    width: 100%;
  }
}

.btn_02 {
  display: block;
  padding: 10px;
  width: 60%;
  text-align: center;
  font-size: 22px;
  color: #E82C8F;
  border: 2px solid #e82c8f;
  border-radius: 8px;
  background: url(/imp/common/images/common/icon_arrow_01.png) no-repeat 90% 50%;
}
@media screen and (max-width: 640px) {
  .btn_02 {
    font-size: 16px;
    width: 100%;
  }
}

/*---- HR ----*/
.hr_01 {
  border: 0;
  height: 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  margin-bottom: 3em;
}

.hr_02 {
  border: 0;
  height: 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
  margin: 2em 0;
}

.fc_pink {
  color: #E82C8F;
}

/*-------------------------------------------------------------------------------------------
$LINK
---------------------------------------------------------------------------------------------*/
.col_max.main2::before {
  display: none;
}

.brdl_box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.brdl_top li {
  box-sizing: border-box;
  float: left;
  width: 23%;
  margin: 1%;
  padding: 10px;
  text-align: center;
}

@media (max-width: 567px) {
  .brdl_top li {
    float: none;
    width: auto;
  }
}
.brdl_top .title {
  display: block;
  margin: 5px 0;
  border-bottom: 3px solid #f13097;
  font-size: 16px;
  font-weight: bold;
}

.sub_frame {
  background: url(../img/sub_frame_bg.png) repeat-x;
}

.sub_package {
  margin: 30px 0;
  background: url(../img/sub_package_bg.png) repeat-x;
}

.sub_design {
  margin-bottom: 30px;
  background: url(../img/sub_design_bg.png) repeat-x;
}

.brdl_frame {
  margin: 30px 0;
}

.brdl_frame li {
  position: relative;
  float: left;
  width: 28%;
  margin-left: 8%;
}

.brdl_frame li:first-child {
  margin-left: 0;
}

.brdl_frame li p {
  position: absolute;
  top: 80%;
  left: 40%;
}

@media (max-width: 640px) {
  .brdl_frame li {
    margin-bottom: 100px;
  }
}
@media (max-width: 567px) {
  .brdl_frame li {
    float: none;
    width: auto;
    margin-bottom: 50px;
    margin-left: 0;
  }
}
.mb60 {
  margin-bottom: 60px;
}

@media (max-width: 640px) {
  .brdl_pc {
    display: none;
  }
}
.brdl_set li {
  float: left;
  width: 50%;
}

@media (max-width: 640px) {
  .brdl_set li {
    float: none;
    width: auto;
  }
}
.brdl_note {
  width: 70%;
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 13px;
}

@media (max-width: 640px) {
  .brdl_note {
    width: auto;
  }
}
.brdl_package,
.brdl_design {
  margin-bottom: 60px;
}

.brdl_package li,
.brdl_design li {
  float: left;
  width: 23%;
  margin-bottom: 2.666%;
  margin-left: 2.666%;
  padding: 15px;
  background-color: #c6ebb6;
  text-align: center;
}

.brdl_package li:nth-child(4n+1),
.brdl_design li:nth-child(4n+1) {
  margin-left: 0;
}

.brdl_package li a,
.brdl_design li a {
  color: #000;
}

.brdl_package li p,
.brdl_design li p {
  margin-top: 5px;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .brdl_package li,
  .brdl_design li {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 4%;
  }

  .brdl_package li:nth-child(2n+1),
  .brdl_design li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (max-width: 567px) {
  .brdl_package li,
  .brdl_design li {
    float: none;
    width: auto;
    margin-left: 0;
  }
}
.brdl_design {
  margin-bottom: 0;
}

.brdl_design li {
  background-color: #abe1f0;
}

/*-------------------------------------------------------------------------------------------
$LINK
---------------------------------------------------------------------------------------------*/
/*-----------font---------*/
.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.underline {
  text-decoration: underline;
}

/*------ font size -----*/
.fsXXS {
  font-size: xx-small;
}

.fsXS {
  font-size: x-small;
}

.fsS {
  font-size: small;
}

.fsM {
  font-size: medium;
}

.fsL {
  font-size: large;
}

.fsXL {
  font-size: x-large;
}

.fsXXL {
  font-size: xx-large;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

/*-----------font---------*/
.line100 {
  line-height: 100%;
}

.line110 {
  line-height: 110%;
}

.line120 {
  line-height: 120%;
}

.line130 {
  line-height: 130%;
}

.line140 {
  line-height: 140%;
}

/*-----------color---------*/
.fontBrw {
  color: #6A4832;
}

.fontRed {
  color: #BB1F24;
}

/*-----------margin---------*/
.mg0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mt03 {
  margin-top: 3px;
}

.mt05 {
  margin-top: 5px;
}

.mt07 {
  margin-top: 7px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mb0 {
  margin-bottom: 0;
}

.mb03 {
  margin-bottom: 3px;
}

.mb05 {
  margin-bottom: 5px;
}

.mb07 {
  margin-bottom: 7px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml0 {
  margin-left: 0;
}

.ml03 {
  margin-left: 3px;
}

.ml05 {
  margin-left: 5px;
}

.ml07 {
  margin-left: 7px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.mr0 {
  margin-right: 0;
}

.mr03 {
  margin-right: 3px;
}

.mr05 {
  margin-right: 5px;
}

.mr07 {
  margin-right: 7px;
}

.mr10 {
  margin-right: 10px;
}

.mr12 {
  margin-right: 12px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.ma {
  margin-left: auto;
  margin-right: auto;
}

/*-----------padding---------*/
.pd0 {
  padding: 0 !important;
}

.pd05 {
  padding: 5px;
}

.pd08 {
  padding: 8px;
}

.pd10 {
  padding: 10px;
}

.pd15 {
  padding: 15px;
}

.pd20 {
  padding: 20px;
}

.pt0 {
  padding-top: 0;
}

.pt03 {
  padding-top: 3px;
}

.pt05 {
  padding-top: 5px;
}

.pt07 {
  padding-top: 7px;
}

.pt10 {
  padding-top: 10px;
}

.pt12 {
  padding-top: 12px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pb0 {
  padding-bottom: 0;
}

.pb03 {
  padding-bottom: 3px;
}

.pb05 {
  padding-bottom: 5px;
}

.pb07 {
  padding-bottom: 7px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl0 {
  padding-left: 0;
}

.pl03 {
  padding-left: 3px;
}

.pl05 {
  padding-left: 5px;
}

.pl07 {
  padding-left: 7px;
}

.pl10 {
  padding-left: 10px;
}

.pl12 {
  padding-left: 12px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl50 {
  padding-left: 50px;
}

.pr0 {
  padding-right: 0;
}

.pr03 {
  padding-right: 3px;
}

.pr05 {
  padding-right: 5px;
}

.pr07 {
  padding-right: 7px;
}

.pr10 {
  padding-right: 10px;
}

.pr12 {
  padding-right: 12px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr50 {
  padding-right: 50px;
}

/*-----------float---------*/
.flL {
  float: left;
}

.flR {
  float: right;
}

.flN {
  float: none;
}

/*-----------clear---------*/
.cl {
  clear: both;
}

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

* html .cf {
  zoom: 1;
}

/* IE6 */
*:first-child + html .cf {
  zoom: 1;
}

/* IE7 */
/*-----------align---------*/
.taL {
  text-align: left;
}

.taR {
  text-align: right;
}

.taC {
  text-align: center;
}

.vaB {
  vertical-align: bottom;
  _vertical-align: bottom;
}

.vaT {
  vertical-align: top;
  _vertical-align: top;
}

.vaM {
  vertical-align: middle;
  _vertical-align: middle;
}

/*-----------display---------*/
.block {
  display: block;
}

.inline {
  display: inline;
}

/*-----------indent---------*/
.indent1 {
  text-indent: -1em;
  margin-left: 1em;
}

.indent2 {
  text-indent: -2em;
  margin-left: 2em;
}

.indent3 {
  text-indent: -3em;
  margin-left: 3em;
}

.indent4 {
  text-indent: -4em;
  margin-left: 4em;
}

.mw100p {
  max-width: 100%;
}

/*====================================================================
20170412
=====================================================================*/
/*---- TITLE ----*/
.prts_ttl_01_L {
  display: block;
}

@media screen and (max-width: 1280px) {
  .prts_ttl_01_L {
    display: block;
  }
}
@media screen and (max-width: 956px) {
  .prts_ttl_01_L {
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .prts_ttl_01_L {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .prts_ttl_01_L {
    display: none;
  }
}
.prts_ttl_01_S {
  display: none;
}

@media screen and (max-width: 1280px) {
  .prts_ttl_01_S {
    display: none;
  }
}
@media screen and (max-width: 956px) {
  .prts_ttl_01_S {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .prts_ttl_01_S {
    display: block;
  }

  .prts_tl_01_S img {
    max-width: 615px;
    width: 95%;
  }
}
@media screen and (max-width: 640px) {
  .prts_ttl_01_S {
    display: block;
  }

  .prts_ttl_01_S img {
    max-width: 615px;
    width: 95%;
  }
}
/*---- wrap ----*/
.prts_wrap3 {
  margin-bottom: 25px;
  width: 100%;
  max-width: 1125px;
  margin: 0 auto;
}

@media screen and (max-width: 780px) {
  .prts_wrap3 {
    margin-bottom: 25px;
    max-width: 615px;
    width: 95%;
  }
}
/*---- parents ----*/
.prts_box01 {
  width: 100%;
  max-width: 1125px;
  margin: 0 auto;
}

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

.prts_box01 .boxA {
  float: left;
  width: 58%;
}

.prts_box01 .boxB {
  float: left;
  width: 42%;
  padding: 15px 0 0 25px;
  max-width: 409px;
}

.prts_box02 .boxA {
  float: left;
  width: 30%;
  max-width: 315px;
}

.prts_box02 .boxB {
  float: left;
  width: 36%;
  padding: 15px 0 0 25px;
  max-width: 395px;
}

.prts_box02 .boxC {
  float: left;
  width: 34%;
  padding: 15px 0 0 25px;
  max-width: 379px;
}

.prts_note {
  width: 100%;
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 13px;
  padding-top: 1em;
}

.prts_note2 {
  width: 85%;
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 13px;
  min-width: 270px;
}

@media screen and (max-width: 780px) {
  .prts_box01 {
    width: 100%;
    max-width: 615px;
  }

  .prts_box02 {
    width: 100%;
    max-width: 615px;
  }

  .prts_box01 .boxA {
    display: block;
    width: 100%;
    max-width: 615px;
    float: none;
  }

  .prts_box02 .boxA {
    display: block;
    width: 100%;
    max-width: 615px;
    float: none;
  }

  .prts_box01 .boxA img {
    max-width: 600px;
    display: block;
    width: 96%;
    margin: 0 auto;
  }

  .prts_box02 .boxA img {
    max-width: 600px;
    display: block;
    width: 96%;
    margin: 0 auto;
  }

  .prts_box01 .boxB {
    display: block;
    width: 100%;
    max-width: 615px;
    margin: 0 auto;
    float: none;
    padding: 2em 0 0.5em 0;
  }

  .prts_box02 .boxB {
    display: block;
    width: 100%;
    max-width: 615px;
    margin: 0 auto;
    float: none;
    padding: 2em 0 0.5em 0;
  }

  .prts_box01 .boxB img {
    max-width: 600px;
    display: block;
    width: 96%;
    margin: 0 auto;
  }

  .prts_box02 .boxB img {
    max-width: 600px;
    display: block;
    width: 96%;
    margin: 0 auto;
  }

  .prts_box02 > .boxB > .prts_ttl_01_L {
    display: none;
  }

  .prts_box02 > .boxC > .prts_ttl_01_L {
    display: none;
  }

  .prts_ttl_01_L {
    display: none;
  }

  .prts_box02 .boxC {
    display: block;
    width: 100%;
    max-width: 615px;
    margin: 0 auto;
    float: none;
    padding: 2em 0 0.5em 0;
  }

  .prts_box02 .boxC img {
    max-width: 600px;
    display: block;
    width: 95%;
    margin: 0 auto;
  }
}
.prts_box02 {
  width: 100%;
  max-width: 1125px;
  margin: 0 auto;
  position: relative;
}

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

.prts_box02_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
}

@media screen and (max-width: 780px) {
  .prts_box02_btn {
    position: static;
    display: block;
    width: 100%;
    max-width: 376px;
    margin: 0 auto;
    margin-bottom: 2em;
  }
}
.brdl_package.gift1 li {
  background-color: #e3f08b;
}

ul.brdl_package.gift1 {
  margin-bottom: 1em;
}

ul.brdl_design.gift2 {
  width: 100%;
  max-width: 1125px;
}

.brdl_design.gift2 li {
  width: 31%;
}

.brdl_design.gift2 li:nth-child(2n) {
  margin-left: 3.5%;
}

.brdl_design.gift2 li:nth-child(3n) {
  margin-left: 3.5%;
}

@media (max-width: 640px) {
  .brdl_design.gift2 li {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 4%;
  }

  .brdl_design.gift2 li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (max-width: 567px) {
  .brdl_design.gift2 li {
    float: none;
    width: auto;
    margin-left: 0;
  }

  .brdl_design.gift2 li:nth-child(2n) {
    margin-left: 0;
  }
}
.shell2.gift {
  max-width: 1215px;
  margin: 0 auto;
}

.gift_pc {
  display: block;
}

@media screen and (max-width: 1280px) {
  .gift_pc {
    display: block;
  }
}
@media screen and (max-width: 956px) {
  .gift_pc {
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .gift_pc {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .gift_pc {
    display: none;
  }
}
.gift_sp {
  display: none;
}

@media screen and (max-width: 1280px) {
  .gift_sp {
    display: none;
  }
}
@media screen and (max-width: 956px) {
  .gift_sp {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .gift_sp {
    display: block;
  }

  .gift_sp img {
    max-width: 615px;
    width: 95%;
  }
}
@media screen and (max-width: 640px) {
  .gift_sp {
    display: block;
  }

  .gift_sp img {
    max-width: 615px;
    width: 95%;
  }
}

/*# sourceMappingURL=style.css.map */