@charset "UTF-8";


input {
	-webkit-appearance:none;
}

h3 {
	position:static;
	display:inline-block;
	text-align:left;
}

.discript {
	font-size:150%;
	text-align:left;
}

.discript h2 {
	font-size:150%;
	font-weight:800;
	margin-bottom:2%;
}

.discript p {
	line-height:1.5em;
}

.discript p em {
	font-weight:500;
}

.discript a {
	text-decoration:underline;
}

.discript a:hover {
	color:#f00;
}

@media screen and (max-width:767px){
	.discript {
		font-size:120%;
	}
}

.area_list {
	text-align:left;
	background:url(../img/map_jp.png) no-repeat;
	background-size:contain;
}

.area_list ul {
	display:flex;
	flex-wrap:wrap;
	margin:1% 0 3%;
}

.area_list ul li {
	width:12.28%;
	margin:0.5%;
	padding:0.5%;
	text-align:center;
	background:rgba(208,201,182,0.6);
	border-radius:10px;
	font-size:130%;
}

.area_list ul li a {
	color:#000;
}

.area_list ul li span {
	display:block;
}

@media screen and (max-width:767px){
	.area_list ul li {
		width:23%;
	}
}

.disp{
	font-size:150%;
	margin:0 auto 3%;
}

.disp p {
	margin-bottom:1em;
}



.disp span {
	font-size:80%;
}

.disp p.stamp:before {
	content:'';
	background:url(../../img/stamp.png) no-repeat;
	background-size:contain;
	height:30px;
	width:30px;
	display:inline-block;
	vertical-align:middle;
}

.votedisp {
	margin:5% 0;
	font-weight:400;
	font-size:14px;
	text-align:center;
}
.serchbox {
	position:static;
	transform:translate(0,0);
	margin: 2% auto;
}




.flex {
	display:flex;
	font-size:200%;
	justify-content: center;
	align-items: center;
}

.flex div {
	width:50%;
}

.ranking {
	line-height:1.5em;
	width:50%;
}

.charakind {
	font-weight:normal;
}

.single .charakind {
	font-size:60%;
	font-weight:normal;
	display:block;
	text-align:right;

}

span.rank {
	font-size:150%;
	margin-right:0.5em;
}

span.rank strong {
	font-size:200%;
	font-family: 'Coiny', cursive;
}

@media screen and (max-width:767px){
	span.rank{
		font-size:120%;
	}
}

@media screen and (max-width:340px){
	span.rank{
		font-size:100%;
	}
}


.charaname {
	background:url(../../img/menu_bg.jpg);
	background-size:30px;
	padding:0.5% 0;
	position:relative;
}

.charaname h4 {
	font-size:300%;
	margin:0;
}

.charaname h4 span {
	display:block;
	font-size:70%;
}

.charaname h4 span.en {
	font-family: 'Coiny', cursive;
}

span.kind {
	background:#f76924;
	padding:1% 2%;
	border-radius:20px;
	color:#fff;
	margin-right:1em;
}

span.campany {
	background:#30cd42;
}

.charasns {
	position:absolute;
	top:100%;
}

.charaimage {
	margin-top:2%;
}


.charaimage img {
	width:60%;
	margin:0 auto;
}

.txt {
	text-align:left;
	margin-top:2em;
	font-size:130%;
}

.txt p {
	margin-bottom:1em;
}

.txt a,
.votebtn {
	display:block;
	background:#ff00ac;
	color:#fff;
	padding:0.5%;
	font-size:200%;
	border-radius:10px;
	font-weight:800;
	text-align:center;
	margin:1em auto 2em;
	padding:0.5em 0;
}

@media screen and (max-width:767px){
	.prof {
		font-size:130%;
	}

	.txt em {
		font-size:12px;
		text-align:left;
	}

	.charaimage img {
		width:100%;
	}

	.votebtn {
		font-size:160%;
	}

	dd{
		margin-left:0;
	}
}

.idflow {
	font-size:15px;
	margin-top:7%;
}

.idflow p {
	font-size:25px;
	margin:2% 0;
}

.idflow p:before {
	content: '';
	margin: 0 0.5em 0 0;
	background: #ff579c;
	border: solid 2px #fff;
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #ff579c;
	-webkit-box-shadow: 0 0 0 1px #ff579c;
	-moz-box-shadow: 0 0 0 1px #ff579c;
	display: inline-block;
}

.idflow span,
.idflow a {
	color:#ff579c;
	margin-top:2em;
	display:block;
	background:none;
	text-align:left;
	font-size:100%;
	font-weight:500;
}

.idflow dl.flow dt {
	color:#ff579c;
	font-size:120%;
	font-weight:700;
	margin-top:1em;
}

.idflow dl.flow dd {
	margin-left:1em;
}

@media screen and (max-width:767px){
	.idflow {
		margin-top:15%;
		font-size:13px;
	}
	.idflow p {
		font-size:17px;
	}

	.idflow dl.flow dd {
		margin-left:0;
	}
}

.votebtn {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	border:none;
	width:100%;
}

input.votebtn {
	-webkit-appearance:none;
}

.g-recaptcha {
    width: 304px;
    margin: 3% auto;
}

.block{
	margin:5% 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:left;
}

.block h5 {
	font-size:200%;
	padding:0.5% 0;
	background:url(../../img/block_bg.jpg);
	background-size:30px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:600;
	margin:0;
	text-align:left;
	color:#000;
	margin-bottom:1%;
}

.block p {
	font-size:17px;
	font-weight:700;
}

.block ul.linkbnr {
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:0 auto;
}

.block ul.linkbnr li {
	width:48%;
	margin:1%;
	border-bottom:none;
}

.block ul.linkbnr li img {
	width:100%;
}

.block p:before {
	content: '';
	margin: 0 0.5em 0 0;
	background: #ff579c;
	border: solid 2px #fff;
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #ff579c;
	-webkit-box-shadow: 0 0 0 1px #ff579c;
	-moz-box-shadow: 0 0 0 1px #ff579c;
	display: inline-block;
}

.block h5 span {
	display:block;
	width:800px;
	margin:0 auto;
}

.block .goods {
	display:flex;
}

.block .goods .img,
.block .goods .goodstxt {
	width:50%;
}

.block .goods .img img {
	display:block;
	width:95%;
	margin:0 auto;
}



.block .goods .goodstxt strong {
	display:block;
	font-weight:600;
	margin:1em 0;
}

.block .goods .goodstxt .liner {
	font-weight:500;
	font-size:13px;
}

.block .goods .goodstxt .liner em {
	display:block;
	margin-top:1em;
}

.block ul li {
	display:flex;
	padding:0 0 1em;
	margin-bottom:1em;
	border-bottom:solid 1px #ddd;
	
}

.block ul li .photo {
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

}

.block ul li .text {
	margin-left:1em;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.block ul li .text h6 {
	font-size:30px;
	margin:1% 0;
}

.block ul li .text p{
	word-break: break-all;
}

.block ul li .text p:before {
	display:none;
}

.block #fbInner,
.block .twInner {
	text-align:center;
}




@media screen and (max-width:800px){
	.block h5 span {
		width:95%;
	}
}

@media screen and (max-width:767px){
	.charaname h4 {
		font-size:33px;
	}

	.charasns {
		left:80%;
	}

	.charasns ul {
		width:110px;
	}

	.flex {
		font-size:140%;
	}

	.txt {
		font-size:100%;
	}

	span.kind {
		margin-right:2%;
	}
	.charaimage {
		margin-top:5%;
	}

	.fb_iframe_widget{
		width:95% !important;
	}

	.fb_iframe_widget span,
	.fb_iframe_widget iframe{
		width:100% !important;
	}
	
	.place iframe {
		width:100%;
	}


	.block ul li {
		display:block;
	}

	.block ul li .photo {
		width:95%;
		margin:0 auto;
	}

	.block ul li img {
		width:100%;
	}

	.block ul li ol li img {
		width:auto;
	}

	.block ul li .text {
		width:95%;
		margin:1% auto;
	}

	.block .goods {
		display:block;
	}

	.block .goods .img {
		width:95%;
		margin:1% auto;
	}

	.block .goods .img img {
		width:100%;
	}

	.block .goods .goodstxt {
		width:95%;
		margin:1% auto;
	}

}


ol.icon {
	display:flex;
	flex-wrap:wrap;
}

ol.icon li{
	border-radius:10px;
	padding:1% 0.5em;
	margin:0 0.5%;
	font-size:14px;
	color:#fff;
	font-weight:600;
}

ol.icon li img {
	height:13px;
}

ol.icon li.point{background:#ed1c24}
ol.icon li.new{background:#f76924}
ol.icon li.gotouchi{background:#0000ff}
ol.icon li.event{background:#22b573}
ol.icon li.sightseeing{background:#ffd900;color:#000;}
ol.icon li.gourmet{background:#ff73df;}
ol.icon li.souvenir{background:#2ab1ff;}
ol.icon li.recommend{background:#607d8b;}
ol.icon li.campaign{background:#2ab1ff;}


.lastinfo p {
	position:relative;
	margin-bottom:0.5em;
}

.lastinfo p.new:after {
	content:'New';
	background:#f00;
	display:inline-block;
	transform:rotate(-2deg);
	color:#fff;
	padding:0 1%;
	border-radius:4px;
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.mbservice .bnr{
	display:flex;
}

.mbservice .bnr a {
	display:block;
	width:33%;
	margin:1%;
}

.mbservice .bnr a img {
	width:100%;
}

.mbservice p {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:left;
	font-size:16px;
	font-weight:700;
	margin:2% 0;
}

.mbservice p.right {
	text-align:right;
}

.mbservice p.right a {
	text-decoration:underline;
}