.box0 {
	color: #fff; 
	padding: 5px 10px; 
	position: relative;
	text-shadow: -1px -1px 1px #de687f, 1px -1px 1px #de687f, -1px 1px 1px #de687f, 1px 1px 1px #de687f; 
	z-index: 0;
	font-size: 20px;
	margin-bottom:20px
}

.box0:before {
	background: repeating-linear-gradient(45deg, #f8dfe3, #f8dfe3 4px, #fcf0f1 0, #fcf0f1 7px); 
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -2;
}

.box0:after {
	background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.1)); 
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;	
}

img.btn_animate01 {
margin: 0 auto;
animation: fuwafuwa 1s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes fuwafuwa {
from {transform: scale(0.9,0.9);}
to {transform: scale(1,1);}
}

/* 本文 */
.marker-normal {
  background: linear-gradient(transparent 75%, #ffff7f 75%);
}
.main p {
	font-size:16px ;
	line-height:180% ;
}

body {
    color:#000000;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;  
    margin: 0;
    padding: 0; 
}

@media(max-width: 500px) {
body {
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: #5d5d5d;
    font-size: 16px;
    line-height:180%;
    font-family:"Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", sans-serif;
	}
}

.l-container {
    margin: auto;
    padding: 0px 10px ;
    position: relative; 
}

b {
	font-weight: 600;
}

/*文字色*/
.red{
color:#ff0072;
}

.red2{
color:#ff6b9f;
}

.blue{
color:#0078ff;
}

.blue2{
color:#52abe5;
}

.pink{
color:#ff99e1;
}

.green{
color:#008d50;
}

/*マーカー*/
.byellow{
  background-color:#ffff9b
}
.bpink{
  background-color:#ffe5f2
}
.bblue{
  background-color:#d8f4ff
}

.bgray{
  background-color:#d8d8d8
}

.bgreen2{
  background-color:#07b53a
}

/*下線半分（黄色）*/
.uyellow {
	background:linear-gradient(transparent 60%, #fffeb0 0%);
  }

/*下線半分（ピンク）*/
 .upink{
	background:linear-gradient(transparent 60%, #ffd7e6 0%);
 }

/*下線半分（水色）*/
 .ublue{
  background:linear-gradient(transparent 60%, #d8f4ff 0%);
 }

/*下線半分（緑）*/
 .ugreen{
  background:linear-gradient(transparent 70%, #9fffaa 0%);
 }

/*点線*/
.under {
  border-bottom: dotted 2px #ff184e;
}

.stripe{ 
  position: relative;
  padding: 0.3em;
}
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}

/*テキストの位置*/
.right{
 text-align : right;
	line-height: 110%; 
 padding-top: 0px;
 padding-bottom:20px ; 
}

.left{
  text-align : left;
  font-size:20px;
  font-weight:bold; 
  line-height:150%;
	padding:10px ; 
}

.center{
    text-align : center;
    font-size:16px;
	line-height:170%;
	padding:1em ; 
}

.right2{
    text-align : right;
    font-size:10px;
	padding-top: 0px;
	padding-bottom: 1.5em;
}


/*キャッチコピー枠（ピンク）*/
.box1 {
 padding: 5px 10px;/*左右の余白 文字の上下*/
  margin:  1em 0.2em;
  color: #000000;/*文字色*/
	font-size: 18px;
  font-weight:bold; 
  line-height:160%;
  background-color: #fff2f8; /* 背景色 */
}

.box1 p {
    margin: 0; 
    padding: 0;
}

/*見出し枠（ワイン）*/
.box2 {
 padding: 0.3em 0.5em;/*左右の余白 文字の上下*/
  margin: 0.5em 0;
  color: #494949;/*文字色*/
  font-size: 17px;
  font-weight:bold; 
  background: #ffffff;/*背景色*/
  border-left: solid 7px #960031;/*左線*/
  border-bottom: solid 1px #960031;/*下線*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ffffff;
	background: #ffa2c5;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}


/* 上にタイトルをつけた囲み枠 */
.box8 {
 margin: 2em 0.5em;
  background: #fff3e8; /* 背景色 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); /* 影の色 */
  width: 95%;
}

.box8-title {
  font-size: 1.3em;
  background: #ffaaaa; /* タイトル背景色 */
  padding: 2px;
  text-align: center;
  color: #FFF; /* タイトル文字色 */
  font-weight: bold;
  letter-spacing: 0.05em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); /* タイトル影の色 */
}

.box8 p {
  margin: 0;
  padding: 1em;
}

.box10 {
 margin: 2em 0.5em;
  background: #f3fdff; /* 背景色 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); /* 影の色 */
  width: 95%;
}

.box10-title {
  font-size: 1.3em;
  background: #6eb7e6; /* タイトル背景色 */
  padding: 2px;
  text-align: center;
  color: #FFF; /* タイトル文字色 */
  font-weight: bold;
  letter-spacing: 0.05em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); /* タイトル影の色 */
}

.box10 p {
  margin: 0;
  padding: 1em;
}

/*見出し(黄色ピンクのグラデ線)*/
.box9 {
  position: relative;
	margin-top: 1.5em;
  padding: 0.25em 0;
 font-size: 18px;
  font-weight:bold;
  line-height:160%;
 padding-bottom:20px ; 
}
.box9:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ff9fdc);
  background: linear-gradient(to right, rgb(255, 186, 115), #ff98b8);
}


/*口コミ（ピンク・タイトル付き）*/
.title-box3{
  margin: 2em 0em;
  background-color: #ffffff;
  border: 2px solid #ffb8d3;
  letter-spacing: .3px;
}

.title-box3-title{
  color: #fff;
	font-size: 16px;
  font-weight: bold;
  background-color: #ffb8d3;
  padding: 3px;
  text-align: center;
}

.title-box3 p{
  margin: 0;
  padding: 0.5em;
}

/*口コミ（voice）*/
.box4 {
    position: relative;
	 padding: 1em 1em ;
    margin: 3em 0;
    border: solid 2px #ff97c1;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}
.box4_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
	padding: 0 10px ;
    line-height: 1;
 font-size: 1.5em;/*タイトル文字サイズ*/
    background: #ffffff;/*タイトル文字背景色*/
    color: #ff97c1;/*タイトル文字色*/
    font-weight: bold;
}
.box4 p {
    margin: 0; 
    padding: 0;
}



/*口コミ枠(影)*/
.box11 {
    margin: 2em auto;
    padding: 1em;
    background: #ffffff;
    border: solid 2px #eeeeee;
}

/*口コミ枠(@コスメ風 ベージュ)*/
.box12 {
    background-color: #fff2e9;
    border-radius: 5px;
    font-size: 16px;
    margin: 2em auto;
    padding: 0.5em 0.7em ;/* 上・右・下・左の余白 */
    text-align: left;
}

.box12_body {
    background-color: #FFFFFF;
    border: 1px solid #fff2e9;
    margin-top: .2em;
    padding: .7em;
}


/*口コミ枠(影)*/
.box13 {
 margin: 1em 1em;
 padding: 0.5em;
 border: 2px solid #ccc; /* 枠線 */
 background-color: #fff; /* 背景色 */
 box-shadow: 2px 2px 3px #ccc;
}

/*口コミ枠(ピンク影)*/
.box14 {
 margin: 1em 1em;
 padding: 1em;
 border: 2px solid #ffb5ca; /* 枠線 */
 background-color: #fff; /* 背景色 */
 box-shadow: 2px 2px 3px #ccc;
}


/*口コミ枠(@コスメ風)*/
.box15 {
    background-color: #eff4e9;
    border-radius: 5px;
    font-size: 16px;
    margin: 1em 1em;
    padding: 1em ;
    text-align: left;
}

.box15_body {
    background-color: #FFFFFF;
    border: 1px solid #DFE4D0;
    margin-top: .2em;
    padding: .7em;
}


/*点線Box（ピンク×ピンク）*/
.box16 {
    padding: 0.5em 1em;
	  margin: 1em 0em;
    background: #fffbfe;
    border: dashed 2px #ffcff4;/*点線*/
}
.box16 p {
    margin: 0; 
    padding: 0;
}


/*点線Box(水色×白)*/
.box17 {
        margin: 1em 1em;
        padding:0.5em;
        border:solid 4px #b1f9ff;
        border-style:dotted;
        font-size: 16px;
}


/*点線Box（オレンジ×黄色）*/
.box20{
  margin: 1em 1em;
  padding: 1em;
  background-color: #fffbef;
  border: dashed 2px #ffc107;
  box-shadow: 0 0 0 10px #fff8e1;
  border-radius: 4px;
}

.box20 p{
  margin: 0;
  padding: 0;
}


/*点線Box（水色×水色）*/
.box21{
  margin: 1em 1em;
  padding: 0.5em;
  background-color: #f5fcff;
  border: dashed 1px #29b6f6;
}

.box21 p{
  margin: 0;
  padding: 0;
}


/*点線Box（ピンク×オレンジ）*/

.box22 {
	padding: 0.5em;
    margin: 1em 0.5em;
    background: #fff3e9;
    border: dashed 2px #ffcff4;/*点線*/
}
.box22 p {
    margin: 0; 
    padding: 0;
}


.demo__box {
  position: relative;
  display: block;
  margin: 20px 0 ;
   padding: 30px 25px 1px 15px;/* 上・右・下・左の余白 */
  line-height: 1.5;
  background-color: #fff5f5;
}
.demo01__ribbon {
  display: inline-block;
  margin: 0 0 0 -5px;
  padding-top: 5px;
  width: 100px;
  height: 36px;
  position: absolute;
  top: -10px;
  left: 0;
  color: white;
  box-sizing: border-box;
  background-color: #ff9b9b;
}
.demo01__title {
  margin: 0;
  padding-left: 25px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
}
.demo01__title:before {
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-right: solid 5px #d57777;
  border-bottom: solid 5px transparent;
  content: '';
}
.demo01__title:after {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: -10px;
  z-index: 1;
  border-style: solid;
  border-width: 18px 10px 18px 0;
  border-color: #ff9b9b transparent;
  content: '';
}


/*投稿日(紫)*/
.box23 {
 margin: 5px 5px;
 padding:0 5px;
 background-color: #f1cdff; /* 背景色 */
}


/*パートまとめ*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
    font-size: 15px;
}


/*吹き出し口コミ*/
.balloon5 {
  width: 100%;
  margin: 1em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 80%;
  height: auto;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 2px 0 0 80px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
	line-height:150%;
}

/*???????
 吹き出しを作る
???????*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 10px;
  background: #ffedf3;
  margin-right: 2%;
  float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #d3f5ff;
  margin-left: 2%;
  float: right;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #ffedf3;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #d3f5ff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}

/*評価（★）*/
.star-rating {
  position: relative;
  width: 5em;
  height: 1em;
  font-size: 18px;
}

.star-rating-front {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0px;
  color: #ffcc33;
}
.star-rating-back {
  top: 0;
  left: 0px;
  color: #ccc;
}

  top: 0;
  left: 10px;

/* baアニメ */
.animeWrap{
	position: relative;
//	font-size: 1rem;
}
.anime {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	animation: myframe 3s ease-in-out 1s infinite alternate both;
	border-right: 3px solid #b7b7b7;
}
.animeImg{
	position: absolute;
	left: 0;
	height: 100%;
	max-width: none !important;
}
@keyframes myframe {
  from {
	width: 0;
  }
  to {
	width: 100%;
  }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */	
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}


/*-- スマホ版表示CSS  --*/
　@media only screen and (max-width: 1000px){
 　.pc_area{
 　   display:none;
　 }
　 .phone_area{
　    display:block;
　 }
}

  @media only screen and (max-width: 767px) {
    .header__container {
      padding: 2px 1em;
    }
    .header__title {
      font-size: 24px;
    }
    .header__image {
        display: none;
    }
 

  @media only screen and (max-width: 767px) {
    .header__container {
      padding: 2ex 1em;
    }
    .header__title {
      font-size: 24px;
    }
    .header__image {
        display: none;
    }
		
.blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}



/************************************
** 動くボタンのCSS
************************************/

/* btnAnime01 */

.btnAnime01 {
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}
@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}





.animate74,.a-option74,.a-btnsub74 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes animate74 {0%{ -moz-transform:scale(0.92);}40%{ -moz-transform:scale(0.97);}60%{ -moz-transform:scale(0.86);}80%{ -moz-transform:scale(1);}100%{ -moz-transform:scale(0.92);}}@-o-keyframes animate74 {0%{ -o-transform:scale(0.92);}40%{ -o-transform:scale(0.97);}60%{ -o-transform:scale(0.86);}80%{ -o-transform:scale(1);}100%{ -o-transform:scale(0.92);}}@-webkit-keyframes animate74 {0%{ -webkit-transform:scale(0.92);}40%{ -webkit-transform:scale(0.97);}60%{ -webkit-transform:scale(0.86);}80%{ -webkit-transform:scale(1);}100%{ -webkit-transform:scale(0.92);}}@keyframes animate74 {0%{ transform:scale(0.92);}40%{ transform:scale(0.97);}60%{ transform:scale(0.86);}80%{ transform:scale(1);}100%{ transform:scale(0.92);}}.animate74{-webkit-animation-name: animate74;-moz-animation-name: animate74;-o-animation-name: animate74;animation-name: animate74;}.a-btn74{padding-left:0%!important;}.a-option74{top:0%!important;}.a-option74{width:20%!important;}.a-btn74{max-width:100%!important;}.animate74,.a-btnsub74,.a-option74{animation-duration:1s!important;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s!important;}