/*--マイクロCTAボタン --　赤色　*/
@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}



.anime-bottan body {
  background: #f2f2f2;
}

.anime-bottan {
  position: relative;
  margin: 10px 10px 20px 10px;
  transition: .2s;
}
.anime-bottan:before, .anime-bottan:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 32px;
  background: #ffaaae;
  border: 1px solid #ff999e;
  transform: translate3d(0,0,0);
}

.anime-bottan:before {
  animation: anime 2s ease-out infinite;
}
.anime-bottan:after {
 animation: anime 2s ease-out 1s infinite;
}

.anime-bottan  a {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #80120d;
}
.anime-bottan a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #c81c14;
  border-radius: 32px;
  transition: .2s;
  transform: translate3d(0,0,0);
}
.anime-bottan span {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  font-family: sans-serif;
  transition: .2s;
}
.anime-bottan span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;  
  margin: -4px 0 0 0;
    border-right: 1px solid #c81c14;
    border-top: 1px solid #c81c14;
  transform: translateX(5px) rotate(45deg);
  transition: .3s .1s;
}

.anime-bottan a:hover {
  top: 3px;
}
.anime-bottan a:hover:after {
  top: 0;
  background: #e00e18;
}
.anime-bottan a:hover span {
  top: 0;
}
.anime-bottan a:hover span:after {
  right: 27px;
}
	

.anime-bottan a:visited, .anime-bottan a:hover, .anime-bottan a:focus, .anime-bottan a:active{
	color:#fff900
}

/*--マイクロCTAボタン --　緑色　*/
@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}



.anime-bottan02 body {
  background: #f2f2f2;
}

.anime-bottan02 {
  position: relative;
  margin: 10px 10px 20px 10px;
  transition: .2s;
}
.anime-bottan02:before, .anime-bottan02:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 32px;
  background: #ffaaae;
  border: 1px solid #ff999e;
  transform: translate3d(0,0,0);
}

.anime-bottan02:before {
  animation: anime 2s ease-out infinite;
}
.anime-bottan02:after {
 animation: anime 2s ease-out 1s infinite;
}

.anime-bottan02 a {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #80120d;
}
.anime-bottan02 a:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #008000;
  border-radius: 32px;
  transition: .2s;
  transform: translate3d(0,0,0);
}
.anime-bottan02 span {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  font-family: sans-serif;
  transition: .2s;
  color: #fff900;
}
.anime-bottan02 span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;  
  margin: -4px 0 0 0;
    border-right: 1px solid #c81c14;
    border-top: 1px solid #c81c14;
  transform: translateX(5px) rotate(45deg);
  transition: .3s .1s;
}

.anime-bottan02 a:hover {
  top: 3px;
}
.anime-bottan02 a:hover:after {
  top: 0;
  background: #24ca23;
}
.anime-bottan02 a:hover span {
  top: 0;
}
.anime-bottan02 a:hover span:after {
  right: 27px;
}
	

.anime-bottan02 a:visited, .anime-bottan02 a:hover, .anime-bottan02 a:focus, .anime-bottan02 a:active{
	color:#fff900
}


/*--口コミの枠線とか --*/
.voice_image02 {
    background-color: #e6d9c3;
    padding: 10px;
}

.voice_image img {
    background-color: #ffffff;
}

/* ここからテーブルのcssを組んでいます。 -----------------------------------------  */
	table{
		width: 500px;
		font-weight: 700;
		border-collapse: initial;
		border-spacing: 0px;
		margin: 10px; /* 表とブラウザの縁にスペースを空けるために入れているので、削除しても大丈夫です。 */
	}
	tbody{
		width: 100%;
	}
	th,td{
		width: 10%;
		text-align: center;
		vertical-align: middle;
		border: 1px solid;
	}
	.space{
		width: 5%;
		border: 0px;
	}

	/* 一行目 */
	.farst td{
		height: 40px;
		border: 2px solid white;
		border-right: 0px;
		border-bottom: 0px;
		border-radius: 10px 10px 0 0;
		background: #aaa4a8;
	}
	.farst .price{
		border-left: 0px;
	}

	/* 二行目 */
	.second{
		height: 80px;
	}
	.second .whitening{
		border:	2px solid gray;
		border-bottom: 0px;
		background: #e8e7e2;
	}
	.second .price{
		border-right: 0px;
		border-left: 0px;
		border-bottom: 0px;
	}
	.second .time{
		border-bottom: 0px;
	}
	.second td{
		border:	2px solid gray;
		background: #e8e7e2;
	}

	/* 三行目 */
	.third{
		height: 80px;
	}
	.third .whitening{
		border:	2px solid gray;
		border-bottom: 0px;
		background: #c9cbc8;
	}
	.third .price{
		border-right: 0px;
		border-left: 0px;
		border-bottom: 0px;
	}
	.third span{
		font-size: 12px;
	}
	.third td{
		border:	2px solid gray;
		border-bottom: 0px;
		background: #c9cbc8;
	}

	/* 四行目 */
	.fourth{
		height: 80px;
	}
	.fourth .whitening{
		width: 10%;
		color: white;
		line-height: 1.2;
		position: relative;
		background: #2b714f;
		border: 2px solid #2b714f;
		padding-left:5%;
	}
	.fourth .whitening span{
		color: #f22260;
		border-radius: 10px;
		background: white;
		padding: 0 15%;
		position: inherit;
		z-index: 1;
	}
	.fourth .price{
		color: #f22260;
		font-size: 24px;
		font-weight: bolder;
		line-height: 1;
		border-right: 0px;
		border-left: 0px;
	}
	.fourth .time{
		line-height: 1;
	}
	.fourth .jikan span{
		color: #f22260;
		font-size: 18px;
		font-weight: bolder;
	}
	.fourth td{
		border: 2px solid #2b714f;
		background: #ccd6d8;
	}
	.fourth img{
		position: absolute;
    	width: 20%;
    	top: -45px;
    	left: 7px;
    	z-index: 0;
	}

body.stories_show .container .layouts-column.main article .story-text .story-body>p, body.stories_show .container .layouts-column.main article .story-text .story-body>div {
    margin: 36px 0;
}

.clearfix {
    min-height: 1px;
}

.dialogue_view {
    padding: 20px 10px;
    margin-bottom: 20px;
}

.dialogue_view .dialogue_section {
    position: relative;
}

.dialogue_view .dialogue_section.left_side .user_area {
    left: 0;
}


.dialogue_view .dialogue_section .user_area {
    position: absolute;
    top: 0;
    width: 42px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

.dialogue_view .dialogue_section.left_side .dialogue {
    padding-left: 60px;
}

.dialogue_view .dialogue_section .dialogue {
    max-width: 400px;
    position: relative;
}

.dialogue_view .dialogue_section.left_side .dialogue .content_area {
    position: relative;
    border-radius: 15px;
    box-shadow: 0 1px 4px rgba(131,130,130,0.78), 0 0 0 1px rgba(215,215,215,0);
}

.dialogue_view .dialogue_section .dialogue .content_area {
    margin-top: 10px;
}

.dialogue_view .dialogue_section .dialogue .content_area .content {
    border-radius: 12px;
    padding: 15px;
    min-height: 25px;
    word-wrap: break-word;
    background: #FFF;
}

.dialogue_view .dialogue_section.left_side .dialogue .content_area:before {
    border-right-color: #c9c9c9;
    border-width: 12px;
    top: 27px;
}

.dialogue_view .dialogue_section.left_side .dialogue .content_area:after, .dialogue_view .dialogue_section.left_side .dialogue .content_area:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
}

.dialogue_view .dialogue_section.left_side .dialogue .content_area:after {
    border-right-color: #f8f8f8;
    border-width: 12px;
    top: 25px;
}

.dialogue_view .dialogue_section.left_side .dialogue .content_area:after, .dialogue_view .dialogue_section.left_side .dialogue .content_area:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
}

.dialogue_view .dialogue_section.right_side .user_area {
    right: 0;
}

.dialogue_view .dialogue_section.right_side .dialogue {
    padding-right: 60px;
    float: right;
}

.dialogue_view .dialogue_section .dialogue .content_area .content {
    border-radius: 12px;
    padding: 15px;
    min-height: 25px;
    word-wrap: break-word;
    background: #FFF;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area {
    position: relative;
    border-radius: 15px;
    box-shadow: 0 1px 4px rgba(131,130,130,0.78), 0 0 0 1px rgba(215,215,215,0);
}

body.stories_show .container .layouts-column.main article .story-text .story-body>p, body.stories_show .container .layouts-column.main article .story-text .story-body>div {
    margin: 36px 0;
}

.clearfix {
    min-height: 1px;
}

.dialogue_view .dialogue_section {
    position: relative;
}

.dialogue_view .dialogue_section.right_side .user_area {
    right: 0;
}

.dialogue_view .dialogue_section.right_side .dialogue {
    padding-right: 60px;
    float: right;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area {
    position: relative;
    border-radius: 15px;
    box-shadow: 0 1px 4px rgba(131,130,130,0.78), 0 0 0 1px rgba(215,215,215,0);
}

.dialogue_view .dialogue_section .dialogue .content_area {
    margin-top: 10px;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area:before {
    border-left-color: #c9c9c9;
    border-width: 12px;
    top: 27px;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area:after, .dialogue_view .dialogue_section.right_side .dialogue .content_area:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
}
.dialogue_view .dialogue_section .dialogue .content_area .content {
    border-radius: 12px;
    padding: 15px;
    min-height: 25px;
    word-wrap: break-word;
    background: #FFF;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area:after {
    border-left-color: #f8f8f8;
    border-width: 12px;
    top: 25px;
}

.dialogue_view .dialogue_section.right_side .dialogue .content_area:after, .dialogue_view .dialogue_section.right_side .dialogue .content_area:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
}
.clearfix {
    min-height: 90px;
}

.graybox {
    padding: 20px;
    border: solid 1px #ccc;
    background-color: #f3f3f3;
    margin-bottom: 20px;
}

 /* YesNoボタン */
/* ボタンCSS */
.btn-yes-a,
.btn-yes-b,
.btn-yes-c
{
display: block;
width: 48%;
padding: 5%;
line-height: 32px;
font-size:2em;
background-color: #cccccc;
color: #fff;
text-align: center;
float: left;
margin: 0% 1% 5% 1%;
text-decoration: none;
}

.passive{
background: #cccccc;
}


.btn-yes-a.active,
.btn-yes-b.active,
.btn-yes-c.active{
background:#ec6d79;
}

.btn-yes-a > span:last-of-type,
.btn-yes-b > span:last-of-type,
.btn-yes-c > span:last-of-type,
.btn-yes-a.active > span:first-of-type,
.btn-yes-b.active > span:first-of-type,
.btn-yes-c.active > span:first-of-type
{
display: none;
}

.btn-yes-a.active > span:last-of-type,
.btn-yes-b.active > span:last-of-type,
.btn-yes-c.active > span:last-of-type {
display: inline;
}

.btn-no-a,
.btn-no-b,
.btn-no-c
{
display: block;
width: 48%;
padding: 5%;
line-height: 32px;
font-size:2em;
background: #cccccc;
color: #fff;
text-align: center;
float: left;
margin: 0% 1% 5% 1%;
text-decoration: none;
}

.btn-no-a.active,
.btn-no-b.active,
.btn-no-c.active{
background: #3a3a3a;
}



.btn-no-a.active > span:last-of-type,
.btn-no-b.active > span:last-of-type,
.btn-no-c.active > span:last-of-type{
display: inline;
}

.btn-no-a > span:last-of-type,
.btn-no-b > span:last-of-type,
.btn-no-c > span:last-of-type,
.btn-no-a.active > span:first-of-type,
.btn-no-b.active > span:first-of-type,
.btn-no-c.active > span:first-of-type
{
display: none;
}

.Q_choice a,.Q_choice a:visited, .Q_choice a:hover, .Q_choice a:focus, .Q_choice a:active {
    color: #fff !important;
}
select#fieldname3_1 {
    max-width: 100%;
}


.frame-red {
    background-color: red;
    padding: 7px 7px 2px 7px;
}


div.instalistPostText div:nth-of-type(3) {
    display: none;
}

div.instalistPostText div:nth-of-type(5) {
    display: none;
}

.a-btn {
    padding: 10px !important;
    padding-left: 0px !important;
}

.instalistPostDate {
    display: none !important;
}