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

html {
 	/* -webkit-text-size-adjust: 100%; */
 	height: 100%;

	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
@media screen and (max-width:480px){
	/*	html {overflow: hidden;} */
 	 }

body {
	/* font-family: 'Noto Serif JP', serif; */
	/* font-family: 'Zen Kurenaido', sans-serif; */
	/* font-size: 12px; */
	/* font-weight: 400; */
	
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 12px;
	font-weight: 300;	/* font-weight: 700; */
	font-style: normal;
	
	background-color: #ffffff;
  	margin: 0;
	padding: 0;
  	height: 100%;
  	overflow-y: auto;
  	overflow-x: hidden;
	
	text-align:justify;
	word-break:break-all; 
	text-justify:inter-ideograph;
	text-justify:inter-character;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

a { text-decoration: none;}

h1{
	font-weight: 400;
}

img{
	vertical-align:top;
	padding: 0;
	margin: 0;
}





.viv_flex .viv_menu a:link{ color: #ffffff; }
.viv_flex .viv_menu a:visited { color: #ffffff; }
.viv_flex .viv_menu a:hover { color: #ffff00; }
.viv_flex .viv_menu a:active { color: #ffffff; }

.viv_flex .viv_menu span a:link{ color: #ffffff; }
.viv_flex .viv_menu span a:visited { color: #ffffff; }
.viv_flex .viv_menu span a:hover { color: #ffffff; }
.viv_flex .viv_menu span a:active { color: #ffffff; }

.viv_footer a:link , .cake_nakasu a:link{ color: #555555; }
.viv_footer a:visited, .cake_nakasu a:visited { color: #555555; }
.viv_footer a:hover , .cake_nakasu a:hover { color: #fab4d2; }
.viv_footer a:active , .cake_nakasu a:active { color: #555555; }

.viv_menu a {
	text-decoration: none;
	color: #FFF;
  	display: inline-block;
  	transition: .3s;
  	-webkit-transform: scale(1);
  	transform: scale(1);
}
.viv_menu a:hover {
  	-webkit-transform: scale(1.1);
 	transform: scale(1.1);
}
.viv_menu a {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.viv_menu a:hover {
  opacity: 1.0;
  filter: alpha(opacity=60);
}

/* リンクhover */
.cake_3box img , .cake_10th img , .cake_line img , .cake_banners img{
	text-decoration: none;
	color: #FFF;
  	display: inline-block;
  	transition: .3s;
  	-webkit-transform: scale(1);
  	transform: scale(1);
}
.cake_3box img:hover , .cake_10th img:hover , .cake_line img:hover , .cake_banners img:hover{
  	-webkit-transform: scale(1.04);
 	transform: scale(1.04);
}
.cake_3box img , .cake_10th img , .cake_line img , .cake_banners img{
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.cake_3box img:hover , .cake_10th img:hover , .cake_line img:hover , .cake_banners img:hover{
  opacity: 0.5;
  filter: alpha(opacity=60);
}
/* リンクhover */


/* コンテンツ **********************************************************************/	
.viv_wrap{	/* 最大 */
	width: 100%;
	height: auto;
	/* background-color: #FFEEFF; */ 
}
.viv_base{	/* 最大 */
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	/* background-color: #FFCCFF; */
	text-align: center;
}
@media screen and (max-width: 1120px) {	/* 中間 */
		.viv_wrap{ 
			padding-top: 0px;
			/* background-color: #FFFFDD; */
		}
		.viv_base{
			margin-top: 0px;
			/* background-color: #FFFFCC; */
		}
}

@media screen and (max-width: 680px) {	/* 最小 */
		.viv_wrap{ 
			padding-top: 0px;
			/* background-color: #CCFFFF; */
		}
		.viv_base{ 
			margin-top: 0px;
			/* background-color: #AAFFFF; */
		}
}
.viv_form{
	margin: 0 auto;
	margin-top: 30px;
	padding: 30px 0px  0px  0px ;
	text-align: center;
	width: 90%;
	height: auto;
	border: 0px solid #c7b299;
}
@media screen and (max-width: 680px) {
	.viv_form{ padding: 20px 0px 0px 0px; width: 100%;}
}
.viv_formtitle{
	padding-bottom: 50px;
}
@media screen and (max-width: 680px) {
	.viv_formtitle{ padding-bottom: 20px;}
}

.viv_form span{
	font-size: 1.1rem;
	font-weight: 400;
	color: #000000;
}
.viv_footer{
	width: 70%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 50px;
	padding: 20px;
	text-align: center;
}
@media screen and (max-width: 680px) {
	.viv_footer{ width: 100%;}
}
.viv_footer span{
	font-size: 2rem;
}






/* submit */
.mad_bot a {
	margin: 0 auto;
	margin-top: 20px;
	
	width: 90%;
	max-width: 1200px;
	background-color: #ff9999;
	outline: 1px solid #ffffff;
	outline-offset: -5px;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: min(4vw,40px);	/* 1.5em */
	text-align: center;
	padding: 20px 0 20px 0;
	
	display: block;
	transition: .3s;
}
.mad_bot a:hover {
	transform: scale(1.03);
	opacity: 0.6;
}
/* submit */

hr.style{
	width: 90%;
	margin-top: 80px;
	border-top: 1px solid #000000;
}
hr.style2{
	width: 100%;
	border-top: 1px solid #000000;
}


/* 初期設定 **********************************************************************/	

	img.fit {
		max-width: 100%;
 	}

	.viv_pic img {
		width: 100%;
		display: block;
 	}

	@media screen and (min-width: 1121px){ .brsp { display:none;} }


	/* PCでは表示しない */
	@media screen and (min-width: 681px) {
		.pc_none{
			display:none;
		}
	}
	/* SPでは表示しない */
	@media screen and (max-width: 680px) {
		.sp_none{
			display:none;
		}
	}

	/*-- PC表示  --*/
	.pc { display: block !important; }
	.sp { display: none !important; }
	/*-- SP表示  --*/
	@media only screen and (max-width: 480px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	}

/* 初期設定 **********************************************************************/