@charset "utf-8";
.page_local div, .page_local span, .page_local object, .page_local iframe,
.page_local h1, .page_local h2, .page_local h3, .page_local h4, .page_local h5, .page_local h6, .page_local p, .page_local blockquote, .page_local pre,
.page_local abbr, .page_local address, .page_local cite, .page_local code,
.page_local del, .page_local dfn, .page_local em, .page_local img, .page_local ins, .page_local kbd, .page_local q, .page_local samp,
.page_local small, .page_local strong, .page_local sub, .page_local sup, .page_local var,
.page_local b, .page_local i,
.page_local dl, .page_local dt, .page_local dd, .page_local ol, .page_local ul, .page_local li,
.page_local fieldset, .page_local form, .page_local label, .page_local legend,
.page_local table, .page_local caption, .page_local tbody, .page_local tfoot, .page_local thead, .page_local tr, .page_local th, .page_local td,
.page_local article, .page_local aside, .page_local canvas, .page_local details, .page_local figcaption, .page_local figure,
.page_local footer, .page_local header, .page_local hgroup, .page_local menu, .page_local nav, .page_local section, .page_local summary,
.page_local time, .page_local mark, .page_local audio, .page_local video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
.page_local ol, .page_local ul {
  list-style: none;
}
.page_local img {
  border: none;
  vertical-align: bottom;
}
.page_local b, .page_local strong {
  font-weight: bold;
}
.page_local small {
  font-size: 80%;
  line-height: 1.3;
}
.page_local sub, .page_local sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.page_local sup {
  top: -0.5em;
}
.page_local sub {
  bottom: -0.25em;
}
.page_local table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page_local blockquote, .page_local q {
  quotes: none;
}
.page_local blockquote:before, .page_local blockquote:after,
.page_local q:before, .page_local q:after {
  content: '';
  content: none;
}
.page_local * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
.page_local a, .page_local a img {
  -webkit-tap-highlight-color: transparent !important;
}
.page_local a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.page_local a:active, .page_local a:hover {
  outline: 0;
}
.page_local a img {
  border: none;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.pc_inline {
  display: inline !important;
}

.sp_inline {
  display: none !important;
}

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

.sp_inlineblock {
  display: none !important;
}
.page_local #lineup .howtocare {
	border: 1px solid #F6D1D8;
	margin-bottom: 0px;
}
.pro-img2 {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.pro-img2 img {
	float: left;
	width: 100%;
	height: auto;
}
a .pro-name  {
	text-decoration: underline;
}
#lineup .col_type .pro-chath.black {
	color: #000000;
	font-size: 1.15rem;
	text-align: center;
}
.pro-description p .new {
	display: block;
	margin-left: 1%;
	width: 51px;
	height: auto;
	position: relative;
	top: 10px;
}
a .u-line {
	text-decoration: underline;
}
.u-line {
	text-decoration: underline;
}
.in-line {
	display: inline;}

@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .pc_inline {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp_inline {
    display: inline !important;
  }

  .pc_inlineblock {
    display: none !important;
  }

  .sp_inlineblock {
    display: inline-block !important;
  }
}
.base_style .min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.page_local .c_id {
  color: #ff0000;
}
.page_local .c_noevir_green {
  color: #1a9641;
}
.page_local a:hover .over {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.page_local a.none:link, .page_local a.none:visited, .page_local a.none:hover, .page_local a.none:visited:hover, .page_local a.none:active {
  text-decoration: none;
}
.page_local .ic-jyun {
  color: #00a059;
  font-size: 110%;
}
.page_local .enclosed {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  padding: 0px 4px;
  font-weight: normal;
  border: 1px solid #333;
  color: #333;
  margin: 0 4px;
  vertical-align: middle;
}
.page_local .first {
  margin-left: 0 !important;
}
.page_local .last {
  margin-right: 0 !important;
}
.page_local .al_l {
  text-align: left !important;
}
.page_local .al_r {
  text-align: right !important;
}
.page_local .al_c {
  text-align: center !important;
}
.page_local .clf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.page_local .clf {
  display: inline-block;
  zoom: 1;
}
.page_local * html .clf {
  height: 1%;
}
.page_local .clf {
  display: block;
}
.page_local .fl_l {
  float: left;
  display: inline;
}
.page_local .fl_r {
  float: right;
  display: inline;
}

.product_name {
  font-size: 125%;
  line-height: 1.6;
  font-weight: bold;
}

.product_spec {
  font-size: 100%;
  line-height: 1.6;
}

.hr_dotted_double {
  width: 100%;
  height: 3px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.hr_dotted_double hr {
  display: none;
}

.hr_dotted {
  width: 100%;
  height: 1px;
  border-top: 1px dotted #ccc;
}
.hr_dotted hr {
  display: none;
}

.page_local {
  margin-bottom: 50px;
  /*ページ誘導ナビ*/
}
.page_local a {
  color: #3e8a5b;
}
.page_local a:link {
  color: #3e8a5b;
}
.page_local a:visited {
  color: #3e8a5b;
}
.page_local a:hover {
  color: #24c671;
}
.page_local a:visited:hover {
  color: #24c671;
}
.page_local a:active {
  color: #24c671;
}
.page_local .hide {
  display: none;
}
.page_local .notes {
  font-size: 70%;
  line-height: 1.5;
  margin: 10px;
}
.page_local .txt_remark {
  font-size: 80%;
  line-height: 1.4;
  margin: 10px;
}
.page_local .topimg img {width: 100%;}
/*プレゼント*/
.page_local .presentArea {width: 93.75%; margin: 30px auto 0;}
.page_local .presentArea div {margin-top: 10px;}
.page_local .presentArea img {width: 100%;}

/*# sourceMappingURL=act2016sp_sp.css.map */
/* ===========================================================
2021 春のスペチアーレフェア　ここから
============================================================= */
/* ▼▼▼ メイン ▼▼▼ ------ */
/*--- ▼ テキスト ▼ ---*/
.page_local .text_inner {
	margin: 20px auto 10px;
	width: 96%;
}
.page_local .text_inner p {
	font-size: 1rem;
	line-height: 1.5em;
}
.page_local .text_inner p.notes_r {
	margin-top: 10px;
	text-align: right;
	font-size: .875rem;
	line-height: 1.4em;
}

p.lead_txt-line {
    border: double 2px #f14269;
    padding: 12px;
    margin-bottom: 24px;
}

.lead_txt-line>b{
	text-decoration: underline;
}


/*--- ▲ テキスト ▲ ---*/
/* ▲▲▲ メイン ▲▲▲ ------ */
/* ▼▼▼ 対象商品 ▼▼▼ ------ */
/*--- ▼ カラム ▼ ---*/
.productArea {
	margin: 0 auto;
	padding: 10px 0;
	white-space: 96%;
}
/*--- ▲ カラム ▲ ---*/
/*--- ▼ カテゴリー名 ▼ ---*/
.page_local .subtitle {
	margin-bottom: 20px;
	padding: 7px 0;
	width: 100%;
	border-top: dotted 1px;
	border-bottom: dotted 1px;
	border-color: #01a29a;
	text-align: center;
}
.page_local .subtitle_innner {
	padding: 7px 0;
	background-color: #ebf9f2;
}
/*--- ▲ カテゴリー名 ▲ ---*/
/*--- ▼ テキスト ▼ ---*/
.page_local .pro-chath,
.page_local .pro-text,
.page_local .pro-name {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; 
}
.page_local .pro-chath {
	margin: 15px auto 0px;
	width: 100%;
	font-size: 1.3125rem;
	line-height: 1.4em;
	color: #e84566;
}
.page_local .pro-text {
	margin-top: 10px;
	font-size: 0.9375rem;
	line-height: 1.6em;
}
.page_local .pro-name {
	margin: 3px 0 5px;
	font-size: 1.125rem;
	line-height: 1.4em;
}

p.pro-icon{
    font-size: 0.8em;
    color: #333;
    border: 1px solid #999;
    padding: 2px 9px 2px;
    display: inline-block;
    border-radius: 2px;
    margin: 15px 10px 0px 0;
}

.page_local .col_type02 .pro-name,
.page_local .col_type03 .pro-name,
.page_local .col_sheetmask .pro-name,
.page_local .col_pack .pro-name {
	margin-bottom: 10px;
	
}
.page_local .pro-spec {
	font-size: 0.8125rem;
	
}
.page_local span.iyaku {
    margin: 0 0.7em 0 0px;
	display: inline-block;
	vertical-align: text-top;
	border: 1px solid #bbb;
	font-size: 0.6rem;
	padding: 1px 2px;
	position: relative;
	font-weight: normal;
}
.page_local span.pro-num {
	font-size: 1.0625rem;
	color: #e60012;
}
.page_local .pro-price {
	margin-top: 5px;
	font-size: 1.0rem;
	
}
.page_local .pro-tax {
	font-size: 0.8125rem;
}
.page_local .pro-athername {
	margin-top: 5px;
	font-size: 0.75rem;
	
}
.page_local .pro-description {
	margin: 0 auto 30px;;
	width: 90%;
}
.page_local .refill {
	font-size: 1.0625rem;
}
/*--- ▲ テキスト ▲ ---*/
/*--- ▼ 商品画像 ▼ ---*/
.page_local .pro-img {
	margin: 0 auto;
	width: 90%;
}
.page_local .pro-img img {
	width: 100%;
}
/*--- ▲ 商品画像 ▲ ---*/
/* ▲▲▲ 対象商品 ▲▲▲ ------ */
/* ▼▼▼ 下段脚注 ▼▼▼ ------ */
.page_local ul.notes_bottom {
	margin-bottom: 10px;
}
.page_local ul.notes_bottom li {
	margin: 0;
	padding: 0 0.5em 0 0;
	/*display: inline;*/
	font-size: 0.625rem;
	overflow: hidden;
	line-height: 14px;
}
/* ▲▲▲ 下段脚注 ▲▲▲ ------ */
/* ▼▼▼ ご購入はこちらボタン ▼▼▼ ------ */
.page_local .btn_order {
	margin: 20px auto 50px;
	width: 100%;
	clear: both;
	padding: 0 15px;
	text-align: center;
}
.page_local .btn_order a span {
	margin: 0 auto;
	width: 90%;
	display: inline-block;
	padding: 12px 25px ;
	border:none;
	background: linear-gradient(0deg,#db9d4e,#e6a652);
}
.page_local .btn_order img {
	width: 66%;
	margin: 0 17%;
}
/* ▲▲▲ ご購入はこちらボタン ▲▲▲ ------ */
/* ▼▼▼ デイセラム色玉 ▼▼▼ ------ */
.page_local .dayserum-color {
	display: flex;
}
.page_local .color-type {
	margin-right: 7px;
	padding-top: 2px;
	font-size: 1.875rem;
}
#l1-3059,#l1-3062 {
	color: #efbb83;
}
#l2-3054,#l2-3063{
	color: #f2c183;
}
#m3-3055,#m3-3064{
	color: #e6b37e;
}
#m4-3059,#m4-3065 {
	color: #e0b282;
}
.page_local .color-num {
	margin-bottom: 10px;
}
.page_local .color-num .pro-spec,
.page_local .color-num .pro-athername {
	margin: 0;
	text-align: left;
}
.page_local .color-num-spec {
	font-size: 1.0625rem;
}
/* ▲▲▲ デイセラム色玉 ▲▲▲ ------ */

/*アコーディオン*/
div.accordion {
margin: 3em auto 4.5em;
width: 100%;
padding: 0 10%;
cursor:pointer;
border-bottom: 1px solid #E84565;
}
.accordion-toggle {
display: none;
}
div.accordion-option {
position: relative;
margin-bottom: 2em;
}

label.accordion-title,
.accordion-content {
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
label.accordion-title {
border: solid 1px #f3c1c4;
padding: 1em;
display: block;
font-size: 1.1em;
font-weight: bold;
cursor:pointer;
text-align: center;
vertical-align: middle;
text-decoration: none;
margin: auto;
background: linear-gradient(to top, rgb(224, 174, 177), #fddade);
color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transition: 0.5s;
border-radius: 5px;
}
label.accordion-title::after,
label.accordion-title::before {
content: "";
position: absolute;
right: 2.25em;
top: 1.2em;
width: 2px;
height: 0.9em;
background-color: #FFF;
transition: all 0.3s;
}
label.accordion-title::after {
transform: rotate(90deg);
}
div.accordion-content {
max-height: 0;
overflow: hidden;
}
div.accordion-content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
div.accordion-content img{
width: 100%;
height: auto;
}
.accordion-toggle:checked + label.accordion-title + div.accordion-content {
max-height: 2500px;
transition: all 1.5s;
}
.accordion-toggle:checked + label.accordion-title::before {
transform: rotate(90deg) !important;
}

  /* 追加した部分 */
  .close-btn {
    text-align: center;
    margin-top: 10px;
  }

  .close-btn button {
    padding: 5px 10px;
    background-color: #f44336;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  .close-btn button:hover {
    background-color: #d32f2f;
  }


/*********　購入ボタンCSS　*********/
.button a {
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:30px auto 10px;
    width: 80%;
    max-width: 370px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration:none;
    color: #FFF;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
     border: none;
    background-image: linear-gradient(0deg, #ee892b 0%, #ee892b80 100%);
    font-size: 1.05em;
    font-weight: bold;
    text-shadow: 0px 0px 1px rgb(150 150 150);
}


.button a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button a:hover {
background-image: linear-gradient(0deg, #ee892b 0%, #ee892b80 90%);
  color: #FFF;
    text-decoration: none;
}
.button a:hover:after {
  right: 1.4rem;
}
div.button a { color: #FFF!important; }
div.button a:link { color: #FFF!important; }
div.button a:visited { color: #FFF!important; }
div.button a:hover { color: #FFF!important; }
div.button a:visited:hover { color: #FFF!important; }
div.button a:active { color: #FFF!important; }



div.ribbon5 {
  position: relative;
  padding: 5px 0 !important;
    margin: 50px 0 10px;
  text-align: center;
  font-size: 0.9em;/*文字サイズ*/
  background: #afdbff !important;/*背景色*/
  color: #d2d2b;/*文字色*/
  box-sizing: border-box;
  font-family: auto;
}
.ribbon5 h4 {
  margin: 0;
  padding: 10px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  line-height: 1.3em;
}

div.p-index{
    width: 94%;
    margin: auto;
}



/*********　動画CSS　*********/
div.movie_wrapper {
    width: 100%;
    padding: 15px;
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px #a48b78 solid;
    background-color: #fff8f4;
    box-sizing: border-box;
}
div.movie_text{
    width: 100%;
}
div.movie_text p {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #826356;
}
div.movie_btn {
    width: 100%;
    aspect-ratio: 16 / 9;
}
div.movie_btn iframe {
    width: 100%;
    height: 100%;
}


/*********　セット販売CSS　*********/

div.set_box{
    width: 90%;
    margin: 0 auto 50px;
    line-height: 1
}
div.set_box p{
    line-height: 1.5em;
    font-size: 0.9em;
}
div.set_box a{
    text-decoration: none;
}
h3.heading-16 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e84566;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.2em;
    padding: 10px 0;
    margin: 20px 0 20px 0;
    text-align: center;
    line-height: 1.4em;
}

.heading-16::before,
.heading-16::after {
    width: 1px;
    height: 4em;
    background-color: #E8777A;
    content: '';
}

.heading-16::before {
    transform: rotate(-30deg);
    margin-right: 20px;
}

.heading-16::after {
    transform: rotate(30deg);
    margin-left: 20px;
}

.set_box .f-box1{
	margin: 40px 0;
    justify-content: space-around;
}
div.left-item{
    width: 80%;
    margin: auto;
    text-align: center;
}
.pro-img img.set_img{
    width: 80%;
    margin: auto;
    display: block;
}
.set_box h4{
	margin: 0px 0 10px 0;
    font-size: 1em;
    color: #CF090C;
    line-height: 1.4em;
}
.set_box li{
	text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 0 0 10px 0;
    color: #CF090C;
    font-size: 0.85em;
    line-height: 1.4em;
}

div.set_box .iyaku   {
	font-size: 10px;
	border: 1px solid #1F1F1F;
	display: inline-block;
	margin:0 5px;
    padding: 3px 2px;
    line-height: 1em;
    position: relative;
    top:-2px;
}
div.set_box div.button{
	margin:25px 0 0 0;
}
div.set_box a.mod-item{
	margin:30px 0 0 0;
}
div.set_box .pro-athername{
	margin:0px 0 10px 0;
}

div.bnr_box{
    width: 85%;
    margin: 30px auto 0;
    text-align: center;
}

ul.col_arrange {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.col_arrange > li:first-child {
    width: 100%;
}

.col_arrange > li:nth-child(2) {
    width: 100%;
}

.p-index a {
    display: block;
    width: 95%;
    margin: 20px auto 0;
}

div.p-index{
    width: 100%;
    margin: auto;
}

/*スペチアーレ薬用クリーム＆薬用ローション セットご購入特典の企画　追加分*/

.present_cream{
	border: solid 1px #FFBED9!important;
	width: 100%;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	margin: 0 auto!important;
	margin-top: 30px!important;
}
.present_cream div{
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
/*--------画像設定--------*/
.present_cream div p img{
	width: 100%;
}
/*--------画像設定--------*/
.present_cream div p:nth-child(1){
	width: 250px;
	margin: 0 auto;
	margin-top: 20px;
}
.present_cream div p:nth-child(2){
	width: 260px;
	font-size: 20px;
	color: #e84566;
	margin: 0 auto;
	margin-top: 20px;
}

.present_cream .present_cream_annotation{
	width: 92%;
    margin: 0 auto;
	margin-bottom: 20px;
}

/*ーーーーーーーーーキャンペーンーーーーーーーーー*/

.f-box {
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
}
.f-box a:visited {
    color: #fff;
}

.content_inner .f-box .mediaText.cols60 {
  width: 100%;
  
}



div.campaign_title{
    text-align: center;
    margin: 0px 0 40px 0;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}

.campaign_title p{
    font-size: 3.8vw;
}
.campaign_title p:first-of-type{
    color: #eb154e;
    font-size: 4.5vw;
    margin: 0px 0 5px 0;
}

div.campaign_title h3{
    font-size: 5.5vw;
}

.f-box .f-campaign{
  align-items: stretch;
}
section.campaign_box{
    margin: 30px 0 0px 0;
}

.campaign_box section{
    width: 48.5%;
    margin: 0 0 10vw 0;
}

.campaign_box section a{
    height: 31vw;
    display: block;
    border-radius: 10px;
    text-align: center;
    padding: 10px 5px;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    color: #FFF;
    text-decoration: none;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    transition: 0.3s ease-in-out;
    position: relative;
}
.campaign_box section a:link,.campaign_box section a:active,.campaign_box section a:hover{
    color: #FFF;
    text-decoration: none;
}

.campaign_box section a h4{
    font-size: 3.9vw;
}

img.campaign03_txt{
    width: 12vw;
    position: absolute;
    top:-6.8vw;
    left: -3vw;
}

img.campaign_arrow{
    width: 3.5vw;
    margin: 0 0 0 1vw;
    position: relative;
    top:-1vw;
}


ul.notes_ul{
    margin: 20px 0 0 0;
}
ul.notes_ul li{
    margin: 1px 0 0 0;
    text-indent: -1em;
    padding: 0 0 0 1em;
    font-size: 10px;
}

.campaign01 h4 span{
    display: block;
    margin: 5vw 0 0 0;
}
.campaign02 h4 span{
    display: block;
    font-size: 0.9em;
    margin: 1.5vw 0 0 0;
}
.campaign03 h4 span{
    display: block;
    font-size: 0.9em;
    margin: 3.5vw 0 0 0;
}
.campaign04 h4 span{
    display: block;
    font-size: 0.65em;
    margin: 1vw 0 0 0;
}
.campaign04 h4 span.font_l{
    font-size:  1em;
}

div.campaign_in_box{
    border-radius: 15px;
    padding: 1.5vw;
    z-index: -3;
    position: relative;
    text-align: center;
    height: 77vw;
}


.ribbon9 {
  display: inline-block;
  position: relative;
  height: 6.2vw;
  text-align: center;
  box-sizing: border-box;
    top:-20px;
  font-size: 2.8vw;
}
.ribbon9:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 2vw;
  bottom: -1.8vw;
  left: -3.4vw;
  z-index: -2;
}

.ribbon9:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 2vw;
  bottom: -1.8vw;
  right: -3.4vw;
  z-index: -2;
}

.ribbon9 h5 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 5vw;
  line-height: 5vw;
  color: #FFF;
  background: #eb154e;/*真ん中の背景色*/
}
.ribbon9 h5:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 3vw transparent;
}
.ribbon9 h5:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 3vw transparent;
}


p.campaign_p_w{
    border-radius: 10px;
    font-size: 2.4vw;
    padding: 1vw 0;
    margin: 0 0 3vw;
    height: 16vw;
    background-color: #FFF;
}

p.campaign_p_w span{
    display: inline;
}

.campaign_in_box h6{
    font-size: 3.7vw;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}

p.get_txt{
    background-color: #FFF;
    border-radius: 3px;
    font-size: 2.4vw;
    padding: 3px 0;
    color: #fcdbdb;
}



section.campaign01 a{background-color: #eb154e;}
section.campaign01 a:hover{background-color: #fd3a6e;}
.campaign01 div.campaign_in_box{
    background-color: #fff3f7;
    border:1.5px solid #ffd6e2;}
.campaign01 .campaign_in_box h6{color:#eb154e;margin: 1vw 0;}
.campaign01 p.campaign_p_w{border: 1.3px solid #ffd6e2;padding: 4vw 0 0 0;}
.campaign01 p.campaign_p_w span{color: #eb174f;}
.campaign01 p.get_txt{
    background-color: #fcdbdb;
    color: #eb174f;}
.campaign01 .ribbon9:before {/*左側のリボン端*/
  border: 2.5vw solid #f22e62;
  border-left-color: transparent;/*山形に切り抜き*/}
.campaign01 .ribbon9:after {/*右側のリボン端*/
  border: 2.5vw solid #f22e62;
  border-right-color: transparent;/*山形に切り抜き*/}
.campaign01 .ribbon9 h5 {
  background: #eb154e;/*真ん中の背景色*/}
.campaign01 .ribbon9 h5:before {
  border-right: solid 3.5vw #c81142;/*左の折り返し部分*/}
.campaign01 .ribbon9 h5:after {
  border-left: solid 3.5vw #c81142;/*右の折り返し部分*/}




section.campaign02 a{background-color: #ea912d;}
section.campaign02 a:hover{background-color: #f8a74d;}
.campaign02 div.campaign_in_box{
    background-color: #fef8f6;
    border:2px solid #ea912d;}
.campaign02 .campaign_in_box h6{color:#ea912d;margin: 7vw 0;}
.campaign02 p.campaign_p_w{border: 1.3px solid #fce8db;padding: 3vw 0 0 0;}
.campaign02 p.campaign_p_w span{color: #ea912d;}
.campaign02 p.get_txt{
    background-color: #fce8db;
    color: #ea912d;}
.campaign02 .ribbon9:before {/*左側のリボン端*/
  border: 2.5vw solid #f8a74d;
  border-left-color: transparent;/*山形に切り抜き*/}
.campaign02 .ribbon9:after {/*右側のリボン端*/
  border: 2.5vw solid #f8a74d;
  border-right-color: transparent;/*山形に切り抜き*/}
.campaign02 .ribbon9 h5 {
  background: #e98f28;/*真ん中の背景色*/}
.campaign02 .ribbon9 h5:before {
  border-right: solid 3.5vw #ce7c1f;/*左の折り返し部分*/}
.campaign02 .ribbon9 h5:after {
  border-left: solid 3.5vw #ce7c1f;/*右の折り返し部分*/}


section.campaign03 a{background-color: #7951a9;}
section.campaign03 a:hover{background-color: #946cc4;}
.campaign03 div.campaign_in_box{
    background-color: #f6f2fc;
	border:1.5px solid #e5daef;}
.campaign03 .campaign_in_box h6{color:#7951a9;margin: 6.5vw 0;}
.campaign03 p.campaign_p_w{border: 1.3px solid #e5daef;padding: 4vw 0 0 0;}
.campaign03 p.campaign_p_w span{color: #7951a9;}
.campaign03 p.get_txt{
    background-color: #e5daef;
    color: #7951a9;}
.campaign03 .ribbon9:before {/*左側のリボン端*/
  border: 2.5vw solid #946cc4;
  border-left-color: transparent;/*山形に切り抜き*/}
.campaign03 .ribbon9:after {/*右側のリボン端*/
  border: 2.5vw solid #946cc4;
  border-right-color: transparent;/*山形に切り抜き*/}
.campaign03 .ribbon9 h5 {
  background: #7951a9;/*真ん中の背景色*/}
.campaign03 .ribbon9 h5:before {
  border-right: solid 3.5vw #633e8f;/*左の折り返し部分*/}
.campaign03 .ribbon9 h5:after {
  border-left: solid 3.5vw #633e8f;/*右の折り返し部分*/}


section.campaign04 a{background-color: #305dac;}
section.campaign04 a:hover{background-color: #4271c4;}
.campaign04 div.campaign_in_box{
    background-color: #f7f9fc;
    border:1.5px solid #ccd9ed;}
.campaign04 .campaign_in_box h6{color:#305dac;margin: 2vw 0;}
.campaign04 p.campaign_p_w{border: 1.3px solid #ccd9ed;height: 8em;}
.campaign04 p.campaign_p_w span{color: #305dac;}
.campaign04 p.get_txt{
    background-color: #ccd9ed;
    color: #305dac;}
.campaign04 .ribbon9:before {/*左側のリボン端*/
  border: 2.5vw solid #4271c4;
  border-left-color: transparent;/*山形に切り抜き*/}
.campaign04 .ribbon9:after {/*右側のリボン端*/
  border: 2.5vw solid #4271c4;
  border-right-color: transparent;/*山形に切り抜き*/}
.campaign04 .ribbon9 h5 {
  background: #305dac;/*真ん中の背景色*/}
.campaign04 .ribbon9 h5:before {
  border-right: solid 3.5vw #23498b;/*左の折り返し部分*/}
.campaign04 .ribbon9 h5:after {
  border-left: solid 3.5vw #23498b;/*右の折り返し部分*/}



section.matomete{
    background-color: #fff5f5;
    border-radius: 10px;
    position: relative;
    padding: 20px 10px 10px;
    margin: 0 0 10px 0;
}
section.matomete h4{
    position: absolute;
    top:-1em;
    font-size: 3vw;
}


h4 span.big{
    font-size: 1.3em;
}

p.remarks {
    margin-top: 8px;
	font-size: 8px;
}