/* カスタマイズ用CSS */
.m20{ margin:20px;}
@media screen and (min-width: 768px) {
.for_sp {
	display: none!important;
	}}
@media screen and (max-width: 768px) {
.for_pc {
	display: none!important;
	}}
@media screen and (max-width: 768px) {
    .img_90{width:90%;}
    .img_80{width:80%;}
}
	.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }
.bottom  { text-align:bottom; }


.bold { font-weight:bold; }
	@media (max-width: 650px) {.img_90{width:90%;}.img_80{width:80%;}}
	
.pink{color:#EF8BB6;}
#contents_top img{width:100%;}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #EF8BB6;
	background: #EF8BB6;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	margin-bottom: 40px;
}
a.btn_04:hover {
	color: #EF8BB6;
	background: #fff;
}

a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width:90%;
	margin: auto;
	padding: 1rem ;
	font-weight: bold;
	border: 2px solid #EF8BB6;
	background: #EF8BB6;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	margin-bottom: 10px;
}
@media (max-width: 650px) {a.btn_05 {width: 110px;}}
a.btn_05:hover {
	color: #EF8BB6;
	background: #fff;
}

/*商品詳細ページ*/
.table_item{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align:left;
  width: 100%;
  border-bottom: 1px solid #9B9B9B;
}
.table_item th,
.table_item td{
  border-top: 1px solid #9B9B9B;
  padding: .5em 1em;
}
.table_item th{
  background: #FDF0F6;
  font-weight:normal;
  width:15%;
}

.table_item_box{ width:100%;}
.table_item_box_l{ float:left; width:20%;}
.table_item_box_l img{ width:85%;}
.table_item_box_r{ float:right; width:80%;padding-bottom:20px;}

@media (max-width: 650px) {
    .table_item th,
    .table_item td{
      display: block;
	  width:100%;
    }
    .table_item_box_l{ float:left; width:100%;}
    .table_item_box_r{ float:left; width:100%;}
	.table_item_box_l img{ margin:0 auto;width:100%;}
}


/* ここから下がハンバーガーメニューに関するCSS */
  
/* ハンバーガーボタンを押してチェックがONの時だけ
   スマホ用メニューを画面左端に移動する */
#sp-menu__check:checked ~ .sp-menu__content {
  left: 0;
}
/* 変更箇所はコメントの項目のみ */
.sp-menu__content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;

  /* 普段は画面外にするために左端を画面右端の位置にする */
  left: 100%;

  z-index: 90;
background-color: #90D1D8;
  
  /* 右端からゆっくり移動するように表示 */
  transition: all 0.5s;
}


.main-menu {
  margin: 0 auto;
  display: flex;
  width: 1280px;
}

.sp-menu__box {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: #90D1D8;
}
.sp-menu__box span,
.sp-menu__box span:before,
.sp-menu__box span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #ffffff;
  position: absolute;
}
.sp-menu__box span:before {
  bottom: 8px;
}
.sp-menu__box span:after {
  top: 8px;
}
#sp-menu__check {
  display: none;
}
#sp-menu__check:checked ~ .sp-menu__box span {
  background: rgba(255, 255, 255, 0);
}
#sp-menu__check:checked ~ .sp-menu__box span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#sp-menu__check:checked ~ .sp-menu__box span::after {
  top: 0;
  transform: rotate(-45deg);
}
.sp-menu__list {
    margin: 0 auto;
    width: 60%;
  padding: 70px 10px 0;
  font-size: 1.3em;
  font-weight:bold;
}
.sp-menu__item {
  border-bottom: solid 1px #ffffff;
  list-style: none;
}
.sp-menu__link {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color: #ffffff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
}

/*検索窓*/
.ec-headerNaviRole__search{margin:0 auto;width:90%;max-width:700px;}
.searchform{font-size:1.5em;}

/*TOPインフォ*/
.top_inf_01{background-image: url(https://yuricago-ciconia.com/html/user_data/assets/img/top/inf_01_b.jpg);
background-repeat: no-repeat; background-position: top center; text-align:center; font-size:1.3em; padding: 200px 0 50px 0;}
@media screen and (max-width: 650px) {.top_inf_01{padding: 5% 0;background-size: contain;font-size:1.2em;}.top_inf_01 img{ width:80%;}}

.top_inf_01_txt{ padding: 50px 200px; line-height: 180%; text-align: left;}
@media screen and (max-width: 650px) {.top_inf_01_txt{padding: 20px 10% 0 10%;}}
.top_tit{ font-family: "Folk Medium";color:#EF8BB6;font-size:1.8em;font-weight:bold;text-align:center; }
@media screen and (max-width: 650px) {.top_tit{font-size:1.3em;padding: 20px 10% 0 10%;}}

.top_inf_02{font-size:1.3em;}
.top_inf_03{font-size:1.3em;background-color:#FFF2E5;padding: 20px 0;}

/*フッター*/
#footer{background-color:#E95975;width: 100%;color:#fff;font-size:1.1em;text-align:left;}
#footer a{color:#fff;}
.footer{margin:0 auto;width:95%;max-width:1200px;padding-top:20px;}
.footer_left{width:66%;float:left;}
.footer_left_l{width:50%;float:left;}
.footer_left_left{width:50%;float:left;}
.footer_left_right{width:50%;float:right;}

.footer_right_l{width:50%;float:right;}

.footer_right{width:30%;float:right;}

@media screen and (max-width: 650px) {
	.footer_left{width:100%;float:left;}
.footer_left_l{width:100%;float:left;}
.footer_left_left{width:100%;float:left;}
.footer_left_right{width:100%;float:left;padding-top:20px;}
.footer_right_l{width:100%;float:left;padding-top:20px;}

.footer_right{width:100%;float:left;padding-top:20px;}
}