@charset "UTF-8";
/* CSS Document */

body{
	background-color: #FFFFFF;
	color: #333333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}
html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5{
  margin: 0;
  padding:0;
}
li{list-style-type: none;}
iframe{
	vertical-align: bottom;
}
section ol{
	margin: 0 0 0 1.5em;
}
.stripe_bg{
	background-image: url(./img/bg_bnr_01.png);
	background-color: #f4ea3a;
	padding: 5rem 0;
}
img{
-webkit-backface-visibility: hidden;
}
.no-padding{
	padding: 0;
}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 > div{
	padding-right:5px;
	padding-left:5px;
}

.pc{display: none!important;}
.sp{display: block!important;}
.table-responsive{
	border: none;
	margin: 3rem 0 ;
}
.min-font{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media all and (-ms-high-contrast:none){
  .min-font{
		font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}
}
.w-100{
	width: 100%;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
	padding-left: 0;
}
hr{
	border-top: 2px #29ba0d dashed;
	margin: 3rem 0;
}
.main_box,.creator_box{
background: rgb(232,82,152); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(232,82,152,1) 0%, rgba(237,121,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(232,82,152,1) 0%,rgba(237,121,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(232,82,152,1) 0%,rgba(237,121,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85298', endColorstr='#ed793b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
}
.top_visual{
	background-image: url(img/top_visual.jpg);
	width: 100%;
	height: 0;
	/* (画像の高さ / 画像の横幅) × 100 */
	padding-top: 56%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.main_bg{
	position: relative;
	background-image: url(img/main.png);
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  min-height: 360px;
  background-position: center 65%;
	transition: 0.8s;
}
.main_hito{
	background-image: url(img/main_hito.png);
	background-repeat: no-repeat;
	background-position: top 0 right 0;
	background-size:contain;
}
.main_logo{
	padding: 8rem 15px;
}
.main_logo2{
	padding: 2rem 0 0 ;
}
h1{
	width: 180px;
	padding: 3rem 0 0;
	margin: 0 auto;
}
.anniversary{
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
}
section.benefits{
	background-color: #e85298;
}
.benefits_bg{
	background-image: url(img/entry_bg.png);
	padding: 5rem 0;
	background-size: cover;
	background-position: center;
}

section.benefits h2{
	margin-top: 3rem;
}
section.creator h2{
	margin-top: 3rem;
}

.bg_white{
	background-color: #FFFFFF;
}
section.creator h3{
	background-color: #fffa3d;
	color: #e85298;
	font-size: 16px;
	margin-bottom: 2rem;
	border-left: none;
	text-align: center;
}
section.creator p{
	color: #e85298;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: 3rem;
}
.creator_dr dt{
	color: #e85298;
}
.creator_dr dd{
	color: #14b6ee;
	margin-bottom: 1.5rem;
}
.creator_box{
	padding: 1rem;
}
.creator_inner{
	border-radius: .71429em;
	background-color: #FFFFFF;
	padding: 15px;
}
h3.tit_orange{
	border-left: solid 5px #ed793b;
}
h3{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #e85298;/*左線*/
	margin-bottom: .5rem;
  font-weight: 600;
	font-size: 18px;
	line-height: 1.3em;
}
.anniversary img{
	max-height: 34px;
}
section{
	background-color: #FFFFFF;
}
section.entry{
	background-color: #f2f2f2;
	padding: 5rem 0;
}

/* みんなの投稿ピックアップ
------------------------------------------------*/
section.archive_entry{
	background-image: url(./img/bg_bnr_01.png);
	background-color: #f4ea3a;
	padding: 8rem 0;
}
section.archive_entry02{
	background-image: url(./img/bg_bnr_01.png);
	background-color: #f4ea3a;
	padding: 4rem 0;
}

section.archive_entry h2.tit,
section.archive_entry02 h2.tit{
	color: #f22d88;
}
section.archive_entry h2.tit::before,
section.archive_entry02 h2.tit::before{
    background-color: #f22d88;
}
section.archive_entry .pink,
section.archive_entry02 .pink {
    background-color: #f22d88;
    border: 2px solid #f22d88;
}
section.archive_entry .pink::before,
section.archive_entry .pink::after,
section.archive_entry02 .pink::before,
section.archive_entry02 .pink::after  {
    background-color: #f22d88;
}
section.archive_entry .button:hover,
section.archive_entry02 .button:hover {
    text-decoration: none;
    background-color: #fff;
}

/* WEB投票 */
fieldset {

}
.finalist-text {
	margin-top: 5px;
	padding: 0 10px;
	text-align: center;
}
.finalist-text h4 {
	margin-top: 10px;
	text-decoration-line: underline;
}
.finalist-text p {
	margin-top: 10px;
}
.finalist-text p span {
	display: block;
	margin-top: 10px;
}


section.precaution{
	padding: 5rem 0;
}
.precaution_box .entry_list{
	margin-bottom: 3rem;
}
.scroll_box span,
.scroll_box02 span{
	display: block;
}
.scroll_box{
	font-weight: 700;
	font-style: normal;
	display: block;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding:1rem 0;
	width: 100%;
	color: #6f6f6f;
	text-align: center;
	background: #fff;
	border-radius: .71429em .71429em 0 0;
	margin: auto;
	z-index: 30;
	transition: color .35s cubic-bezier(.455,.03,.515,.955);
}
.scroll_box02{
	font-weight: 700;
	font-style: normal;
	display: block;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding:1rem 0;
	width: 100%;
	color: #6f6f6f;
	text-align: center;
	background: #fff;
	margin: auto;
	z-index: 30;
	transition: color .35s; cubic-bezier(.455,.03,.515,.955);
}

.scroll_box:hover,
.scroll_box:focus,
.scroll_box02:hover,
.scroll_box02:focus{
	color: #e85298;
	text-decoration: none;
}
.overview_box{
	background-color: #FFFFFF;
	padding: 3rem 0;
}
.overview_box table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 0;
}
.overview_box table th,
section.form_page table th{
	width: 20%;
	text-align: center;
	background-color: #e1e1e1;
}
.overview_box > .table > tbody > tr{
  border-bottom: solid 2px white;
}
.overview_box > .table > tbody > tr:last-child{
  border-bottom: none;
}
.overview_box > .table > tbody > tr > th,
.overview_box > .table > tbody > tr > td{
	padding: 15px;
	border-top: none;
	vertical-align: middle;
	line-height: 1.5em;
}
.overview_box table td{
	text-align: left;
	width: 70%;
	background-color: #f7f7f7;
}
.overview_box ul,
.precaution_box ul{
	padding: 0.5em 0.5em 0.5em 2em;
}
.overview_box ul li,
.precaution_box ul li{
	padding: 0.3em 0;
	list-style-type: disc;
}
h2.tit{
	color: #e85298;
	font-family: 'Noto Sans JP', sans-serif;


}
h2.tit02{
	color: #ed793b;
}
h2.tit,
h2.tit02{
	position: relative;
	margin:0 auto 3rem;
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	line-height: 1.5em;
}
h2.tit::before  {
  background-color: #e85298;
}
h2.tit02::before  {
  background-color: #ed793b;
}
h2.tit::before,
h2.tit02::before {
	content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}
.tit_result{
	font-weight: 600;
	color: #009797;
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-size: 18px;
}
.tit_result::before{
	font-family: "Font Awesome 5 Free";
	content: '\f521';
	font-weight: 900;
	margin-right: .1em;
}

/* button */
.button_area{
	text-align: center;
}
.pink{
	background-color: #e85298;
	border: 2px solid #e85298;
}
.orange{
	background-color: #ed793b;
	border: 2px solid #ed793b;
}
.button {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	color: #fff;
	padding: 2rem;
	margin-bottom: 1rem;
	font-size: 20px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pink:hover{
	color: #e85298;
	border-color: #e85298;
}
.orange:hover{
	color: #ed793b;
	border-color: #ed793b;
}
/* .pink:focus{
	color: #e85298;
}
.orange:focus{
	color: #ed793b;
} */
.pink:focus,
.orange:focus{
	color: #FFF;
}
.button:hover{
	text-decoration: none;
  background-color: #fff;
}

.pink:focus,
.orange:focus{
	color: #FFF;
}
.pink:focus{
	background-color: #e85298;
}

.orange:focus{
	background-color: #ed793b;
}

.pink:active,
.orange:active{
	color: #FFF;
}
.pink:active{
	background-color: #a21356;
}

.orange:active{
	background-color: #b3460c;
}


.pink::before,
.pink::after{
  background-color: #e85298;
}
.orange::before,
.orange::after{
  background-color: #ed793b;
}
.button::before,
.button::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.button::before {
  right: 0;
}
.button::after {
  left: 0;
}
.pink:hover::before,
.pink:hover::after{
  background-color: #e85298;
}
.orange:hover::before,
.orange:hover::after{
  background-color: #ed793b;
}
.button:hover::before,
.button:hover::after {
  width: 0;

}
/* //button */

/* card
------------------------------------------------ */
.card {
	padding: 15px;
	margin-bottom: 2rem;
	background-color: rgba(255, 255, 255, 0.79);
}
.card .finalist-text{
	padding: 15px;
}

 .card a{
	color: #333333;
	text-decoration: none;
}
 /* .card a:hover{
	 color: #787878;
 } */
a .finalist-text:hover h4{
	/* border-bottom: 1px solid #333333;
	text-decoration:none; */
}
.card .finalist-text h4{
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 20px;
}
.card .finalist-text h4 span{
	display: block;
	font-size: 150%;
	line-height: 1.5;
	color: #f22d88;
}
h4.finalist span {
	font-size: 190%!important;
}

.card .finalist-text p{
	line-height: 1.6;
	margin-bottom: 15px;
}
.card .finalist-text p span{
	display: inline-block;
	padding: 5px 20px;
	background-color: #eee;
	border-radius: 50px;
	color: #3b3b3b;
}
.card .radio-inline__label{
	margin: 0 0 15px;
	border: 1px solid #f22d88;
}
.archive-post div{
	margin-bottom: 30px;
}


/* figure */
.lead-link {
	color: #f22d88;
}
figure img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
figure:hover img ,
figure:hover .lead-link {
  opacity: .5;
	color: #62e8e7;
}
/* //figure */

/* topBtn */
main.topBtn_box{
	position:relative;
}
.topBtn {
  position:fixed;
  bottom:40px;
  right:20px;
  z-index: 1000;
}
.topBtn:before {
  position:absolute;
}
.topBtn:hover {
  opacity:0.7;
}
/* //topBtn */

/* footer */
footer{
	padding: 5rem 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-color: #333;
}

.tel{
	font-size: 14px;
}
.tel a,
.tel a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/* //footer */
.row .rowOffset{
	margin-left: 0;
	margin-right: 0;
}
/* second */
.logo_area{
	text-align: center;
	padding:3rem 0 3rem;
}
.logo_area img{
	margin: 0 auto;
	width: 60%;
}
section.form_page{
	padding: 5rem 0;
}
section.form_page .table{
	margin-bottom: 0;
}
.comment_area {
	background-color: #f3ece1;
	padding: .5em;
	border-radius: 5px;
	color: #745417;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}
.require, .error, .msg {
    color: red;
}
.contact_form {
	width: 100%;
	margin: 2rem auto 0;
	border: 1px solid #dddddd;
	padding: 15px;
}
.submit_area p{
	    padding: 0 0 2rem;
}
.submit_area{
	margin: 5rem 0 0;
}
.btn-round{
	margin: 0 5px;
	padding: 12px 50px;
	border-radius: 5px;
	display: inline-block;
	transition: 0.3s;
	color: #fff;
	width: 100%;
}
.btn-round:hover,
.btn-round:visited,
.btn-round:active{
	background-color: #ff2f90;
	color: #fff;
}
.btn-submit{
	background-color: #e85298;
}
.btn-reset{
	background-color: #7c909a;
}
.btn-reset:hover,
.btn-reset:visited,
.btn-reset:active{
	background-color: #607D8B;
	color: #fff;
}
.label_text{
	font-weight: 700;
	margin-bottom: 5px;
}
.submit_area p{
	padding: 0 0 2rem;
}

h2.tit_form{
	border-bottom: solid 3px #968e85;
	margin-bottom: 3rem;
	position: relative;
	font-size: 20px;
	padding-bottom: .5rem;
	text-align: center;
}
h2.tit_form::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #e85298;
	bottom: -3px;
	width: 30%;
}
.text_b_1{
	margin-bottom: 1rem;
}
.main_area{
	position: relative;
}
.sns_box{
	position: absolute;
	left:7%;
	bottom:40px;
	transition: .5s;
}
.greeting_area{
	margin-top:2rem;
}
.greeting_box{
	background-color: rgba(255, 255, 255, 0.79);
	padding: 15px;
	line-height: 1.5;
}
.greeting_box p:not(:last-child){
	margin-bottom: 1rem;
}
.profile_box{
	text-align: left;
	border-top: 2px #009797 dotted;
	padding-top: 1rem;
}
.comment_tit {
	border-bottom: solid 2px #e85298;
	margin-bottom: 1rem;
	font-weight: 600;
	padding-bottom: .5rem;
	line-height: 1.5;
}
.comment_tit span{
	font-size: 75%;
}

.comment_box:not(:last-child){
		margin:0 0 1rem;
	}
.comment_box{
	background-color: rgba(255, 255, 255, 0.79);
	padding: 2rem;
	border-radius: 10px;
}
.finalist_comment{
	font-size: 120%;
  font-weight: 600;
  color: #00c1c1;
  line-height: 1.8;
}
@media (min-width: 1200px) {
	.sns_box{
		left:9%;
	}
}
@media (min-width: 1500px) {
	.sns_box{
		left:10%;
	}
}

ul.sns_area{
	text-align: center;
	margin-top: 5rem;
	font-size: 100%;
}
ul.sns_area li{
	display: inline-block;
	margin: 0 .5rem;
}
ul.sns_area li a{
	color: #FFF;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
ul.sns_area li a:hover{
	opacity: .5;
}

/* radio */
.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
	display: inline-block;
	padding: 1rem 1rem;
	margin-right: 18px;
	border-radius: 3px;
	transition: all .2s;
	background: #fff;
	color: #f22d88;
	width: 45%;
	text-align: center;
	font-size: 150%;
	margin: 2rem 0 5rem;
}
@media screen and (max-width: 767px) {
	.radio-inline__label {
		width: 60%;
	}
}
.radio-inline__label span{
	margin-right: .5em;
}
.radio-inline__input:checked + .radio-inline__label {
    background: #f22d88;
    color: #fff;
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #f22d88;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

/* //radio */
/*space*/
.p_t20{
	padding-top: 20px;
}





@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
		display: inline-block;
	}
	.main_bg{
		height: 100vh;
		background-position: center;
		background-size: contain;
	}
	.benefits_bg{
		padding: 8rem 0;
		background-size:auto;
	}
	.benefits_inner{
		width: 80%;
		margin: 0 auto;
	}
	.creator_box{
		padding: 5rem;
		margin-bottom: 1rem;
	}
	.creator_inner{
		padding: 8rem;
	}
	section.creator h3{
		font-size: 24px;
	}
	section.creator p{
		font-size: 16px;
		margin-bottom: 5rem;
	}
	section.entry{
		padding: 10rem 0;
	}
	h1{
		margin: 0;
		width: 300px;
		padding: 3rem 3rem 0;
	}
	.anniversary{
		padding: 3rem;
	}
	section.creator h2{
		margin-top: 6rem;
	}
	.anniversary img{
		max-height:55px;
	}
	h2.tit,
	h2.tit02{
		margin: 0 auto 8rem;
		font-size: 36px;
		line-height: 1.3em;
	}
	.scroll_box,
	.scroll_box02{
		padding:2rem 0;
	}
	/* .scroll_box{
		line-height: 5;
		max-width: 76.40625%;
		padding:2rem 0;
	} */
	.button {
		width: 40%;
		padding: 3rem;
		margin-bottom: 0;
	}
	/* second */
	.logo_area{
		padding:0 0 3rem;
	}
	.logo_area img{
		width: auto;
	}
	.contact_form {
    width: 90%;
		padding: 5rem;
	}
	.btn-round {
    width: auto;
	}
	h2.tit_form{
		font-size: 26px;
		text-align: left;
	}
	h3{
		font-size: 20px;
	}
	section.archive_entry02{
		padding: 8rem 0;
	}
	.result_second{
		margin-top: 5rem;
	}
	.tit_result{
		margin-bottom: 2rem;
		font-size: 30px;
	}
	.greeting_area{
		margin-top: 6rem;
	}
	.greeting_box{
		padding: 5rem;
		font-size: 16px;
		line-height: 1.5;
	}
	.card .finalist-text h4{
		font-size: 20px;
	}
	h4.finalist  {
		font-size: 16px!important;
	}
	.comment_tit span::before{
		content: "/";
		margin-left: .2em;
	}
	.comment_inner{
		margin-top: 3rem;
	}
}

@media screen and (max-width: 767px) {
	.fax{
		pointer-events: none;
	}
	.fax a{
		color: #333333;
	}
	.tel .fax a{
		color: #FFFFFF;
	}
	.main_bg{
		height: 50vh;
	}
	.entry_box{
		display: none;
	}
	.overview_box table th,
	.overview_box table td,
	section.form_page table th,
		section.form_page table td{
		width: 100%;
		display: block;
	}
	.list-inline > li{
		display: block;
	}
	.btn-reset {
    margin-bottom: 0.5rem!important;
	}
	.btn-round{
		margin: 0;
	}
	.btn-submit{
		margin-bottom: .5rem;
	}
	.main_hito{
		background-position: top 0 right 0;
	}
	.main_logo{
		padding: 4rem 15px;
	}
	.main_logo2{
		padding: 4rem 15px;
	}
	ul.sns_area{
		font-size: 70%;
	}
	ul.sns_area{
		margin-top: 3rem;
	}
	.comment_tit span{
		display: block;
	}
/*space*/
	.s_p_t20{
		padding-top: 20px;
	}
}
@media (min-width: 992px) {
	.pc{display: block!important;}
	.sp{display: none!important;}
	.contact_form {
	  width: 90%;
	}

}

@media (min-width: 1200px){
	.overview_box{
		padding: 5rem 0;
	}
}

@media screen and (min-width: 1024px) {
	.main_bg {
    height: 66vh;
		background-size: 790px;
	}
}

@media screen and (min-width: 1192px) {
	.main_bg {
    height: 100vh;
		background-size: 1170px;
	}
}

@media screen and (min-width: 1400px) {
	.main_bg {
		background-size: 1400px;
	}
}

@media screen and (max-width: 1023px) {
	.main_bg {
		background-size: 704px;
    height: 66vh;
	}
}
@media screen and (max-width: 680px) {
	.main_bg {
    height: 56vh;
		background-size: contain;
	}
}
@media screen and (max-width: 330px) {
	.lead{
		font-size:14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	h2.tit,
	h2.tit02{
		font-size: 30px;
		margin: 0 auto 5rem;
	}
	.creator_box{
		padding: 3rem;
	}
	.creator_inner{
		padding: 6rem;
	}
	section.archive_entry02{
		padding: 6rem 0;
	}
	.greeting_area{
		margin-top: 4rem;
	}

}
@media (max-width: 991px) {
	.cover_img{
		margin-bottom: 15px;
	}
}
@media print{
}

textarea {
    resize: vertical;
    max-height: 500px;
    min-height: 100px;
}