@charset "utf-8";
/* CSS Document */
/* ==================================================

parts.css

================================================== */
/*======================================*/
/* MT入力汎用ページcss  */
/*======================================*/

/*======================================*/
/* リッチテキスト  */
/*======================================*/
.prt-textbox{margin-bottom: 2.5em;}
.prt-textbox p{font-size: 1.6rem;margin-bottom: 1em;}

/*======================================*/
/* リスト  リストバリエーションはtemplate.cssを使用 */
/*======================================*/
/*中黒*/
.prt-listdisc{margin-left: 1.5em;margin-bottom: 2rem;}
.prt-listdisc li{list-style: disc;margin-bottom: .5rem;}
/*番号*/
.prt-listnumber{margin-left: 1.5em;margin-bottom: 2rem;}
.prt-listnumber li{list-style: decimal;margin-bottom: .5rem;}


/*======================================*/
/* 画像  */
/*======================================*/
.prt-imgbox{margin-bottom: 3rem;}
.prt-imgbox figure img{max-width: 100%;display: block;margin: 0 auto;}


/*======================================*/
/* YouTube動画  */
/*======================================*/
/*YouTube動画*/
.prt-movie{max-width: 1000px;margin: 0 auto 3rem;position: relative;text-align: center;}
.prt-movie::before{content: "";padding-top: 56.25%;display: block;}
.prt-movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% ;
}

/*======================================*/
/* カラム   */
/*======================================*/

/*2カラム*/
.multi2{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 3rem;}
.multi2 .box1{width: 67%;display: inline-block;margin-right: 3%;}
.multi2 .box2{width: 30%;display: inline-block;}
.multi2 p{font-size: 1.6rem;}
.multi2 figure{margin-bottom: 1em;position: relative;}
.multi2 figure::before{content: "";display: block;padding-top: 56.25%;}
.multi2 figure img{    
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

/*2カラム一覧*/
.multi2-list{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 3rem;}
.multi2-list .box1{width: 48%;display: inline-block;}
.multi2-list .box2{width: 48%;display: inline-block;}
.multi2-list .title{text-align: center;font-size: 1.8rem;margin-bottom: 1rem;}
.multi2-list .text{margin-bottom: 4rem;}
.multi2-list p{font-size: 1.6rem;margin-bottom: 1em;}
.multi2-list figure{margin-bottom: 1rem;}
.multi2-list figure img{max-width: 100%;display: block;margin: 0 auto;}
.multi2-list .movie{width: 100%;}

/*3カラム一覧*/
.multi3-list{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 3rem;}
.multi3-list .box1{width: 31%;display: inline-block;}
.multi3-list .box2{width: 31%;display: inline-block;}
.multi3-list .box3{width: 31%;display: inline-block;}
.multi3-list .title{text-align: center;font-size: 1.8rem;margin-bottom: 1rem;}
.multi3-list .text{margin-bottom: 4rem;}
.multi3-list p{font-size: 1.6rem;margin-bottom: 1em;}
.multi3-list figure{margin-bottom: 1rem;}
.multi3-list figure img{max-width: 100%;display: block;margin: 0 auto;}
.multi3-list .movie{width: 100%;}


/*======================================*/
/* ボタン3種類   */
/*======================================*/
.black-btn,.pink-btn,.wakupink-btn{display: block;text-align: center;margin-bottom: 2rem;}
.pink-btn a{
  display: inline-block;
  background: #e85282;
  text-decoration: none;
  padding: 1.2rem 2.5rem 1.2rem 4rem;
  text-align: center;
  border-radius: 5px;
  line-height: 130%;
}
.pink-btn a:hover{opacity: 0.8;}
.pink-btn a span{position: relative;color: #fff;font-size: 1.9rem;}
.pink-btn a span::before{
  content: "";
  left: -15px;
  top: 12px;
  box-sizing: border-box;
  width: 6px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
}
.pink-btn a span::after{
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle
}
.wakupink-btn a{
  color: #e30076!important;
  border: 3px solid #e30076;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
  padding-right: 1rem;
  display: inline-block;
  padding: 2rem 2.5rem 2rem 5rem;
  letter-spacing: .3rem;
  line-height: 130%;
  background-color: #fff;
}
.wakupink-btn a:hover{opacity: 0.8;}
.wakupink-btn a::before{background: #e30076;left: 17px;}
.wakupink-btn a::after{left: 25px;}

/*======================================*/
/* タグ   */
/*======================================*/
.prt-tag{
	font-size: 1.2rem;
	font-weight: 600;
	padding: 0.3rem 1rem;
	color: #fff;
	background: #e30076;
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-top: 0.6rem;
	line-height: 1.4;
	}
	.onecolumn .prt-tag{margin-top: 0;}

/*======================================*/
/* スライド画像  */
/*======================================*/
.prt-slideimg-box{max-width: 1000px;margin: 1rem auto;}
ul.prt-slideimg{width: 100%;margin: 0 auto;margin: 0 0 2rem 0;display: grid;}
ul.prt-slideimg .slick-slide{margin: 0 6px;}
ul.prt-slideimg .slick-list li{
  background-color: #f4f4f4;
  text-align: center;
  color: #fff;
}
ul.prt-slideimg .slick-list li:hover{opacity: 0.8;}
ul.prt-slideimg .slick-list li .thumbnail-tagwrap{position: relative;}
	#articleformat ul.prt-slideimg .slick-list li .thumbnail-tagwrap img{ margin-bottom: 0rem !important;}
ul.prt-slideimg .slick-list li figure{
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
ul.prt-slideimg .slick-list li figure::before{content: "";display: block;padding-top: 60%;}
ul.prt-slideimg .slick-list li figure img{
  display: block;
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
ul.prt-slideimg .slick-prev{z-index: 1;}
ul.prt-slideimg .slick-prev:before{
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  width: 8px;
  height: 7px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #fff;
  z-index: 2;
  opacity: 1;
}
ul.prt-slideimg .slick-prev:after{
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 40px;
  height: 40px;
  border: 14px solid #e30076;
  border-radius: 50%;
  background: #e30076;
  z-index: 1;
}
ul.prt-slideimg .slick-next:before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 8px;
  height: 7px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #fff;
  z-index: 2;
  opacity: 1;
}
ul.prt-slideimg .slick-next:after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 40px;
  height: 40px;
  border: 14px solid #e30076;
  border-radius: 50%;
  background: #e30076;
  z-index: 1;
}
ul.prt-slideimg .slick-prev, ul.prt-slideimg .slick-next{width: 60px;height: 60px;}
.freeareawrap img {margin-top: 1.5em; margin-bottom: 1.5rem;height: auto;}
/*======================================================*/
/*(SP（タブレット以下）)media only screen and ( max-width : 896px )
=======================================================*/
@media only screen and (max-width : 896px) {
/*リッチテキスト*/
.prt-textbox{margin-bottom: 2em;}
.prt-textbox p{font-size: 1.3rem;}
/*カラム*/
.multi2 .box1{width: 100%;margin-right: 0;margin-bottom: .5rem;}
.multi2 p,.multi2-list p,.multi3-list p{font-size: 1.3rem;margin-bottom: 3rem;}
.multi2 .box2{width: 100%;}
.multi2-list .box1,.multi2-list .box2{width: 100%;}
.multi3-list .box1,.multi3-list .box2,.multi3-list .box3{width: 100%;}
/*ボタン3種類*/
.pink-btn a{font-size: 1.3rem;padding: 1.5rem 2rem 1.5rem 4rem;}
.pink-btn a span::before{top: 12px;}
.wakupink-btn a{font-size: 1.3rem;}
/*リスト*/
.prt-listdisc{font-size: 1.3rem;}
.prt-listnumber{font-size: 1.3rem;}
/*タグ*/
.prt-tag{margin-top: 0;font-size: 1rem;padding:0.3rem 1rem;}
/*スライド画像*/
ul.prt-slideimg .slick-next:before{border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 10px solid #fff;right: 20px;}
ul.prt-slideimg .slick-next:after{width: 28px;height: 28px;right: 12px;}
ul.prt-slideimg .slick-prev:before{left: 20px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 10px solid #fff}
ul.prt-slideimg .slick-prev:after{left: 12px;width: 28px;height: 28px;}
}
/*End_media only_max-width : 896px*/