@charset "UTF-8";

.picker__table th,
.picker__table td{
  text-align: center;
}

/* .img_load_obj */

.img_load_obj{
  display: inline-block !important;
}

@media all and (-ms-high-contrast: none){
.img_load_obj { max-width: none; width: 100%; }
}

.img_load_obj_in{
  display: block !important;
  position: relative;
}

.img_load_obj img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}

.icon{
  display: inline-block;
  font-size: 100px;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  line-height: 0;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.icon.icon_readbook{
  background-image: url(../img/icon/icon_readbook_black.svg);
  width: 0.31em;
  height: 0.31em;
}

.icon.icon_readbook.black{
  background-image: url(../img/icon/icon_readbook_black.svg);
}

.icon.icon_readbook.orange{
  background-image: url(../img/icon/icon_readbook_orange.svg);
}

.icon.icon_paint{
  background-image: url(../img/icon/icon_paint_black.svg);
  width: 0.30em;
  height: 0.30em;
}

.icon.icon_paint.black{
  background-image: url(../img/icon/icon_paint_black.svg);
}

.icon.icon_paint.orange{
  background-image: url(../img/icon/icon_paint_orange.svg);
}

.icon.icon_human2{
  background-image: url(../img/icon/icon_human2_black.svg);
  width: 0.27em;
  height: 0.29em;
}

.icon.icon_human2.black{
  background-image: url(../img/icon/icon_human2_black.svg);
}

.icon.icon_human2.orange{
  background-image: url(../img/icon/icon_human2_orange.svg);
}

.icon.icon_company{
  background-image: url(../img/icon/icon_company_black.svg);
  width: 0.28em;
  height: 0.28em;
}

.icon.icon_company.black{
  background-image: url(../img/icon/icon_company_black.svg);
}

.icon.icon_company.orange{
  background-image: url(../img/icon/icon_company_orange.svg);
}

.icon.icon_mail{
  background-image: url(../img/icon/icon_mail_black.svg);
  width: 0.27em;
  height: 0.20em;
}

.icon.icon_mail.black{
  background-image: url(../img/icon/icon_mail_black.svg);
}

.icon.icon_mail.orange{
  background-image: url(../img/icon/icon_mail_orange.svg);
}

.icon.icon_tel{
  background-image: url(../img/icon/icon_tel_black.svg);
  width: 0.17em;
  height: 0.21em;
}

.icon.icon_tel.black{
  background-image: url(../img/icon/icon_tel_black.svg);
}

.icon.icon_tel.orange{
  background-image: url(../img/icon/icon_tel_orange.svg);
}

.icon.icon_memo{
  background-image: url(../img/icon/icon_memo_black.svg);
  width: 0.24em;
  height: 0.22em;
}

.icon.icon_memo.black{
  background-image: url(../img/icon/icon_memo_black.svg);
}

.icon.icon_memo.orange{
  background-image: url(../img/icon/icon_memo_orange.svg);
}

.icon.icon_document{
  background-image: url(../img/icon/icon_document_black.svg);
  width: 0.19em;
  height: 0.22em;
}

.icon.icon_document.black{
  background-image: url(../img/icon/icon_document_black.svg);
}

.icon.icon_document.orange{
  background-image: url(../img/icon/icon_document_orange.svg);
}


.icon.icon_check01{
  background-image: url(../img/icon/icon_check01_yellow.svg);
  width: 0.24em;
  height: 0.23em;
}

.icon.icon_check01.yellow{
  background-image: url(../img/icon/icon_document_yellow.svg);
}

.icon.icon_book{
  background-image: url(../img/icon/icon_book_black.svg);
  width: 0.36em;
  height: 0.34em;
}

.icon.icon_book.black{
  background-image: url(../img/icon/icon_book_black.svg);
}

.icon.icon_pagetop{
  background-image: url(../img/icon/icon_pagetop.svg);
  width: 0.16em;
  height: 0.17em;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.icon.icon_pagetop.down{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* pc */
@media all and (min-width: 951px) {
  .icon.icon_pagetop.pc_down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
  }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
  .icon.icon_pagetop.pad_down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
  }
}

/* sp */
@media screen and (max-width: 700px) {
  .icon.icon_pagetop.sp_down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
  }
}

.icon.icon_pagetop.black{
  background-image: url(../img/icon/icon_pagetop.svg);
}

.icon.icon_return{
  background-image: url(../img/icon/icon_return-32@2x.png);
  width: 0.26em;
  height: 0.19em;
}

.icon.icon_return.white{
  background-image: url(../img/icon/icon_return-32@2x.png);
}

.icon.icon_scrolls{
  background-image: url(../img/icon/icon_scrolls_black.svg);
  width: 0.43em;
  height: 0.45em;
}

.icon.icon_scrolls.black{
  background-image: url(../img/icon/icon_scrolls_black.svg);
}

/* ------------------ .copy_text ------------------ */

.copy_text_wrap{
  position: absolute;
  z-index: 10;
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.copy_text_wrap textarea{
  height: auto;
}

/* ------------------ .text_icon ------------------ */

.text_icon{
  display: inline-block;
  font-size: inherit;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  line-height: 0;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.text_icon.icon_square{
  width: 0.8em;
  height: 0.8em;
  background-color: #000000;
}

.text_icon.icon_square_orange{
  width: 0.8em;
  height: 0.8em;
  background-color: orange;
}
.text_icon.icon_circle{
  width: 0.8em;
  height: 0.8em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #000000;
}

/* ------------------ .logo_block ------------------ */

.logo_block a{
  display: inline-block;
  vertical-align:  top;
}

#header .logo_block.nav_logo02{
  display: none;
}

#footer .logo_block.nav_logo01{
  display: none;
}

/* pc */
@media all and (min-width: 951px) {
  .logo_block.pc_logo_yoko > *{
    display: inline-block;
  }
  .logo_block.pc_logo_yoko .text01{
    margin: 0 18px 0 0;
  }

  .logo_block.pc_logo_tate > *{
    display: block;
  }

  .logo_block.pc_logo_tate .text01{
    margin: 0 0 9px 0;
  }
}

/* pad */
@media screen and (max-width: 950px) {
  .logo_block .text01{
    width: 92px;
    margin: 0 0 6px 0;
  }
  .logo_block .text02{
    width: 94px;
  }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
  .logo_block.pad_logo_yoko *{
    display: inline-block;
  }
  .logo_block.pad_logo_yoko .text01{
    margin: 0 10px 0 0;
  }

  .logo_block.pad_logo_tate *{
    display: block;
  }

  .logo_block.pad_logo_tate .text01{
    margin: 0 0 6px 0;
  }
}

/* sp */
@media screen and (max-width: 700px) {
  .logo_block.sp_logo_yoko *{
    display: inline-block;
  }
  
  .logo_block.sp_logo_yoko .text01{
    margin: 0 10px 0 0;
  }

  .logo_block.sp_logo_tate *{
    display: block;
  }

  .logo_block.sp_logo_tate .text01{
    margin: 0 0 6px 0;
  }
}


/* ------------------ .flex-text ------------------ */

.flex-text{
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.flex-text > *{
  position: relative;
  margin: 0 10px 0 0;
}

.flex-text > *:last-child{
  margin-right: 0;
}

.flex-text > .image{
  line-height: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.flex-text > .image{
  height: 1.43em;
}

.title.type01 .flex-text > .image{
  height: 1.2em;
}


/* ------------------ 背景 ------------------ */

.bg_gray01{
  background-color: #f4f3ed !important;
}

.bg_white{
  background-color: #ffffff !important;
}

.bg_yellow01{
  background-color: #fece0f !important;
}

.bg_yellow02{
  background-color: #eeeedf !important;
}

.bg_img01{
  background-image: url(../img/parts/bg_img01-60@2x.jpg);
  background-size: 100% auto;
}

/* ------------------ フォントカラー ------------------ */

.color_brown01{
  color: #8c2c01 !important;
}

.color_red01{
  color: #d34f4f !important;
}

/* ------------------ .imghover ------------------ */
.no_link{
  cursor: default !important;
  text-decoration: none !important;
}
/* ------------------ .imghover ------------------ */

.imghover{
  text-decoration: none !important;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s ;
}

.imghover02.no_link{
  -ms-filter: "alpha(opacity=100)" !important;
	-khtml-opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

.normal .imghover:hover,
.imghover.active{
 -ms-filter: "alpha(opacity=70)" ;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
}

.imghover02{
  text-decoration: none !important;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
}

.imghover02{
  -ms-filter: "alpha(opacity=50)" ;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;	
}

.imghover02.no_link{
  -ms-filter: "alpha(opacity=50)" !important;
	-khtml-opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
	-moz-opacity: 0.5 !important;
	opacity: 0.5 !important;	
}

.normal .imghover02:hover{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.imghover02.active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.normal .imghover02.active:hover{
  -ms-filter: "alpha(opacity=50)" ;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;	
}

/* pc */
@media all and (min-width: 951px) {
}

/* pad以下 */
@media screen and (max-width: 950px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media screen and (max-width: 700px) {
}


/* ------------------ .link_block ------------------ */

.link_block{
  display: block;
  text-decoration: none !important;
}

/* pc */
@media all and (min-width: 951px) {
}

/* pad以下 */
@media screen and (max-width: 950px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media screen and (max-width: 700px) {
}


/* ----------------------------------------------------------------------
.title
----------------------------------------------------------------------*/

.title{
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 700;
  font-family: 'Noto Sans Japanese';
}

.title.type01{
  font-size: 24px;
  line-height: 1.2;
  margin: -0.1em 0 40px 0;
  border-bottom: 1px solid #0a0907;
  padding: 0 0 15px 0;
}

.title.type01.b_none{
  border-bottom: none;
  padding: 0 0 0px 0;
}

/* pc */
@media all and (min-width: 951px) {
  .title.type01.pc_b_none{
    border-bottom: none;
    padding: 0 0 0px 0;
  }
}

/* pad以下 */
@media screen and (max-width: 950px) {
  .title.type01{ font-size: 20px; }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
  .title.type01.pad_b_none{
    border-bottom: none;
    padding: 0 0 0px 0;
  }
}

/* sp */
@media screen and (max-width: 700px) {
  .title.type01.sp_b_none{
    border-bottom: none;
    padding: 0 0 0px 0;
  }
  .title.type01{
    font-size: 20px;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .title.type01.b_none{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* .title.type02 */

.title.type02{
  font-size: 26px;
  line-height: 1;
  padding: 22px 0 0 0;
  margin: 0 0 36px 0;
  border-top: 4px solid #fece0f;
}

/* .title_row */

.title_row{
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.2;
}

.title_row .circle_obj .circle_obj_in{
  min-width: 60px;
  text-align: center;
}

.title_row .white_box{
  padding: 20px;
}

/* ----------------------------------------------------------------------
.btn_wrap
----------------------------------------------------------------------*/

/* ボタン共通 */

.btn_row{
  margin-top: 30px;
  -webkit-justify-content: center;
  justify-content: center;
}


/* ----------------------------- .btn_wrap -----------------------------*/

.btn_wrap{
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.btn_wrap .btn{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  align-content: center;
  -webkit-align-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  text-decoration: none !important;
  cursor: pointer;
}

.btn_wrap .btn_text{
  position: relative;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

.btn_wrap .btn_img{
  position: relative;
  margin: 0 0.4em;
  line-height: 0;
  vertical-align: middle;
}

.btn_wrap .btn_img:first-child{
  margin-left: 0;
}

.btn_wrap .btn_img:last-child{
  margin-right: 0;
}

.btn_wrap .btn_img .default_img{
  position: relative;
  z-index: 1;
}

.btn_wrap .btn_img .hover_img{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease 0s;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
}

.normal .btn:hover .btn_img .hover_img{
  opacity: 1;
}

.btn_zone .btn_img:last-child{
  margin-right: 0;
}

.normal .btn_wrap:hover .icon_arrow01.right{
  -webkit-animation: arrow_move_right 0.8s 1;
  -moz-animation: arrow_move_right 0.8s 1;
  -o-animation: arrow_move_right 0.8s 1;
  -ms-animation: arrow_move_right 0.8s 1;
  animation: arrow_move_right 0.8s 1;
}

@-webkit-keyframes arrow_move_right {
    0%   {-webkit-transform: translate(0px, 0px) rotate(180deg);}
    50%  {-webkit-transform: translate(6px, 0px) rotate(180deg);}
    100% {-webkit-transform: translate(0px, 0px) rotate(180deg);}
}

@-moz-keyframes arrow_move_right {
    0%   { -moz-transform: translate(0px, 0px) rotate(180deg);}
    50%  { -moz-transform: translate(6px, 0px) rotate(180deg);}
    100% { -moz-transform: translate(0px, 0px) rotate(180deg);}
}

@-o-keyframes arrow_move_right {
    0%   { -o-transform: translate(0px, 0px) rotate(180deg);}
    50%  { -o-transform: translate(6px, 0px) rotate(180deg);}
    100% { -o-transform: translate(0px, 0px) rotate(180deg);}
}

@-ms-keyframes arrow_move_right {
    0%   { -ms-transform: translate(0px, 0px) rotate(180deg);}
    50%  { -ms-transform: translate(6px, 0px) rotate(180deg);}
    100% { -ms-transform: translate(0px, 0px) rotate(180deg);}
}

@keyframes arrow_move_right {
    0%   { transform: translate(0px, 0px) rotate(180deg);}
    50%  { transform: translate(6px, 0px) rotate(180deg);}
    100% { transform: translate(0px, 0px) rotate(180deg);}
}

.normal .btn_wrap:hover .icon_arrow01.left{
  -webkit-animation: arrow_move_left 0.8s 1;
  -moz-animation: arrow_move_left 0.8s 1;
  -o-animation: arrow_move_left 0.8s 1;
  -ms-animation: arrow_move_left 0.8s 1;
  animation: arrow_move_left 0.8s 1;
}

@-webkit-keyframes arrow_move_left {
    0%   {-webkit-transform: translate(0px, 0px) rotate(0deg);}
    50%  {-webkit-transform: translate(-6px, 0px) rotate(0deg);}
    100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
}

@-moz-keyframes arrow_move_left {
    0%   { -moz-transform: translate(0px, 0px) rotate(0deg);}
    50%  { -moz-transform: translate(-6px, 0px) rotate(0deg);}
    100% { -moz-transform: translate(0px, 0px) rotate(0deg);}
}

@-o-keyframes arrow_move_left {
    0%   { -o-transform: translate(0px, 0px) rotate(0deg);}
    50%  { -o-transform: translate(-6px, 0px) rotate(0deg);}
    100% { -o-transform: translate(0px, 0px) rotate(0deg);}
}

@-ms-keyframes arrow_move_left {
    0%   { -ms-transform: translate(0px, 0px) rotate(0deg);}
    50%  { -ms-transform: translate(-6px, 0px) rotate(0deg);}
    100% { -ms-transform: translate(0px, 0px) rotate(0deg);}
}

@keyframes arrow_move_left {
    0%   { transform: translate(0px, 0px) rotate(0deg);}
    50%  { transform: translate(-6px, 0px) rotate(0deg);}
    100% { transform: translate(0px, 0px) rotate(0deg);}
}

/* ボタン色 */

.btn_wrap.color_white01 .btn{
  border: 1px solid #000000 !important;
  background-color: #ffffff !important;
}

.btn_wrap.color_gray01 .btn{
  color: #ffffff !important;
  background-color: #585751 !important;
}

.btn_wrap.color_gray02 .btn{
  color: #ffffff !important;
  background-color: #aeaeae !important;
}

.btn_wrap.color_black01 .btn{
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  background-color: #333333 !important;
}

.btn_wrap.color_yg01 .btn{
  color: #000000 !important;
  background-color: #dfdfb7 !important;
}

/* .btn_wrap.type_normal */

.btn_wrap.type_normal,
.btn_wrap.type_normal .btn{
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px;
}

.btn_wrap.type_normal{
  font-weight: 700;
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
}

.btn_wrap.type_normal .btn{
  background-color: #fece0f;
  padding: 13px 20px;
  -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -o-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  -ms-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
  transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.normal .btn_wrap.type_normal .btn:hover{
  background-color: #e8a900;
}


.normal .btn_wrap.color_gray01 .btn:hover{
  background-color: #333333 !important;
}

/* .btn_wrap.type_viewmore */

.btn_wrap.type_viewmore{
  min-width: 8em;
  font-size: 20px;
  line-height: 1;
}

.btn_wrap.type_viewmore .btn{
  padding: 0 0 15px 0;
}

.btn_wrap.type_viewmore .btn .border{
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000000;
  height: 2px;
  width: 0%;
}

.btn_wrap.type_viewmore .btn .border.type01{
  -moz-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn_wrap.type_viewmore .btn .border.type02{
  -moz-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn_wrap.type_viewmore.active .btn .border.type01{
  width: 100%;
}

.btn_wrap.type_viewmore.active.end .btn .border.type01{
  -moz-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: width 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.normal .btn_wrap.type_viewmore.active.end:hover .btn .border.type01{
  display: none;
}

.normal .btn_wrap.type_viewmore.active.end:hover .btn .border.type02{
  width: 100%;
}

.btn_wrap.type_viewmore .btn_text{
  font-family: 'Gill Sans W01 Cond', 'Open Sans Condensed', sans-serif;
  font-weight: 500;
}

/* .btn_wrap.type_circle */

.btn_wrap.type_circle{
  font-size: 20px;
}

.btn_wrap.type_circle .btn_wrap{
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: transparent;
}

.btn_wrap.type_circle .btn{
  min-width: 4.5em;
  white-space: nowrap;
  padding: 1em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}


.btn_wrap.type_circle .btn:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #000000;
}

.normal .btn_wrap.type_circle:hover .btn:before{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.btn_wrap.type_circle .btn:after{
  content: "";
  display: inline-block;
  height: 0;
  padding-bottom: 100%;
}

.btn_wrap.type_circle .btn_text{
  position: relative;
  z-index: 3;
  color: #ffffff;
  font-family: 'Gill Sans W01 Cond', 'Open Sans Condensed', sans-serif;
  font-weight: 500;
}

/* pc */
@media all and (min-width: 951px) {
}

/* pad以下 */
@media screen and (max-width: 950px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media screen and (max-width: 700px) {
}

/* ----------------------------------------------------------------------
.list
----------------------------------------------------------------------*/

/* 
--------------------------------------------------- .list ---------------------------------------------------
*/

.list{
  margin: 0;
}

.list:first-child{
  margin-top: 0;
}

.list:last-child{
  margin-bottom: 0;
}

.list > li{
  position: relative;
}

.list > li:last-child{
  margin-bottom: 0 !important;
}

/* .list.type_number */

.list.type_number{
  counter-reset: section;
}

.list.type_number > li{
  counter-increment: number;
  padding: 0 0 0 2em;
}

.list.type_number > li:before{
  content:counter(number,decimal)".";
  position: absolute;
  top: 0;
  left: 0;
}

/* .list.type_checkmark */

.list.type_checkmark > li{
  padding: 0 0 0 1em;
}

.list.type_checkmark > li:before{
  content: "＊";
  position: absolute;
  top: 0;
  left: 0;
}

/* .list.type_circle */

.list.type_circle > li{
  padding: 0 0 0 1em;
}

.list.type_circle > li:before{
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}


/* .list.type_point */

.list.type_point > li{
  padding: 0 0 0 1em;
}

.list.type_point > li:before{
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.list[data-y="0px"] > li{ margin-bottom: 0px; }
.list[data-y="1px"] > li{ margin-bottom: 1px; }
.list[data-y="2px"] > li{ margin-bottom: 2px; }
.list[data-y="3px"] > li{ margin-bottom: 3px; }
.list[data-y="4px"] > li{ margin-bottom: 4px; }
.list[data-y="5px"] > li{ margin-bottom: 5px; }
.list[data-y="6px"] > li{ margin-bottom: 6px; }
.list[data-y="7px"] > li{ margin-bottom: 7px; }
.list[data-y="8px"] > li{ margin-bottom: 8px; }
.list[data-y="9px"] > li{ margin-bottom: 9px; }
.list[data-y="10px"] > li{ margin-bottom: 10px; }
.list[data-y="11px"] > li{ margin-bottom: 11px; }
.list[data-y="12px"] > li{ margin-bottom: 12px; }
.list[data-y="13px"] > li{ margin-bottom: 13px; }
.list[data-y="14px"] > li{ margin-bottom: 14px; }
.list[data-y="15px"] > li{ margin-bottom: 15px; }
.list[data-y="16px"] > li{ margin-bottom: 16px; }
.list[data-y="17px"] > li{ margin-bottom: 17px; }
.list[data-y="18px"] > li{ margin-bottom: 18px; }
.list[data-y="19px"] > li{ margin-bottom: 19px; }
.list[data-y="20px"] > li{ margin-bottom: 20px; }
.list[data-y="21px"] > li{ margin-bottom: 21px; }
.list[data-y="22px"] > li{ margin-bottom: 22px; }
.list[data-y="23px"] > li{ margin-bottom: 23px; }
.list[data-y="24px"] > li{ margin-bottom: 24px; }
.list[data-y="25px"] > li{ margin-bottom: 25px; }
.list[data-y="26px"] > li{ margin-bottom: 26px; }
.list[data-y="27px"] > li{ margin-bottom: 27px; }
.list[data-y="28px"] > li{ margin-bottom: 28px; }
.list[data-y="29px"] > li{ margin-bottom: 29px; }
.list[data-y="30px"] > li{ margin-bottom: 30px; }

/* pc */
@media all and (min-width: 951px) {
.list[data-pc_y="0px"] > li{ margin-bottom: 0px; }
.list[data-pc_y="1px"] > li{ margin-bottom: 1px; }
.list[data-pc_y="2px"] > li{ margin-bottom: 2px; }
.list[data-pc_y="3px"] > li{ margin-bottom: 3px; }
.list[data-pc_y="4px"] > li{ margin-bottom: 4px; }
.list[data-pc_y="5px"] > li{ margin-bottom: 5px; }
.list[data-pc_y="6px"] > li{ margin-bottom: 6px; }
.list[data-pc_y="7px"] > li{ margin-bottom: 7px; }
.list[data-pc_y="8px"] > li{ margin-bottom: 8px; }
.list[data-pc_y="9px"] > li{ margin-bottom: 9px; }
.list[data-pc_y="10px"] > li{ margin-bottom: 10px; }
.list[data-pc_y="11px"] > li{ margin-bottom: 11px; }
.list[data-pc_y="12px"] > li{ margin-bottom: 12px; }
.list[data-pc_y="13px"] > li{ margin-bottom: 13px; }
.list[data-pc_y="14px"] > li{ margin-bottom: 14px; }
.list[data-pc_y="15px"] > li{ margin-bottom: 15px; }
.list[data-pc_y="16px"] > li{ margin-bottom: 16px; }
.list[data-pc_y="17px"] > li{ margin-bottom: 17px; }
.list[data-pc_y="18px"] > li{ margin-bottom: 18px; }
.list[data-pc_y="19px"] > li{ margin-bottom: 19px; }
.list[data-pc_y="20px"] > li{ margin-bottom: 20px; }
.list[data-pc_y="21px"] > li{ margin-bottom: 21px; }
.list[data-pc_y="22px"] > li{ margin-bottom: 22px; }
.list[data-pc_y="23px"] > li{ margin-bottom: 23px; }
.list[data-pc_y="24px"] > li{ margin-bottom: 24px; }
.list[data-pc_y="25px"] > li{ margin-bottom: 25px; }
.list[data-pc_y="26px"] > li{ margin-bottom: 26px; }
.list[data-pc_y="27px"] > li{ margin-bottom: 27px; }
.list[data-pc_y="28px"] > li{ margin-bottom: 28px; }
.list[data-pc_y="29px"] > li{ margin-bottom: 29px; }
.list[data-pc_y="30px"] > li{ margin-bottom: 30px; }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
.list[data-pad_y="0px"] > li{ margin-bottom: 0px; }
.list[data-pad_y="1px"] > li{ margin-bottom: 1px; }
.list[data-pad_y="2px"] > li{ margin-bottom: 2px; }
.list[data-pad_y="3px"] > li{ margin-bottom: 3px; }
.list[data-pad_y="4px"] > li{ margin-bottom: 4px; }
.list[data-pad_y="5px"] > li{ margin-bottom: 5px; }
.list[data-pad_y="6px"] > li{ margin-bottom: 6px; }
.list[data-pad_y="7px"] > li{ margin-bottom: 7px; }
.list[data-pad_y="8px"] > li{ margin-bottom: 8px; }
.list[data-pad_y="9px"] > li{ margin-bottom: 9px; }
.list[data-pad_y="10px"] > li{ margin-bottom: 10px; }
.list[data-pad_y="11px"] > li{ margin-bottom: 11px; }
.list[data-pad_y="12px"] > li{ margin-bottom: 12px; }
.list[data-pad_y="13px"] > li{ margin-bottom: 13px; }
.list[data-pad_y="14px"] > li{ margin-bottom: 14px; }
.list[data-pad_y="15px"] > li{ margin-bottom: 15px; }
.list[data-pad_y="16px"] > li{ margin-bottom: 16px; }
.list[data-pad_y="17px"] > li{ margin-bottom: 17px; }
.list[data-pad_y="18px"] > li{ margin-bottom: 18px; }
.list[data-pad_y="19px"] > li{ margin-bottom: 19px; }
.list[data-pad_y="20px"] > li{ margin-bottom: 20px; }
.list[data-pad_y="21px"] > li{ margin-bottom: 21px; }
.list[data-pad_y="22px"] > li{ margin-bottom: 22px; }
.list[data-pad_y="23px"] > li{ margin-bottom: 23px; }
.list[data-pad_y="24px"] > li{ margin-bottom: 24px; }
.list[data-pad_y="25px"] > li{ margin-bottom: 25px; }
.list[data-pad_y="26px"] > li{ margin-bottom: 26px; }
.list[data-pad_y="27px"] > li{ margin-bottom: 27px; }
.list[data-pad_y="28px"] > li{ margin-bottom: 28px; }
.list[data-pad_y="29px"] > li{ margin-bottom: 29px; }
.list[data-pad_y="30px"] > li{ margin-bottom: 30px; }
}

/* sp */
@media screen and (max-width: 700px) {
.list[data-sp_y="0px"] > li{ margin-bottom: 0px; }
.list[data-sp_y="1px"] > li{ margin-bottom: 1px; }
.list[data-sp_y="2px"] > li{ margin-bottom: 2px; }
.list[data-sp_y="3px"] > li{ margin-bottom: 3px; }
.list[data-sp_y="4px"] > li{ margin-bottom: 4px; }
.list[data-sp_y="5px"] > li{ margin-bottom: 5px; }
.list[data-sp_y="6px"] > li{ margin-bottom: 6px; }
.list[data-sp_y="7px"] > li{ margin-bottom: 7px; }
.list[data-sp_y="8px"] > li{ margin-bottom: 8px; }
.list[data-sp_y="9px"] > li{ margin-bottom: 9px; }
.list[data-sp_y="10px"] > li{ margin-bottom: 10px; }
.list[data-sp_y="11px"] > li{ margin-bottom: 11px; }
.list[data-sp_y="12px"] > li{ margin-bottom: 12px; }
.list[data-sp_y="13px"] > li{ margin-bottom: 13px; }
.list[data-sp_y="14px"] > li{ margin-bottom: 14px; }
.list[data-sp_y="15px"] > li{ margin-bottom: 15px; }
.list[data-sp_y="16px"] > li{ margin-bottom: 16px; }
.list[data-sp_y="17px"] > li{ margin-bottom: 17px; }
.list[data-sp_y="18px"] > li{ margin-bottom: 18px; }
.list[data-sp_y="19px"] > li{ margin-bottom: 19px; }
.list[data-sp_y="20px"] > li{ margin-bottom: 20px; }
.list[data-sp_y="21px"] > li{ margin-bottom: 21px; }
.list[data-sp_y="22px"] > li{ margin-bottom: 22px; }
.list[data-sp_y="23px"] > li{ margin-bottom: 23px; }
.list[data-sp_y="24px"] > li{ margin-bottom: 24px; }
.list[data-sp_y="25px"] > li{ margin-bottom: 25px; }
.list[data-sp_y="26px"] > li{ margin-bottom: 26px; }
.list[data-sp_y="27px"] > li{ margin-bottom: 27px; }
.list[data-sp_y="28px"] > li{ margin-bottom: 28px; }
.list[data-sp_y="29px"] > li{ margin-bottom: 29px; }
.list[data-sp_y="30px"] > li{ margin-bottom: 30px; }
}

/* ----------------------------------------------------------------------
.news_list_zone
----------------------------------------------------------------------*/

.news_list_zone{
  
}

.news_list_zone .news_list_title{
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  font-family: 'Noto Sans Japanese';
  margin: 0 0 18px 0;
}

.news_list_zone .news_list_wrap{
  border-top: 1px solid #dddddd;
}

.news_list_zone .news_list{
  padding: 20px 0 12px 0;
  border-bottom: 1px solid #dddddd;
}

.news_list_zone .news_date{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 8px 0;
}

/* sp */
@media screen and (max-width: 700px) {
  .news_list_zone .news_list_title{
    font-size: 18px;
    margin: 0 0 12px 0;
  }
}

/* ----------------------------------------------------------------------
.table
----------------------------------------------------------------------*/

.table{
  display: table;
  width: 100%;
}

.table .table_tr{
  display: table-row;
}

.table .table_th,
.table .table_td{
  display: table-cell;
  vertical-align: top;
}

.table.type01{
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table.type01 .table_th,
.table.type01 .table_td{
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 25px;
}

.table.type01 .table_th{
  background-color: #f4f3ed;
}

@media all and (min-width: 701px ) and (max-width: 989px) {

}

@media all and (max-width: 989px) {

}

@media all and (max-width: 700px ){
  .table{
    display: block;
  }

  .table .table_tr{
    display: block;
  }

  .table .table_th,
  .table .table_td{
    display: block;
  }
}

/* ----------------------------------------------------------------------
.check_list
----------------------------------------------------------------------*/

.check_list{
  letter-spacing: -0.4em;
  margin: 0 -1em -1.5em 0;
}

.check_list li{
  display: inline-block;
  vertical-align:  top;
  letter-spacing: normal;
  white-space: nowrap;
  margin: 0 1em 1.5em 0;
  line-height: 1;
}

.check_list li input{
  display: inline-block;
  vertical-align:  middle;
}

.check_list li span{
  display: inline-block;
  vertical-align:  middle;
  margin: 0 0 0 1em;
}

/* ----------------------------------------------------------------------
.select_list_wrap
----------------------------------------------------------------------*/

.select_list{
  letter-spacing: -0.4em;
  margin: 0 -30px -20px 0;
}

.select_list li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 10px 30px 20px 0;
  font-size: 12px;
}

.select_list li .select_content_wrap{
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -1em -1em 0;
}

.select_list li .select_content{
  display: flex;
  display: -webkit-flex;
  margin: 0 1em 1em 0;
}

.select_list li .select_content select{
  width: 100%;
}

.select_list li .select_content .select_text{
  margin: 0 0 0 1em;
}

.select_list li .select_list_title{
  margin: 0 1em 0 0;
}

@media all and (max-width: 950px ){
  
}

@media all and (max-width: 700px ){
  /*.select_list li .select_content_wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .select_list li .select_content{
    width: 100%;
  }*/
  /*.select_list{ margin-right: 0;}
  .select_list li{ display: block; margin-right: 0; }*/
}



/* ----------------------------------------------------------------------
border top & bottom
----------------------------------------------------------------------*/

.border_top {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 1px solid #dddddd;
}

.border_bottom {
    margin-bottom: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dddddd;
}

.border_t_b {
    margin-top: 20px;
    padding: 40px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    min-height: 500px;
}

/* ----------------------------------------------------------------------
.color_box
----------------------------------------------------------------------*/

.color_box{
}

.color_box.b_gray01{
  border: 1px solid #dddddd;
}

.color_box.b_yellow01{
  border: 1px solid #fece0f;
}

.color_box.b_red01{
  border: 1px solid #d34f4f;
}

.color_box.b_bk01{
  border: 1px solid #111111;
}

.gray_box{
  padding: 35px 30px;
  background-color: #f4f3ed;
}

.white_box{
  padding: 35px 30px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.color_box[data-x="0px"]{ padding-left: 0px; padding-right: 0px; }
.color_box[data-x="1px"]{ padding-left: 1px; padding-right: 1px; }
.color_box[data-x="2px"]{ padding-left: 2px; padding-right: 2px; }
.color_box[data-x="3px"]{ padding-left: 3px; padding-right: 3px; }
.color_box[data-x="4px"]{ padding-left: 4px; padding-right: 4px; }
.color_box[data-x="5px"]{ padding-left: 5px; padding-right: 5px; }
.color_box[data-x="6px"]{ padding-left: 6px; padding-right: 6px; }
.color_box[data-x="7px"]{ padding-left: 7px; padding-right: 7px; }
.color_box[data-x="8px"]{ padding-left: 8px; padding-right: 8px; }
.color_box[data-x="9px"]{ padding-left: 9px; padding-right: 9px; }
.color_box[data-x="10px"]{ padding-left: 10px; padding-right: 10px; }
.color_box[data-x="11px"]{ padding-left: 11px; padding-right: 11px; }
.color_box[data-x="12px"]{ padding-left: 12px; padding-right: 12px; }
.color_box[data-x="13px"]{ padding-left: 13px; padding-right: 13px; }
.color_box[data-x="14px"]{ padding-left: 14px; padding-right: 14px; }
.color_box[data-x="15px"]{ padding-left: 15px; padding-right: 15px; }
.color_box[data-x="16px"]{ padding-left: 16px; padding-right: 16px; }
.color_box[data-x="17px"]{ padding-left: 17px; padding-right: 17px; }
.color_box[data-x="18px"]{ padding-left: 18px; padding-right: 18px; }
.color_box[data-x="19px"]{ padding-left: 19px; padding-right: 19px; }
.color_box[data-x="20px"]{ padding-left: 20px; padding-right: 20px; }
.color_box[data-x="21px"]{ padding-left: 21px; padding-right: 21px; }
.color_box[data-x="22px"]{ padding-left: 22px; padding-right: 22px; }
.color_box[data-x="23px"]{ padding-left: 23px; padding-right: 23px; }
.color_box[data-x="24px"]{ padding-left: 24px; padding-right: 24px; }
.color_box[data-x="25px"]{ padding-left: 25px; padding-right: 25px; }
.color_box[data-x="26px"]{ padding-left: 26px; padding-right: 26px; }
.color_box[data-x="27px"]{ padding-left: 27px; padding-right: 27px; }
.color_box[data-x="28px"]{ padding-left: 28px; padding-right: 28px; }
.color_box[data-x="29px"]{ padding-left: 29px; padding-right: 29px; }
.color_box[data-x="30px"]{ padding-left: 30px; padding-right: 30px; }
.color_box[data-x="31px"]{ padding-left: 31px; padding-right: 31px; }
.color_box[data-x="32px"]{ padding-left: 32px; padding-right: 32px; }
.color_box[data-x="33px"]{ padding-left: 33px; padding-right: 33px; }
.color_box[data-x="34px"]{ padding-left: 34px; padding-right: 34px; }
.color_box[data-x="35px"]{ padding-left: 35px; padding-right: 35px; }
.color_box[data-x="36px"]{ padding-left: 36px; padding-right: 36px; }
.color_box[data-x="37px"]{ padding-left: 37px; padding-right: 37px; }
.color_box[data-x="38px"]{ padding-left: 38px; padding-right: 38px; }
.color_box[data-x="39px"]{ padding-left: 39px; padding-right: 39px; }
.color_box[data-x="40px"]{ padding-left: 40px; padding-right: 40px; }
.color_box[data-x="41px"]{ padding-left: 41px; padding-right: 41px; }
.color_box[data-x="42px"]{ padding-left: 42px; padding-right: 42px; }
.color_box[data-x="43px"]{ padding-left: 43px; padding-right: 43px; }
.color_box[data-x="44px"]{ padding-left: 44px; padding-right: 44px; }
.color_box[data-x="45px"]{ padding-left: 45px; padding-right: 45px; }
.color_box[data-x="46px"]{ padding-left: 46px; padding-right: 46px; }
.color_box[data-x="47px"]{ padding-left: 47px; padding-right: 47px; }
.color_box[data-x="48px"]{ padding-left: 48px; padding-right: 48px; }
.color_box[data-x="49px"]{ padding-left: 49px; padding-right: 49px; }
.color_box[data-x="50px"]{ padding-left: 50px; padding-right: 50px; }
.color_box[data-x="51px"]{ padding-left: 51px; padding-right: 51px; }
.color_box[data-x="52px"]{ padding-left: 52px; padding-right: 52px; }
.color_box[data-x="53px"]{ padding-left: 53px; padding-right: 53px; }
.color_box[data-x="54px"]{ padding-left: 54px; padding-right: 54px; }
.color_box[data-x="55px"]{ padding-left: 55px; padding-right: 55px; }
.color_box[data-x="56px"]{ padding-left: 56px; padding-right: 56px; }
.color_box[data-x="57px"]{ padding-left: 57px; padding-right: 57px; }
.color_box[data-x="58px"]{ padding-left: 58px; padding-right: 58px; }
.color_box[data-x="59px"]{ padding-left: 59px; padding-right: 59px; }
.color_box[data-x="60px"]{ padding-left: 60px; padding-right: 60px; }

.color_box[data-y="0px"]{ padding-top: 0px; padding-bottom: 0px; }
.color_box[data-y="1px"]{ padding-top: 1px; padding-bottom: 1px; }
.color_box[data-y="2px"]{ padding-top: 2px; padding-bottom: 2px; }
.color_box[data-y="3px"]{ padding-top: 3px; padding-bottom: 3px; }
.color_box[data-y="4px"]{ padding-top: 4px; padding-bottom: 4px; }
.color_box[data-y="5px"]{ padding-top: 5px; padding-bottom: 5px; }
.color_box[data-y="6px"]{ padding-top: 6px; padding-bottom: 6px; }
.color_box[data-y="7px"]{ padding-top: 7px; padding-bottom: 7px; }
.color_box[data-y="8px"]{ padding-top: 8px; padding-bottom: 8px; }
.color_box[data-y="9px"]{ padding-top: 9px; padding-bottom: 9px; }
.color_box[data-y="10px"]{ padding-top: 10px; padding-bottom: 10px; }
.color_box[data-y="11px"]{ padding-top: 11px; padding-bottom: 11px; }
.color_box[data-y="12px"]{ padding-top: 12px; padding-bottom: 12px; }
.color_box[data-y="13px"]{ padding-top: 13px; padding-bottom: 13px; }
.color_box[data-y="14px"]{ padding-top: 14px; padding-bottom: 14px; }
.color_box[data-y="15px"]{ padding-top: 15px; padding-bottom: 15px; }
.color_box[data-y="16px"]{ padding-top: 16px; padding-bottom: 16px; }
.color_box[data-y="17px"]{ padding-top: 17px; padding-bottom: 17px; }
.color_box[data-y="18px"]{ padding-top: 18px; padding-bottom: 18px; }
.color_box[data-y="19px"]{ padding-top: 19px; padding-bottom: 19px; }
.color_box[data-y="20px"]{ padding-top: 20px; padding-bottom: 20px; }
.color_box[data-y="21px"]{ padding-top: 21px; padding-bottom: 21px; }
.color_box[data-y="22px"]{ padding-top: 22px; padding-bottom: 22px; }
.color_box[data-y="23px"]{ padding-top: 23px; padding-bottom: 23px; }
.color_box[data-y="24px"]{ padding-top: 24px; padding-bottom: 24px; }
.color_box[data-y="25px"]{ padding-top: 25px; padding-bottom: 25px; }
.color_box[data-y="26px"]{ padding-top: 26px; padding-bottom: 26px; }
.color_box[data-y="27px"]{ padding-top: 27px; padding-bottom: 27px; }
.color_box[data-y="28px"]{ padding-top: 28px; padding-bottom: 28px; }
.color_box[data-y="29px"]{ padding-top: 29px; padding-bottom: 29px; }
.color_box[data-y="30px"]{ padding-top: 30px; padding-bottom: 30px; }
.color_box[data-y="31px"]{ padding-top: 31px; padding-bottom: 31px; }
.color_box[data-y="32px"]{ padding-top: 32px; padding-bottom: 32px; }
.color_box[data-y="33px"]{ padding-top: 33px; padding-bottom: 33px; }
.color_box[data-y="34px"]{ padding-top: 34px; padding-bottom: 34px; }
.color_box[data-y="35px"]{ padding-top: 35px; padding-bottom: 35px; }
.color_box[data-y="36px"]{ padding-top: 36px; padding-bottom: 36px; }
.color_box[data-y="37px"]{ padding-top: 37px; padding-bottom: 37px; }
.color_box[data-y="38px"]{ padding-top: 38px; padding-bottom: 38px; }
.color_box[data-y="39px"]{ padding-top: 39px; padding-bottom: 39px; }
.color_box[data-y="40px"]{ padding-top: 40px; padding-bottom: 40px; }
.color_box[data-y="41px"]{ padding-top: 41px; padding-bottom: 41px; }
.color_box[data-y="42px"]{ padding-top: 42px; padding-bottom: 42px; }
.color_box[data-y="43px"]{ padding-top: 43px; padding-bottom: 43px; }
.color_box[data-y="44px"]{ padding-top: 44px; padding-bottom: 44px; }
.color_box[data-y="45px"]{ padding-top: 45px; padding-bottom: 45px; }
.color_box[data-y="46px"]{ padding-top: 46px; padding-bottom: 46px; }
.color_box[data-y="47px"]{ padding-top: 47px; padding-bottom: 47px; }
.color_box[data-y="48px"]{ padding-top: 48px; padding-bottom: 48px; }
.color_box[data-y="49px"]{ padding-top: 49px; padding-bottom: 49px; }
.color_box[data-y="50px"]{ padding-top: 50px; padding-bottom: 50px; }
.color_box[data-y="51px"]{ padding-top: 51px; padding-bottom: 51px; }
.color_box[data-y="52px"]{ padding-top: 52px; padding-bottom: 52px; }
.color_box[data-y="53px"]{ padding-top: 53px; padding-bottom: 53px; }
.color_box[data-y="54px"]{ padding-top: 54px; padding-bottom: 54px; }
.color_box[data-y="55px"]{ padding-top: 55px; padding-bottom: 55px; }
.color_box[data-y="56px"]{ padding-top: 56px; padding-bottom: 56px; }
.color_box[data-y="57px"]{ padding-top: 57px; padding-bottom: 57px; }
.color_box[data-y="58px"]{ padding-top: 58px; padding-bottom: 58px; }
.color_box[data-y="59px"]{ padding-top: 59px; padding-bottom: 59px; }
.color_box[data-y="60px"]{ padding-top: 60px; padding-bottom: 60px; }

.color_box[data-b_w="0px"]{ border-width: 0px; }
.color_box[data-b_w="1px"]{ border-width: 1px; }
.color_box[data-b_w="2px"]{ border-width: 2px; }
.color_box[data-b_w="3px"]{ border-width: 3px; }
.color_box[data-b_w="4px"]{ border-width: 4px; }
.color_box[data-b_w="5px"]{ border-width: 5px; }
.color_box[data-b_w="6px"]{ border-width: 6px; }
.color_box[data-b_w="7px"]{ border-width: 7px; }
.color_box[data-b_w="8px"]{ border-width: 8px; }
.color_box[data-b_w="9px"]{ border-width: 9px; }
.color_box[data-b_w="10px"]{ border-width: 10px; }

/* pc */
@media all and (min-width: 951px) {
.color_box[data-pc_x="0px"]{ padding-left: 0px; padding-right: 0px; }
.color_box[data-pc_x="1px"]{ padding-left: 1px; padding-right: 1px; }
.color_box[data-pc_x="2px"]{ padding-left: 2px; padding-right: 2px; }
.color_box[data-pc_x="3px"]{ padding-left: 3px; padding-right: 3px; }
.color_box[data-pc_x="4px"]{ padding-left: 4px; padding-right: 4px; }
.color_box[data-pc_x="5px"]{ padding-left: 5px; padding-right: 5px; }
.color_box[data-pc_x="6px"]{ padding-left: 6px; padding-right: 6px; }
.color_box[data-pc_x="7px"]{ padding-left: 7px; padding-right: 7px; }
.color_box[data-pc_x="8px"]{ padding-left: 8px; padding-right: 8px; }
.color_box[data-pc_x="9px"]{ padding-left: 9px; padding-right: 9px; }
.color_box[data-pc_x="10px"]{ padding-left: 10px; padding-right: 10px; }
.color_box[data-pc_x="11px"]{ padding-left: 11px; padding-right: 11px; }
.color_box[data-pc_x="12px"]{ padding-left: 12px; padding-right: 12px; }
.color_box[data-pc_x="13px"]{ padding-left: 13px; padding-right: 13px; }
.color_box[data-pc_x="14px"]{ padding-left: 14px; padding-right: 14px; }
.color_box[data-pc_x="15px"]{ padding-left: 15px; padding-right: 15px; }
.color_box[data-pc_x="16px"]{ padding-left: 16px; padding-right: 16px; }
.color_box[data-pc_x="17px"]{ padding-left: 17px; padding-right: 17px; }
.color_box[data-pc_x="18px"]{ padding-left: 18px; padding-right: 18px; }
.color_box[data-pc_x="19px"]{ padding-left: 19px; padding-right: 19px; }
.color_box[data-pc_x="20px"]{ padding-left: 20px; padding-right: 20px; }
.color_box[data-pc_x="21px"]{ padding-left: 21px; padding-right: 21px; }
.color_box[data-pc_x="22px"]{ padding-left: 22px; padding-right: 22px; }
.color_box[data-pc_x="23px"]{ padding-left: 23px; padding-right: 23px; }
.color_box[data-pc_x="24px"]{ padding-left: 24px; padding-right: 24px; }
.color_box[data-pc_x="25px"]{ padding-left: 25px; padding-right: 25px; }
.color_box[data-pc_x="26px"]{ padding-left: 26px; padding-right: 26px; }
.color_box[data-pc_x="27px"]{ padding-left: 27px; padding-right: 27px; }
.color_box[data-pc_x="28px"]{ padding-left: 28px; padding-right: 28px; }
.color_box[data-pc_x="29px"]{ padding-left: 29px; padding-right: 29px; }
.color_box[data-pc_x="30px"]{ padding-left: 30px; padding-right: 30px; }
.color_box[data-pc_x="31px"]{ padding-left: 31px; padding-right: 31px; }
.color_box[data-pc_x="32px"]{ padding-left: 32px; padding-right: 32px; }
.color_box[data-pc_x="33px"]{ padding-left: 33px; padding-right: 33px; }
.color_box[data-pc_x="34px"]{ padding-left: 34px; padding-right: 34px; }
.color_box[data-pc_x="35px"]{ padding-left: 35px; padding-right: 35px; }
.color_box[data-pc_x="36px"]{ padding-left: 36px; padding-right: 36px; }
.color_box[data-pc_x="37px"]{ padding-left: 37px; padding-right: 37px; }
.color_box[data-pc_x="38px"]{ padding-left: 38px; padding-right: 38px; }
.color_box[data-pc_x="39px"]{ padding-left: 39px; padding-right: 39px; }
.color_box[data-pc_x="40px"]{ padding-left: 40px; padding-right: 40px; }
.color_box[data-pc_x="41px"]{ padding-left: 41px; padding-right: 41px; }
.color_box[data-pc_x="42px"]{ padding-left: 42px; padding-right: 42px; }
.color_box[data-pc_x="43px"]{ padding-left: 43px; padding-right: 43px; }
.color_box[data-pc_x="44px"]{ padding-left: 44px; padding-right: 44px; }
.color_box[data-pc_x="45px"]{ padding-left: 45px; padding-right: 45px; }
.color_box[data-pc_x="46px"]{ padding-left: 46px; padding-right: 46px; }
.color_box[data-pc_x="47px"]{ padding-left: 47px; padding-right: 47px; }
.color_box[data-pc_x="48px"]{ padding-left: 48px; padding-right: 48px; }
.color_box[data-pc_x="49px"]{ padding-left: 49px; padding-right: 49px; }
.color_box[data-pc_x="50px"]{ padding-left: 50px; padding-right: 50px; }
.color_box[data-pc_x="51px"]{ padding-left: 51px; padding-right: 51px; }
.color_box[data-pc_x="52px"]{ padding-left: 52px; padding-right: 52px; }
.color_box[data-pc_x="53px"]{ padding-left: 53px; padding-right: 53px; }
.color_box[data-pc_x="54px"]{ padding-left: 54px; padding-right: 54px; }
.color_box[data-pc_x="55px"]{ padding-left: 55px; padding-right: 55px; }
.color_box[data-pc_x="56px"]{ padding-left: 56px; padding-right: 56px; }
.color_box[data-pc_x="57px"]{ padding-left: 57px; padding-right: 57px; }
.color_box[data-pc_x="58px"]{ padding-left: 58px; padding-right: 58px; }
.color_box[data-pc_x="59px"]{ padding-left: 59px; padding-right: 59px; }
.color_box[data-pc_x="60px"]{ padding-left: 60px; padding-right: 60px; }

.color_box[data-pc_y="0px"]{ padding-top: 0px; padding-bottom: 0px; }
.color_box[data-pc_y="1px"]{ padding-top: 1px; padding-bottom: 1px; }
.color_box[data-pc_y="2px"]{ padding-top: 2px; padding-bottom: 2px; }
.color_box[data-pc_y="3px"]{ padding-top: 3px; padding-bottom: 3px; }
.color_box[data-pc_y="4px"]{ padding-top: 4px; padding-bottom: 4px; }
.color_box[data-pc_y="5px"]{ padding-top: 5px; padding-bottom: 5px; }
.color_box[data-pc_y="6px"]{ padding-top: 6px; padding-bottom: 6px; }
.color_box[data-pc_y="7px"]{ padding-top: 7px; padding-bottom: 7px; }
.color_box[data-pc_y="8px"]{ padding-top: 8px; padding-bottom: 8px; }
.color_box[data-pc_y="9px"]{ padding-top: 9px; padding-bottom: 9px; }
.color_box[data-pc_y="10px"]{ padding-top: 10px; padding-bottom: 10px; }
.color_box[data-pc_y="11px"]{ padding-top: 11px; padding-bottom: 11px; }
.color_box[data-pc_y="12px"]{ padding-top: 12px; padding-bottom: 12px; }
.color_box[data-pc_y="13px"]{ padding-top: 13px; padding-bottom: 13px; }
.color_box[data-pc_y="14px"]{ padding-top: 14px; padding-bottom: 14px; }
.color_box[data-pc_y="15px"]{ padding-top: 15px; padding-bottom: 15px; }
.color_box[data-pc_y="16px"]{ padding-top: 16px; padding-bottom: 16px; }
.color_box[data-pc_y="17px"]{ padding-top: 17px; padding-bottom: 17px; }
.color_box[data-pc_y="18px"]{ padding-top: 18px; padding-bottom: 18px; }
.color_box[data-pc_y="19px"]{ padding-top: 19px; padding-bottom: 19px; }
.color_box[data-pc_y="20px"]{ padding-top: 20px; padding-bottom: 20px; }
.color_box[data-pc_y="21px"]{ padding-top: 21px; padding-bottom: 21px; }
.color_box[data-pc_y="22px"]{ padding-top: 22px; padding-bottom: 22px; }
.color_box[data-pc_y="23px"]{ padding-top: 23px; padding-bottom: 23px; }
.color_box[data-pc_y="24px"]{ padding-top: 24px; padding-bottom: 24px; }
.color_box[data-pc_y="25px"]{ padding-top: 25px; padding-bottom: 25px; }
.color_box[data-pc_y="26px"]{ padding-top: 26px; padding-bottom: 26px; }
.color_box[data-pc_y="27px"]{ padding-top: 27px; padding-bottom: 27px; }
.color_box[data-pc_y="28px"]{ padding-top: 28px; padding-bottom: 28px; }
.color_box[data-pc_y="29px"]{ padding-top: 29px; padding-bottom: 29px; }
.color_box[data-pc_y="30px"]{ padding-top: 30px; padding-bottom: 30px; }
.color_box[data-pc_y="31px"]{ padding-top: 31px; padding-bottom: 31px; }
.color_box[data-pc_y="32px"]{ padding-top: 32px; padding-bottom: 32px; }
.color_box[data-pc_y="33px"]{ padding-top: 33px; padding-bottom: 33px; }
.color_box[data-pc_y="34px"]{ padding-top: 34px; padding-bottom: 34px; }
.color_box[data-pc_y="35px"]{ padding-top: 35px; padding-bottom: 35px; }
.color_box[data-pc_y="36px"]{ padding-top: 36px; padding-bottom: 36px; }
.color_box[data-pc_y="37px"]{ padding-top: 37px; padding-bottom: 37px; }
.color_box[data-pc_y="38px"]{ padding-top: 38px; padding-bottom: 38px; }
.color_box[data-pc_y="39px"]{ padding-top: 39px; padding-bottom: 39px; }
.color_box[data-pc_y="40px"]{ padding-top: 40px; padding-bottom: 40px; }
.color_box[data-pc_y="41px"]{ padding-top: 41px; padding-bottom: 41px; }
.color_box[data-pc_y="42px"]{ padding-top: 42px; padding-bottom: 42px; }
.color_box[data-pc_y="43px"]{ padding-top: 43px; padding-bottom: 43px; }
.color_box[data-pc_y="44px"]{ padding-top: 44px; padding-bottom: 44px; }
.color_box[data-pc_y="45px"]{ padding-top: 45px; padding-bottom: 45px; }
.color_box[data-pc_y="46px"]{ padding-top: 46px; padding-bottom: 46px; }
.color_box[data-pc_y="47px"]{ padding-top: 47px; padding-bottom: 47px; }
.color_box[data-pc_y="48px"]{ padding-top: 48px; padding-bottom: 48px; }
.color_box[data-pc_y="49px"]{ padding-top: 49px; padding-bottom: 49px; }
.color_box[data-pc_y="50px"]{ padding-top: 50px; padding-bottom: 50px; }
.color_box[data-pc_y="51px"]{ padding-top: 51px; padding-bottom: 51px; }
.color_box[data-pc_y="52px"]{ padding-top: 52px; padding-bottom: 52px; }
.color_box[data-pc_y="53px"]{ padding-top: 53px; padding-bottom: 53px; }
.color_box[data-pc_y="54px"]{ padding-top: 54px; padding-bottom: 54px; }
.color_box[data-pc_y="55px"]{ padding-top: 55px; padding-bottom: 55px; }
.color_box[data-pc_y="56px"]{ padding-top: 56px; padding-bottom: 56px; }
.color_box[data-pc_y="57px"]{ padding-top: 57px; padding-bottom: 57px; }
.color_box[data-pc_y="58px"]{ padding-top: 58px; padding-bottom: 58px; }
.color_box[data-pc_y="59px"]{ padding-top: 59px; padding-bottom: 59px; }
.color_box[data-pc_y="60px"]{ padding-top: 60px; padding-bottom: 60px; }
  
.color_box[data-pc_b_w="0px"]{ border-width: 0px; }
.color_box[data-pc_b_w="1px"]{ border-width: 1px; }
.color_box[data-pc_b_w="2px"]{ border-width: 2px; }
.color_box[data-pc_b_w="3px"]{ border-width: 3px; }
.color_box[data-pc_b_w="4px"]{ border-width: 4px; }
.color_box[data-pc_b_w="5px"]{ border-width: 5px; }
.color_box[data-pc_b_w="6px"]{ border-width: 6px; }
.color_box[data-pc_b_w="7px"]{ border-width: 7px; }
.color_box[data-pc_b_w="8px"]{ border-width: 8px; }
.color_box[data-pc_b_w="9px"]{ border-width: 9px; }
.color_box[data-pc_b_w="10px"]{ border-width: 10px; }  
  
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
.color_box[data-pad_x="0px"]{ padding-left: 0px; padding-right: 0px; }
.color_box[data-pad_x="1px"]{ padding-left: 1px; padding-right: 1px; }
.color_box[data-pad_x="2px"]{ padding-left: 2px; padding-right: 2px; }
.color_box[data-pad_x="3px"]{ padding-left: 3px; padding-right: 3px; }
.color_box[data-pad_x="4px"]{ padding-left: 4px; padding-right: 4px; }
.color_box[data-pad_x="5px"]{ padding-left: 5px; padding-right: 5px; }
.color_box[data-pad_x="6px"]{ padding-left: 6px; padding-right: 6px; }
.color_box[data-pad_x="7px"]{ padding-left: 7px; padding-right: 7px; }
.color_box[data-pad_x="8px"]{ padding-left: 8px; padding-right: 8px; }
.color_box[data-pad_x="9px"]{ padding-left: 9px; padding-right: 9px; }
.color_box[data-pad_x="10px"]{ padding-left: 10px; padding-right: 10px; }
.color_box[data-pad_x="11px"]{ padding-left: 11px; padding-right: 11px; }
.color_box[data-pad_x="12px"]{ padding-left: 12px; padding-right: 12px; }
.color_box[data-pad_x="13px"]{ padding-left: 13px; padding-right: 13px; }
.color_box[data-pad_x="14px"]{ padding-left: 14px; padding-right: 14px; }
.color_box[data-pad_x="15px"]{ padding-left: 15px; padding-right: 15px; }
.color_box[data-pad_x="16px"]{ padding-left: 16px; padding-right: 16px; }
.color_box[data-pad_x="17px"]{ padding-left: 17px; padding-right: 17px; }
.color_box[data-pad_x="18px"]{ padding-left: 18px; padding-right: 18px; }
.color_box[data-pad_x="19px"]{ padding-left: 19px; padding-right: 19px; }
.color_box[data-pad_x="20px"]{ padding-left: 20px; padding-right: 20px; }
.color_box[data-pad_x="21px"]{ padding-left: 21px; padding-right: 21px; }
.color_box[data-pad_x="22px"]{ padding-left: 22px; padding-right: 22px; }
.color_box[data-pad_x="23px"]{ padding-left: 23px; padding-right: 23px; }
.color_box[data-pad_x="24px"]{ padding-left: 24px; padding-right: 24px; }
.color_box[data-pad_x="25px"]{ padding-left: 25px; padding-right: 25px; }
.color_box[data-pad_x="26px"]{ padding-left: 26px; padding-right: 26px; }
.color_box[data-pad_x="27px"]{ padding-left: 27px; padding-right: 27px; }
.color_box[data-pad_x="28px"]{ padding-left: 28px; padding-right: 28px; }
.color_box[data-pad_x="29px"]{ padding-left: 29px; padding-right: 29px; }
.color_box[data-pad_x="30px"]{ padding-left: 30px; padding-right: 30px; }
.color_box[data-pad_x="31px"]{ padding-left: 31px; padding-right: 31px; }
.color_box[data-pad_x="32px"]{ padding-left: 32px; padding-right: 32px; }
.color_box[data-pad_x="33px"]{ padding-left: 33px; padding-right: 33px; }
.color_box[data-pad_x="34px"]{ padding-left: 34px; padding-right: 34px; }
.color_box[data-pad_x="35px"]{ padding-left: 35px; padding-right: 35px; }
.color_box[data-pad_x="36px"]{ padding-left: 36px; padding-right: 36px; }
.color_box[data-pad_x="37px"]{ padding-left: 37px; padding-right: 37px; }
.color_box[data-pad_x="38px"]{ padding-left: 38px; padding-right: 38px; }
.color_box[data-pad_x="39px"]{ padding-left: 39px; padding-right: 39px; }
.color_box[data-pad_x="40px"]{ padding-left: 40px; padding-right: 40px; }
.color_box[data-pad_x="41px"]{ padding-left: 41px; padding-right: 41px; }
.color_box[data-pad_x="42px"]{ padding-left: 42px; padding-right: 42px; }
.color_box[data-pad_x="43px"]{ padding-left: 43px; padding-right: 43px; }
.color_box[data-pad_x="44px"]{ padding-left: 44px; padding-right: 44px; }
.color_box[data-pad_x="45px"]{ padding-left: 45px; padding-right: 45px; }
.color_box[data-pad_x="46px"]{ padding-left: 46px; padding-right: 46px; }
.color_box[data-pad_x="47px"]{ padding-left: 47px; padding-right: 47px; }
.color_box[data-pad_x="48px"]{ padding-left: 48px; padding-right: 48px; }
.color_box[data-pad_x="49px"]{ padding-left: 49px; padding-right: 49px; }
.color_box[data-pad_x="50px"]{ padding-left: 50px; padding-right: 50px; }
.color_box[data-pad_x="51px"]{ padding-left: 51px; padding-right: 51px; }
.color_box[data-pad_x="52px"]{ padding-left: 52px; padding-right: 52px; }
.color_box[data-pad_x="53px"]{ padding-left: 53px; padding-right: 53px; }
.color_box[data-pad_x="54px"]{ padding-left: 54px; padding-right: 54px; }
.color_box[data-pad_x="55px"]{ padding-left: 55px; padding-right: 55px; }
.color_box[data-pad_x="56px"]{ padding-left: 56px; padding-right: 56px; }
.color_box[data-pad_x="57px"]{ padding-left: 57px; padding-right: 57px; }
.color_box[data-pad_x="58px"]{ padding-left: 58px; padding-right: 58px; }
.color_box[data-pad_x="59px"]{ padding-left: 59px; padding-right: 59px; }
.color_box[data-pad_x="60px"]{ padding-left: 60px; padding-right: 60px; }

.color_box[data-pad_y="0px"]{ padding-top: 0px; padding-bottom: 0px; }
.color_box[data-pad_y="1px"]{ padding-top: 1px; padding-bottom: 1px; }
.color_box[data-pad_y="2px"]{ padding-top: 2px; padding-bottom: 2px; }
.color_box[data-pad_y="3px"]{ padding-top: 3px; padding-bottom: 3px; }
.color_box[data-pad_y="4px"]{ padding-top: 4px; padding-bottom: 4px; }
.color_box[data-pad_y="5px"]{ padding-top: 5px; padding-bottom: 5px; }
.color_box[data-pad_y="6px"]{ padding-top: 6px; padding-bottom: 6px; }
.color_box[data-pad_y="7px"]{ padding-top: 7px; padding-bottom: 7px; }
.color_box[data-pad_y="8px"]{ padding-top: 8px; padding-bottom: 8px; }
.color_box[data-pad_y="9px"]{ padding-top: 9px; padding-bottom: 9px; }
.color_box[data-pad_y="10px"]{ padding-top: 10px; padding-bottom: 10px; }
.color_box[data-pad_y="11px"]{ padding-top: 11px; padding-bottom: 11px; }
.color_box[data-pad_y="12px"]{ padding-top: 12px; padding-bottom: 12px; }
.color_box[data-pad_y="13px"]{ padding-top: 13px; padding-bottom: 13px; }
.color_box[data-pad_y="14px"]{ padding-top: 14px; padding-bottom: 14px; }
.color_box[data-pad_y="15px"]{ padding-top: 15px; padding-bottom: 15px; }
.color_box[data-pad_y="16px"]{ padding-top: 16px; padding-bottom: 16px; }
.color_box[data-pad_y="17px"]{ padding-top: 17px; padding-bottom: 17px; }
.color_box[data-pad_y="18px"]{ padding-top: 18px; padding-bottom: 18px; }
.color_box[data-pad_y="19px"]{ padding-top: 19px; padding-bottom: 19px; }
.color_box[data-pad_y="20px"]{ padding-top: 20px; padding-bottom: 20px; }
.color_box[data-pad_y="21px"]{ padding-top: 21px; padding-bottom: 21px; }
.color_box[data-pad_y="22px"]{ padding-top: 22px; padding-bottom: 22px; }
.color_box[data-pad_y="23px"]{ padding-top: 23px; padding-bottom: 23px; }
.color_box[data-pad_y="24px"]{ padding-top: 24px; padding-bottom: 24px; }
.color_box[data-pad_y="25px"]{ padding-top: 25px; padding-bottom: 25px; }
.color_box[data-pad_y="26px"]{ padding-top: 26px; padding-bottom: 26px; }
.color_box[data-pad_y="27px"]{ padding-top: 27px; padding-bottom: 27px; }
.color_box[data-pad_y="28px"]{ padding-top: 28px; padding-bottom: 28px; }
.color_box[data-pad_y="29px"]{ padding-top: 29px; padding-bottom: 29px; }
.color_box[data-pad_y="30px"]{ padding-top: 30px; padding-bottom: 30px; }
.color_box[data-pad_y="31px"]{ padding-top: 31px; padding-bottom: 31px; }
.color_box[data-pad_y="32px"]{ padding-top: 32px; padding-bottom: 32px; }
.color_box[data-pad_y="33px"]{ padding-top: 33px; padding-bottom: 33px; }
.color_box[data-pad_y="34px"]{ padding-top: 34px; padding-bottom: 34px; }
.color_box[data-pad_y="35px"]{ padding-top: 35px; padding-bottom: 35px; }
.color_box[data-pad_y="36px"]{ padding-top: 36px; padding-bottom: 36px; }
.color_box[data-pad_y="37px"]{ padding-top: 37px; padding-bottom: 37px; }
.color_box[data-pad_y="38px"]{ padding-top: 38px; padding-bottom: 38px; }
.color_box[data-pad_y="39px"]{ padding-top: 39px; padding-bottom: 39px; }
.color_box[data-pad_y="40px"]{ padding-top: 40px; padding-bottom: 40px; }
.color_box[data-pad_y="41px"]{ padding-top: 41px; padding-bottom: 41px; }
.color_box[data-pad_y="42px"]{ padding-top: 42px; padding-bottom: 42px; }
.color_box[data-pad_y="43px"]{ padding-top: 43px; padding-bottom: 43px; }
.color_box[data-pad_y="44px"]{ padding-top: 44px; padding-bottom: 44px; }
.color_box[data-pad_y="45px"]{ padding-top: 45px; padding-bottom: 45px; }
.color_box[data-pad_y="46px"]{ padding-top: 46px; padding-bottom: 46px; }
.color_box[data-pad_y="47px"]{ padding-top: 47px; padding-bottom: 47px; }
.color_box[data-pad_y="48px"]{ padding-top: 48px; padding-bottom: 48px; }
.color_box[data-pad_y="49px"]{ padding-top: 49px; padding-bottom: 49px; }
.color_box[data-pad_y="50px"]{ padding-top: 50px; padding-bottom: 50px; }
.color_box[data-pad_y="51px"]{ padding-top: 51px; padding-bottom: 51px; }
.color_box[data-pad_y="52px"]{ padding-top: 52px; padding-bottom: 52px; }
.color_box[data-pad_y="53px"]{ padding-top: 53px; padding-bottom: 53px; }
.color_box[data-pad_y="54px"]{ padding-top: 54px; padding-bottom: 54px; }
.color_box[data-pad_y="55px"]{ padding-top: 55px; padding-bottom: 55px; }
.color_box[data-pad_y="56px"]{ padding-top: 56px; padding-bottom: 56px; }
.color_box[data-pad_y="57px"]{ padding-top: 57px; padding-bottom: 57px; }
.color_box[data-pad_y="58px"]{ padding-top: 58px; padding-bottom: 58px; }
.color_box[data-pad_y="59px"]{ padding-top: 59px; padding-bottom: 59px; }
.color_box[data-pad_y="60px"]{ padding-top: 60px; padding-bottom: 60px; }
  
.color_box[data-pad_b_w="0px"]{ border-width: 0px; }
.color_box[data-pad_b_w="1px"]{ border-width: 1px; }
.color_box[data-pad_b_w="2px"]{ border-width: 2px; }
.color_box[data-pad_b_w="3px"]{ border-width: 3px; }
.color_box[data-pad_b_w="4px"]{ border-width: 4px; }
.color_box[data-pad_b_w="5px"]{ border-width: 5px; }
.color_box[data-pad_b_w="6px"]{ border-width: 6px; }
.color_box[data-pad_b_w="7px"]{ border-width: 7px; }
.color_box[data-pad_b_w="8px"]{ border-width: 8px; }
.color_box[data-pad_b_w="9px"]{ border-width: 9px; }
.color_box[data-pad_b_w="10px"]{ border-width: 10px; }  
  
}

/* sp */
@media screen and (max-width: 700px) {
.color_box[data-sp_x="0px"]{ padding-left: 0px; padding-right: 0px; }
.color_box[data-sp_x="1px"]{ padding-left: 1px; padding-right: 1px; }
.color_box[data-sp_x="2px"]{ padding-left: 2px; padding-right: 2px; }
.color_box[data-sp_x="3px"]{ padding-left: 3px; padding-right: 3px; }
.color_box[data-sp_x="4px"]{ padding-left: 4px; padding-right: 4px; }
.color_box[data-sp_x="5px"]{ padding-left: 5px; padding-right: 5px; }
.color_box[data-sp_x="6px"]{ padding-left: 6px; padding-right: 6px; }
.color_box[data-sp_x="7px"]{ padding-left: 7px; padding-right: 7px; }
.color_box[data-sp_x="8px"]{ padding-left: 8px; padding-right: 8px; }
.color_box[data-sp_x="9px"]{ padding-left: 9px; padding-right: 9px; }
.color_box[data-sp_x="10px"]{ padding-left: 10px; padding-right: 10px; }
.color_box[data-sp_x="11px"]{ padding-left: 11px; padding-right: 11px; }
.color_box[data-sp_x="12px"]{ padding-left: 12px; padding-right: 12px; }
.color_box[data-sp_x="13px"]{ padding-left: 13px; padding-right: 13px; }
.color_box[data-sp_x="14px"]{ padding-left: 14px; padding-right: 14px; }
.color_box[data-sp_x="15px"]{ padding-left: 15px; padding-right: 15px; }
.color_box[data-sp_x="16px"]{ padding-left: 16px; padding-right: 16px; }
.color_box[data-sp_x="17px"]{ padding-left: 17px; padding-right: 17px; }
.color_box[data-sp_x="18px"]{ padding-left: 18px; padding-right: 18px; }
.color_box[data-sp_x="19px"]{ padding-left: 19px; padding-right: 19px; }
.color_box[data-sp_x="20px"]{ padding-left: 20px; padding-right: 20px; }
.color_box[data-sp_x="21px"]{ padding-left: 21px; padding-right: 21px; }
.color_box[data-sp_x="22px"]{ padding-left: 22px; padding-right: 22px; }
.color_box[data-sp_x="23px"]{ padding-left: 23px; padding-right: 23px; }
.color_box[data-sp_x="24px"]{ padding-left: 24px; padding-right: 24px; }
.color_box[data-sp_x="25px"]{ padding-left: 25px; padding-right: 25px; }
.color_box[data-sp_x="26px"]{ padding-left: 26px; padding-right: 26px; }
.color_box[data-sp_x="27px"]{ padding-left: 27px; padding-right: 27px; }
.color_box[data-sp_x="28px"]{ padding-left: 28px; padding-right: 28px; }
.color_box[data-sp_x="29px"]{ padding-left: 29px; padding-right: 29px; }
.color_box[data-sp_x="30px"]{ padding-left: 30px; padding-right: 30px; }
.color_box[data-sp_x="31px"]{ padding-left: 31px; padding-right: 31px; }
.color_box[data-sp_x="32px"]{ padding-left: 32px; padding-right: 32px; }
.color_box[data-sp_x="33px"]{ padding-left: 33px; padding-right: 33px; }
.color_box[data-sp_x="34px"]{ padding-left: 34px; padding-right: 34px; }
.color_box[data-sp_x="35px"]{ padding-left: 35px; padding-right: 35px; }
.color_box[data-sp_x="36px"]{ padding-left: 36px; padding-right: 36px; }
.color_box[data-sp_x="37px"]{ padding-left: 37px; padding-right: 37px; }
.color_box[data-sp_x="38px"]{ padding-left: 38px; padding-right: 38px; }
.color_box[data-sp_x="39px"]{ padding-left: 39px; padding-right: 39px; }
.color_box[data-sp_x="40px"]{ padding-left: 40px; padding-right: 40px; }
.color_box[data-sp_x="41px"]{ padding-left: 41px; padding-right: 41px; }
.color_box[data-sp_x="42px"]{ padding-left: 42px; padding-right: 42px; }
.color_box[data-sp_x="43px"]{ padding-left: 43px; padding-right: 43px; }
.color_box[data-sp_x="44px"]{ padding-left: 44px; padding-right: 44px; }
.color_box[data-sp_x="45px"]{ padding-left: 45px; padding-right: 45px; }
.color_box[data-sp_x="46px"]{ padding-left: 46px; padding-right: 46px; }
.color_box[data-sp_x="47px"]{ padding-left: 47px; padding-right: 47px; }
.color_box[data-sp_x="48px"]{ padding-left: 48px; padding-right: 48px; }
.color_box[data-sp_x="49px"]{ padding-left: 49px; padding-right: 49px; }
.color_box[data-sp_x="50px"]{ padding-left: 50px; padding-right: 50px; }
.color_box[data-sp_x="51px"]{ padding-left: 51px; padding-right: 51px; }
.color_box[data-sp_x="52px"]{ padding-left: 52px; padding-right: 52px; }
.color_box[data-sp_x="53px"]{ padding-left: 53px; padding-right: 53px; }
.color_box[data-sp_x="54px"]{ padding-left: 54px; padding-right: 54px; }
.color_box[data-sp_x="55px"]{ padding-left: 55px; padding-right: 55px; }
.color_box[data-sp_x="56px"]{ padding-left: 56px; padding-right: 56px; }
.color_box[data-sp_x="57px"]{ padding-left: 57px; padding-right: 57px; }
.color_box[data-sp_x="58px"]{ padding-left: 58px; padding-right: 58px; }
.color_box[data-sp_x="59px"]{ padding-left: 59px; padding-right: 59px; }
.color_box[data-sp_x="60px"]{ padding-left: 60px; padding-right: 60px; }

.color_box[data-sp_y="0px"]{ padding-top: 0px; padding-bottom: 0px; }
.color_box[data-sp_y="1px"]{ padding-top: 1px; padding-bottom: 1px; }
.color_box[data-sp_y="2px"]{ padding-top: 2px; padding-bottom: 2px; }
.color_box[data-sp_y="3px"]{ padding-top: 3px; padding-bottom: 3px; }
.color_box[data-sp_y="4px"]{ padding-top: 4px; padding-bottom: 4px; }
.color_box[data-sp_y="5px"]{ padding-top: 5px; padding-bottom: 5px; }
.color_box[data-sp_y="6px"]{ padding-top: 6px; padding-bottom: 6px; }
.color_box[data-sp_y="7px"]{ padding-top: 7px; padding-bottom: 7px; }
.color_box[data-sp_y="8px"]{ padding-top: 8px; padding-bottom: 8px; }
.color_box[data-sp_y="9px"]{ padding-top: 9px; padding-bottom: 9px; }
.color_box[data-sp_y="10px"]{ padding-top: 10px; padding-bottom: 10px; }
.color_box[data-sp_y="11px"]{ padding-top: 11px; padding-bottom: 11px; }
.color_box[data-sp_y="12px"]{ padding-top: 12px; padding-bottom: 12px; }
.color_box[data-sp_y="13px"]{ padding-top: 13px; padding-bottom: 13px; }
.color_box[data-sp_y="14px"]{ padding-top: 14px; padding-bottom: 14px; }
.color_box[data-sp_y="15px"]{ padding-top: 15px; padding-bottom: 15px; }
.color_box[data-sp_y="16px"]{ padding-top: 16px; padding-bottom: 16px; }
.color_box[data-sp_y="17px"]{ padding-top: 17px; padding-bottom: 17px; }
.color_box[data-sp_y="18px"]{ padding-top: 18px; padding-bottom: 18px; }
.color_box[data-sp_y="19px"]{ padding-top: 19px; padding-bottom: 19px; }
.color_box[data-sp_y="20px"]{ padding-top: 20px; padding-bottom: 20px; }
.color_box[data-sp_y="21px"]{ padding-top: 21px; padding-bottom: 21px; }
.color_box[data-sp_y="22px"]{ padding-top: 22px; padding-bottom: 22px; }
.color_box[data-sp_y="23px"]{ padding-top: 23px; padding-bottom: 23px; }
.color_box[data-sp_y="24px"]{ padding-top: 24px; padding-bottom: 24px; }
.color_box[data-sp_y="25px"]{ padding-top: 25px; padding-bottom: 25px; }
.color_box[data-sp_y="26px"]{ padding-top: 26px; padding-bottom: 26px; }
.color_box[data-sp_y="27px"]{ padding-top: 27px; padding-bottom: 27px; }
.color_box[data-sp_y="28px"]{ padding-top: 28px; padding-bottom: 28px; }
.color_box[data-sp_y="29px"]{ padding-top: 29px; padding-bottom: 29px; }
.color_box[data-sp_y="30px"]{ padding-top: 30px; padding-bottom: 30px; }
.color_box[data-sp_y="31px"]{ padding-top: 31px; padding-bottom: 31px; }
.color_box[data-sp_y="32px"]{ padding-top: 32px; padding-bottom: 32px; }
.color_box[data-sp_y="33px"]{ padding-top: 33px; padding-bottom: 33px; }
.color_box[data-sp_y="34px"]{ padding-top: 34px; padding-bottom: 34px; }
.color_box[data-sp_y="35px"]{ padding-top: 35px; padding-bottom: 35px; }
.color_box[data-sp_y="36px"]{ padding-top: 36px; padding-bottom: 36px; }
.color_box[data-sp_y="37px"]{ padding-top: 37px; padding-bottom: 37px; }
.color_box[data-sp_y="38px"]{ padding-top: 38px; padding-bottom: 38px; }
.color_box[data-sp_y="39px"]{ padding-top: 39px; padding-bottom: 39px; }
.color_box[data-sp_y="40px"]{ padding-top: 40px; padding-bottom: 40px; }
.color_box[data-sp_y="41px"]{ padding-top: 41px; padding-bottom: 41px; }
.color_box[data-sp_y="42px"]{ padding-top: 42px; padding-bottom: 42px; }
.color_box[data-sp_y="43px"]{ padding-top: 43px; padding-bottom: 43px; }
.color_box[data-sp_y="44px"]{ padding-top: 44px; padding-bottom: 44px; }
.color_box[data-sp_y="45px"]{ padding-top: 45px; padding-bottom: 45px; }
.color_box[data-sp_y="46px"]{ padding-top: 46px; padding-bottom: 46px; }
.color_box[data-sp_y="47px"]{ padding-top: 47px; padding-bottom: 47px; }
.color_box[data-sp_y="48px"]{ padding-top: 48px; padding-bottom: 48px; }
.color_box[data-sp_y="49px"]{ padding-top: 49px; padding-bottom: 49px; }
.color_box[data-sp_y="50px"]{ padding-top: 50px; padding-bottom: 50px; }
.color_box[data-sp_y="51px"]{ padding-top: 51px; padding-bottom: 51px; }
.color_box[data-sp_y="52px"]{ padding-top: 52px; padding-bottom: 52px; }
.color_box[data-sp_y="53px"]{ padding-top: 53px; padding-bottom: 53px; }
.color_box[data-sp_y="54px"]{ padding-top: 54px; padding-bottom: 54px; }
.color_box[data-sp_y="55px"]{ padding-top: 55px; padding-bottom: 55px; }
.color_box[data-sp_y="56px"]{ padding-top: 56px; padding-bottom: 56px; }
.color_box[data-sp_y="57px"]{ padding-top: 57px; padding-bottom: 57px; }
.color_box[data-sp_y="58px"]{ padding-top: 58px; padding-bottom: 58px; }
.color_box[data-sp_y="59px"]{ padding-top: 59px; padding-bottom: 59px; }
.color_box[data-sp_y="60px"]{ padding-top: 60px; padding-bottom: 60px; }
  
.color_box[data-sp_b_w="0px"]{ border-width: 0px; }
.color_box[data-sp_b_w="1px"]{ border-width: 1px; }
.color_box[data-sp_b_w="2px"]{ border-width: 2px; }
.color_box[data-sp_b_w="3px"]{ border-width: 3px; }
.color_box[data-sp_b_w="4px"]{ border-width: 4px; }
.color_box[data-sp_b_w="5px"]{ border-width: 5px; }
.color_box[data-sp_b_w="6px"]{ border-width: 6px; }
.color_box[data-sp_b_w="7px"]{ border-width: 7px; }
.color_box[data-sp_b_w="8px"]{ border-width: 8px; }
.color_box[data-sp_b_w="9px"]{ border-width: 9px; }
.color_box[data-sp_b_w="10px"]{ border-width: 10px; }  
  
}

.gray_box{
  padding: 35px 30px;
  background-color: #f4f3ed;
}


.white_box{
  padding: 35px 30px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

/* ----------------------------------------------------------------------
.request_box_wrap
----------------------------------------------------------------------*/

.request_box_wrap .col_content{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.request_box_wrap .request_box{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-width: 260px;
}

.request_box_wrap .request_box .title{
  font-size: 20px;
  margin: 0 0 25px 0;
  -webkit-justify-content: center;
  justify-content: center;
}

.request_box_wrap .request_box .request_text{
  font-size: 14px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.request_box_wrap .request_box .btn_row .col{
  width: 100%;
}

@media all and (max-width: 700px ){
  .request_box_wrap{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .request_box_wrap .request_box .title{
    font-size: 18px;
    margin-bottom: 18px;
  }
  .request_box_wrap .request_box .btn_row{
    margin-top: 20px;
  }
}

/* ----------------------------------------------------------------------
.order_box_wrap
----------------------------------------------------------------------*/

.order_box_wrap{
  border-top: 4px solid #fece0f;
}

.order_box_wrap .col_content{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.order_box_wrap .col_content .row_content.btn_row{
  margin-top: 15px;
}

/* ----------------------------------------------------------------------
.tel_address_text
----------------------------------------------------------------------*/

.tel_address_text{
  text-align: center;
}

.tel_address_text .tel_text{
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
}

.tel_address_text .tel_text .flex-text .image{
  height: 1em;
}

.tel_address_text .tel_text2{
  font-weight: 500;
  margin: 4px 0 0 0;
  font-family: 'Noto Sans Japanese';
}

.tel_address_text .tel_text2 span{
  display: inline-block;
  text-align: left;
}

@media all and (max-width: 700px ){
  .tel_address_text .tel_text{
    font-size: 26px;
  }
}

/* ----------------------------------------------------------------------
.cms_box_wrap
----------------------------------------------------------------------*/

.cms_box_zone .row_content:not(:last-child){
  margin-bottom: 0 !important;
}

.cms_box_wrap{
  
}

.cms_box_wrap .cms_text{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 13px;
  background-color: #fece0f;
  font-weight: 700;
  font-family: 'Noto Sans Japanese';
}

.cms_box_wrap .cms_text p{
  text-align: center;
  line-height: 1.2;
}

.cms_box_wrap .cms_text p *{
  display: block;
  width: 100%;
  margin-bottom: 4px;
}

.cms_box_wrap .cms_text p *:last-child{
  margin-bottom: 0px;
}

.cms_box_wrap .cms_text p small{
  font-size: 87.5%;
}


/* sp */
@media screen and (max-width: 700px) {
  .cms_box_wrap .cms_box{
    display: -webkit-flex;
    display: flex;
  }
  .cms_box_wrap .cms_img{
    width: 44%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .cms_box_wrap .cms_img .img_cover{
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .cms_box_wrap .cms_text{
    width: 56%;
  }
  .cms_box_wrap .cms_text{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 6px 20px 20px;
  }
  .cms_box_wrap .cms_text p{
    font-size: 16px;
    text-align: left;
  }
  .cms_box_wrap .cms_text p small{
    font-size: 13px;
  }
  .cms_box_wrap .cms_text p *{
    margin-bottom: 4px;
  }
  
}

/* ----------------------------------------------------------------------
.visual_title_wrap
----------------------------------------------------------------------*/

.visual_title_wrap{
  position: relative;
  display: -webkit-flex;
  display: flex;
  height: 260px;
  font-weight: 700;
  font-family: 'Noto Sans Japanese';
  margin-bottom: 50px;
}

.visual_title_wrap .visual_title{
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #fece0f;
  width: 360px;
  padding: 20px;
  text-align: center;
}

.visual_title_wrap .visual_title .text_wrap > *{
  display: block;
}

.visual_title_wrap .visual_title .text_wrap .text01{
  font-size: 20px;
}

.visual_title_wrap .visual_title .text_wrap .text02{
  font-size: 32px;
}

.visual_title_wrap .visual_img{
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* sp */
@media screen and (max-width: 700px) {
  .visual_title_wrap{
    height: 170px;
  }
  .visual_title_wrap .visual_title{
    position: relative;
    background-color: rgba(254,206,15,0.8);
    width: 100%;
    -moz-text-shadow: 0px 0px 0px #ffffff,1px 1px 0px #ffffff,1px 0px 0px #ffffff,0px 1px 0px #ffffff,-1px -1px 0px #ffffff,0px -1px 0px #ffffff,-1px 0px 0px #ffffff;
    -webkit-text-shadow: 0px 0px 0px #ffffff,1px 1px 0px #ffffff,1px 0px 0px #ffffff,0px 1px 0px #ffffff,-1px -1px 0px #ffffff,0px -1px 0px #ffffff,-1px 0px 0px #ffffff;
    text-shadow: 0px 0px 0px #ffffff,1px 1px 0px #ffffff,1px 0px 0px #ffffff,0px 1px 0px #ffffff,-1px -1px 0px #ffffff,0px -1px 0px #ffffff,-1px 0px 0px #ffffff;
  }
  .visual_title_wrap .visual_title .text_wrap .text01{
    font-size: 16px;
  }

  .visual_title_wrap .visual_title .text_wrap .text02{
    font-size: 24px;
  }
  .visual_title_wrap .visual_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* ----------------------------------------------------------------------
.border_block_list_wrap
----------------------------------------------------------------------*/

.border_block_list_wrap{
  border-top: 1px solid #dddddd;
}

.border_block_list_wrap .border_block_list{
  border-bottom: 1px solid #dddddd;
  padding: 36px 0;
}

/* ----------------------------------------------------------------------
.border_block_list_wrap
----------------------------------------------------------------------*/

.circle_obj {
	text-align: center;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
  font-family: 'Noto Sans Japanese';
	background-color: #9c392b;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	letter-spacing: -0.4em;
	padding: 0.5em;
	white-space: nowrap;
}
.circle_obj:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 0;
	width: 0;
	padding-bottom: 100%;
}
.circle_obj .circle_obj_in {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	min-width: 1em;
}

/* ----------------------------------------------------------------------
.goods_list_block
----------------------------------------------------------------------*/

.row_content.border_row.goods_list_row > .col .col_content{
  padding-top: 5px;
}

.goods_list_block{
  font-size: 14px;
  max-width: 220px;
  margin: 0 auto;
}

.goods_list_block .goods_list_title{
  font-size: 16px;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 10px 0;
}

/* ----------------------------------------------------------------------
.goods_detail_block
----------------------------------------------------------------------*/

.goods_detail_block{
  
}

.goods_detail_block .goods_datail_head{
  margin: 0 0 30px 0;
}

.goods_detail_block .goods_detail_title{
  font-size: 28px;
  margin: 0 0 5px 0;
}

.goods_detail_block .goods_detail_number{
  font-size: 14px;
  line-height: 1;
}

.goods_detail_block .goods_detail_number .goods_detail_number_in{
  display: inline-flex;
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #111111;
  border-left: 1px solid #111111;
}

.goods_detail_block .goods_detail_number .goods_detail_number_info{
  display: block;
  border-bottom: 1px solid #111111;
  border-right: 1px solid #111111;
  padding: 5px 7px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}


.goods_detail_block .goods_datail_info{
  margin: 0 0 40px 0;
}

.goods_detail_block .goods_datail_price_text{
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  line-height: 1;
	margin: 0 0 15px 0;
}

.goods_detail_block .goods_datail_price_text .text01{
  font-size: 18px;
}

.goods_detail_block .goods_datail_price_text .text02{
  font-size: 30px;
  letter-spacing: normal;
  margin: 0 0.2em 0 0;
}

.goods_detail_block .goods_datail_price_text .text03{
  font-size: 20px;
  letter-spacing: normal;
}

/* sp */
@media screen and (max-width: 700px) {
  .goods_detail_block .goods_detail_title{
    font-size: 20px;
  }
  .goods_detail_block .goods_datail_head{
    margin: 0 0 20px 0;
  }
  .goods_detail_block .goods_datail_info{
    margin: 0 0 20px 0;
  }
}

/* ----------------------------------------------------------------------
.goods_slide_thumb_wrap
----------------------------------------------------------------------*/

.goods_slide .swiper-slide{
  background-color: #ffffff;
}

.goods_slide_thumb_wrap{
  text-align: center;
  margin-top: 15px;
  letter-spacing: -0.4em;
}

.goods_slide_thumb_wrap .goods_slide_thumb_list_wrap{
  display: inline-block;
  margin: 0 -10px -10px 0;
}

.goods_slide_thumb_wrap .goods_slide_thumb_list{
  padding: 0 10px 10px 0;
  width: 70px;
  display: inline-block;
  vertical-align:  top;
  letter-spacing: normal;
  cursor: pointer;
}

.goods_slide_thumb_wrap .goods_slide_thumb_list_block{
  border: 1px solid #dddddd;
}

/* ----------------------------------------------------------------------
.info_table_block
----------------------------------------------------------------------*/

.info_table_block{
  display: table;
  line-height: 1.5;
}

.info_table_block .info_table_block_row{
  display: table-row;
}

.info_table_block .info_table_block_row > *{
  display: table-cell;
  vertical-align:  top;
  padding: 0 8px 0 0;
}

.info_table_block .info_table_block_row > *:last-child{
  padding: 0 0 0 0;
}

.info_table_block .info_table_block_title{
  font-family: 'Noto Sans Japanese';
  font-weight: 700;
  white-space: nowrap;
}


.info_table_block .info_table_block_title .text{
  position: relative;
}

.info_table_block .info_table_block_bar .dot_wrap{
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  height: 1.5em;
  width: 28px;
}

.info_table_block .info_table_block_bar .dot{
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #dddddd;
}

/* sp */
@media screen and (max-width: 700px) {
  .info_table_block,
  .info_table_block .info_table_block_row,
  .info_table_block .info_table_block_row > *{
    display: block;
    padding: 0;
  }
  
  .info_table_block .info_table_block_title{
    margin-bottom: 10px;
  }
  
  .info_table_block .info_table_block_bar{
    display: none !important;
  }
  
}

/* ----------------------------------------------------------------------
.image_obj_content_wrap
----------------------------------------------------------------------*/

.image_obj_content_wrap{
  position: relative;
  overflow:  hidden;
}

.image_obj_content_wrap .image_obj_content{
  position: relative;
  z-index: 1;
}

.image_obj_content_wrap .image_obj_content_bg{
  position: absolute;
  top: 0;
  right: 0;
}

/* ----------------------------------------------------------------------
.link_list_zone
----------------------------------------------------------------------*/


.link_list_zone{
  font-weight: 700;
  font-family: 'Noto Sans Japanese';
  display: -webkit-flex;
  display: flex;
  line-height: 1;
}

.link_list_zone .link_list_title{
  font-size: 18px;
  white-space: nowrap;
  margin-right: 40px;
}

.link_list_zone .link_list_wrap{
}

.link_list_zone .link_list{
  letter-spacing: -0.4em;
  margin: 0 -20px -20px 0;
  color: #585751;
}

.link_list_zone .link_list li{
  letter-spacing: 0.02em;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px 20px 0;
}

/* sp */
@media screen and (max-width: 700px) {
  
  .link_list_zone{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .link_list_zone .link_list_title{
    margin-bottom: 15px;
  }
  
  .link_list_zone .link_list_title,
  .link_list_zone .link_list_wrap{
    width: 100%;
  }
  
}

/* ----------------------------------------------------------------------
.placeholder_text_wrap
----------------------------------------------------------------------*/

.placeholder_text_wrap{
  position: relative;
}

.placeholder_text{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #999999;
  padding: 12px;
}

.placeholder_text_wrap textarea{
  position: relative;
  z-index: 1;
}

/* ----------------------------------------------------------------------
contact
----------------------------------------------------------------------*/

.error_text{
  margin: 10px 0 0 0;
  color: #d34f4f;
}

.input-error {
    background-color: #ffd4d4;
}

/* .contact_table */

.contact_table{
  font-size: 18px;
  width: 100%;
  border-top: 1px solid #dddddd;
}

.contact_table .input_must{
  display: inline-block;
  color: #d34f4f;
}

.contact_table .contact_title{
  /*padding-top: 13px;*/
  white-space: nowrap;
}

.contact_table .row_content{
  display: block !important;
  letter-spacing: -0.4em;
}

.contact_table .row_content > *{
  letter-spacing: normal;
}

.contact_table td .row_content .col,
.contact_table td .row_content .col{
  letter-spacing: normal;
  display: inline-block !important;
  vertical-align:  middle !important;
  width: 100%;
}


.contact_table > tbody > tr > th,
.contact_table > tr > th,
.contact_table > tbody > tr > td,
.contact_table > tr > td{
  position: relative;
  border-bottom: 1px solid #dddddd;
}

.contact_table input.type_tel,
.contact_table input.type_number{
  padding-left: 10px;
  padding-right: 10px;
}

.contact_table > tbody > tr > th:before,
.contact_table > tbody > tr > th:after,
.contact_table > tbody > tr > td:before,
.contact_table > tbody > tr > td:after,
.contact_table > tr > th:before,
.contact_table > tr > th:after,
.contact_table > tr > td:before,
.contact_table > tr > td:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #ffffff;
  left: 0;
}

.contact_table > tbody > tr > th:before,
.contact_table > tbody > tr > td:before,
.contact_table > tr > th:before,
.contact_table > tr > td:before{
  top: 0;
}

.contact_table > tbody > tr > th:after,
.contact_table > tbody > tr > td:after,
.contact_table > tr > th:after,
.contact_table > tr > td:after{
  bottom: 0;
}

.contact_table > tbody > tr > th,
.contact_table > tr > th{
  background-color: #f4f3ed;
}

.contact_table .contact_block_th,
.contact_table .contact_block_td{
}

.contact_table .contact_block_th{
  padding: 20px 24px;
  background-color: #f4f3ed;
}

.contact_table .contact_block_td{
  padding: 20px 30px;
}

.contact_table .contact_content{
  margin: 0 0 15px 0;
}

.contact_table .contact_content:last-child{
  margin-bottom: 0;
}

/* pad以下 */
@media screen and (max-width: 950px) {
  .contact_table{
    font-size: 15px;
  }
}

/* sp */
@media screen and (max-width: 700px) {
  .contact_table,
  .contact_table > tbody,
  .contact_table > tbody > tr,
  .contact_table > tbody > tr > th,
  .contact_table > tbody > tr > td,
  .contact_table > tr,
  .contact_table > tr > th,
  .contact_table > tr > td{
    display: block;
    width: auto;
    
  }
  
  .contact_table .contact_title{
   padding-top: 0; 
  }
  
  .contact_table .contact_content_wrap{
    height: auto !important;
  }
  
  .contact_table{
    margin: 0 -15px;
  }
  
  .contact_table .contact_block_th,
  .contact_table .contact_block_td{
    padding: 15px;
  }
  
}

/* ----------------------------------------------------------------------
.input_list
----------------------------------------------------------------------*/

.input_list{
  letter-spacing: -0.4em;
}

.input_list li{
  vertical-align:  top;
  letter-spacing: normal;
}

.input_list li label{
  position: relative;
  display: block;
}

.input_list li label input{
  position: absolute;
  top: 3px;
  left: 0;
}

.input_list li label input,
.input_list li label .text{
  padding: 0 0 0 10px;
}

.input_list li label .text{
  display: block;
}

.input_list li label .text.topline{
  width: 95%;
	vertical-align: top;
}

.input_list li label .text{
  margin-left: 6px;
}


.input_list.inline li{
  display: inline-block;
}

/* pc */
@media all and (min-width: 951px) {
}

/* pad以下 */
@media screen and (max-width: 950px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 950px) {
}

/* sp */
@media screen and (max-width: 700px) {
}

/* ----------------------------------------------------------------------
.goods_slide
----------------------------------------------------------------------*/

.goods_slide .swiper-wrapper .swiper-slide{
  cursor: pointer;
}

/* ----------------------------------------------------------------------
.galleryModal
----------------------------------------------------------------------*/

.gallery-image{
  display: none;
}

.galleryModal {
  position: relative;
  margin: 0 auto;
}

.galleryModal_in{
  position: relative;
  /*padding: 0 0 100% 0;*/
}

.galleryModal_content{
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
}

.galleryModal .swiper-container_wrap,
.galleryModal .swiper-wrapper,
.galleryModal .swiper-container,
.galleryModal .gallery_slide{
  height: 100%;
}

.galleryModal .gallery_slide{
  padding: 0px;
}

.galleryModal .swiper-pagination .swiper-pagination-bullet{
  background-color: #ffffff;
}

.galleryModal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #fece0f;
}

.galleryModal .swiper-pagination_wrap{
  padding: 0;
  bottom: -30px;
}

.galleryModal .swiper-container_wrap.popuptype .swiper-button-prev,
.galleryModal .swiper-container_wrap.popuptype .swiper-button-next{
  background-image: url(../img/icon/arrow01.svg) !important;
  background-repeat: no-repeat;
  background-size: 20px auto !important;
  background-position: center center;
  background-color: #fece0f !important;
  border-radius: 100%;
  opacity: 1 !important;
  transition: background-color 0.4s ease 0s;
  width: 50px;
  height: 50px;
}

.normal .galleryModal .swiper-container_wrap.popuptype .swiper-button-prev:hover,
.normal .galleryModal .swiper-container_wrap.popuptype .swiper-button-next:hover{
  background-color: #e8a900 !important;
}

.galleryModal .swiper-container_wrap.popuptype .swiper-button-prev{
  left: -25px;
}

.galleryModal .swiper-container_wrap.popuptype .swiper-button-next{
  right: -25px;
}

.galleryModal .swiper-container_wrap.popuptype .swiper-button-prev{
  transform: rotate(180deg);
}

.galleryModal .swiper-container_wrap.popuptype .swiper-arrow_wrap{
  padding: 0;
}

.galleryModal .galleryClose {
  color: #ffffff;
  background-color: #fece0f;
  position: absolute;
  width: 65px;
  height: 65px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  z-index: 2;
  right: -25px;
  top: -25px;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.4s ease 0s;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.normal .galleryModal .galleryClose:hover {
  background-color: #e8a900;
}

.galleryModal .galleryClose_obj {
  cursor: pointer;
  position: relative;
  height: 21px;
  width: 27px;
  margin: 0 auto;
}
.galleryModal .galleryClose_in .bar {
    background: #fece0f;
    height: 2px;
    left: 3px;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 27px;
}
.galleryModal .galleryClose_in .bar.bar01 {
    top: 0;
    transform-origin: 2px 50% 0;
}
.galleryModal .galleryClose_in .bar.bar02 {
    top: 16px;
    transform-origin: 2px 50% 0;
}
.galleryModal .galleryClose_in .bar{
  background-color: #ffffff;
}
.galleryModal .galleryClose_in .bar.bar01 {
    transform: rotate(45deg);
}
.galleryModal .galleryClose_in .bar.bar02 {
    transform: rotate(-45deg);
}

.galleryModal .galleryClose_text{
  margin-top: 5px;
  font-size: 11px;
  font-weight: bold;
}

/* ----------------------------------------------------------------------
.popup
----------------------------------------------------------------------*/

.gallery_popup_btn{
  cursor: pointer;
}

.gallery_popup_btn_img{
  display: none;
}

.popup_zone{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 30000;
  white-space: nowrap;
  text-align: center;
  letter-spacing: -0.4em;
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

.popup_zone:after{
  content: "";
  display: inline-block;
  vertical-align:  middle;
  height: 100%;
}

.popup_zone .popup_wrap{
  display: inline-block;
  vertical-align:  middle;
  position: relative;
  z-index: 2;
  max-width: 1200px;
  white-space: normal;
  letter-spacing: normal;
  width: 100%;
}

#gallery_popup .popup_wrap{
  max-width: 580px;
  opacity: 0;
}

.popup_zone .popup_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.6;
}

.popup_loader {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255,1), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


/*===================================================
 additional_form_revised20180925 
===================================================*/
/*.c_mytable_heading {
    font-size: 18px;
    font-weight: 800;
    padding: 25px 27px;
    background: #eeeedf;
}
.c_mytable {
    display: flex;
}
.c_mytable_th {
    background: #eeeedf;
    font-size: 18px;
	padding: 28px 19px;
}
.c_mytable_th span {
    color: #d34f4f;
}
.c_mytable_td {
    padding: 28px 0 28px 33px;
}
.c_mytable_td_inner_content {
    display: flex;
    justify-content: flex-start;
	align-items: baseline;
}
.c_mytable_td_inner_details {
    display: flex;
    justify-content: space-between;
	align-items: baseline;
}
.l_pro_num label {
    display: flex;
    letter-spacing: normal;
    justify-content: space-between;
    align-items: center;
}
.l_pro_num input {
    width: 140px;
}
.c_mytable_td_inner_details_col:first-child {
    margin-right: 30px;
}
.span_set {
    margin-left: 20px;
}
.c_productinfo_details_in {
    font-size: 18px;
	line-height: 1.6;
    margin-top: 10px;
}
.c_pro_total {
    display: block;
}
.c_mytable_td_inner_heading {
    width: 115px;
}

*/
/* 2018.10.09 kikuchi update Start */
input:focus, select:focus, textarea:focus,button:focus,a.delivery_category_info:focus {
    outline: 2px #fece0f dashed;
}    
/* 2018.10.09 kikuchi update End */

/*  .scroll_zone  */

.scroll_zone_wrap{
    position: relative;
    height: 100%;
}

.scroll_zone_wrap .scroll_text{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2em 0 0;
    font-weight: 700;
    font-weight: bold;
    z-index: 3;
    font-size: 12px;
    line-height: 1;
    background-color: #fece0f;
    padding: 0.5em 1.6em 0.5em 0.8em;
    color: #ffffff;
}

.scroll_zone_wrap.active .scroll_text{
    display: block;
    -moz-animation: opacity_anime 3s ease 0s infinite normal;
    -webkit-animation: opacity_anime 3s ease 0s infinite normal;
    -o-animation: opacity_anime 3s ease 0s infinite normal;
    -ms-animation: opacity_anime 3s ease 0s infinite normal;
    animation: opacity_anime 3s ease 0s infinite normal;
}


.scroll_zone_wrap .scroll_text:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0.8em;
    z-index: 2;
    width: 0;
    height: 0;
    margin: -0.5em -0.33em 0 0;
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.66em;
    border-color: transparent transparent transparent #ffffff;
}

@media screen and (max-width: 700px) {
    .scroll_zone_wrap .scroll_text{ font-size: 10px; }
}


.opacity_anime{
    -moz-animation: opacity_anime 3s ease 0s infinite normal;
    -webkit-animation: opacity_anime 3s ease 0s infinite normal;
    -o-animation: opacity_anime 3s ease 0s infinite normal;
    -ms-animation: opacity_anime 3s ease 0s infinite normal;
    animation: opacity_anime 3s ease 0s infinite normal;
}

@-moz-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-webkit-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-o-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-ms-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}


.scroll_zone{
    position: relative;
    height: 100%;
    overflow:  hidden;
}


.scroll_zone .scroll_area{
    position: relative;
    z-index: 1;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 300%;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.scroll_zone_wrap.active .scroll_area{
    cursor: grab !important;
}

.scroll_zone_wrap.active .scroll_area{
    cursor: grab !important;
}

.scroll_zone .scroll_content{
    min-width: 100%;
    display: inline-block;
}


.scroll_zone .scroll_area > div {
    display: none !important;
}