/*------------------------------------------*/
*{
-webkit-appearance: none;
 -webkit-text-size-adjust: 100%;
}
a{
	text-decoration:none;
}


input[type="radio"],
input[type="checkbox"]{
display:none;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
texture {
 	height		:8vw;
	margin		:0.5vw;
	padding		:0 1vw;
	font-size	:4.5vw;
	border		:0.2vw solid #cccccc;
	background	:#ffffff;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
texture:focus,
select:focus {
    box-shadow: 0 0 3px #3498db inset;
    border: 0.2vw solid #0000d0;
	background:#ffffe0;
}

@font-face {
	font-family: at_contact;
	src: url(../font/RobotoCondensed-Regular.ttf) format('truetype');
}
/*
.blind{
	position	:fixed;
	top			:-10vh;
	left		:-10vw;
	height		:120vh;
	width		:120vw;
	background	:#eeeeee;
	z-index		:1000;
	display		:none;
}

.blind_msg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	height:40vh;
	line-height:40vh;
	width:30vh;	
	border:0.5vh solid #303030;
	background:#fafafa;
	text-align:center;
	color:#303030;
}
*/
.body {
	margin		: 0;
	padding		: 0;
	line-height	:1.2;
	color		:#333;
	background	:#f17766;
	font-size	:3.2vw;
	font-family	:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align	:center;
	width		:100vw;
}

.top_head{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:3.5vh;
	display:flex;
	background:#ffffff;
	z-index:22;
}

.top_a{
	flex:1;
	height:5vh;
	margin:1vw;
	border:0.2vw solid #f17766;
	background:#fff0f5;
	font-size:4vw;
	line-height:5vw;
	text-decoration:none;
}

#wait{
	display		:none;
	position	:fixed;
	top			:0;
	left		:0;
	right		:0;
	bottom		:0;
	margin		:auto;
	width		:26vw;
	height		:26vw;
	line-height	:26vw;
	background	:rgba(255,200,225,0.6);
	text-align	:center;
	border-radius:50%;
	z-index		:110;
}

#wait_in{
	position		:absolute;
	top				:0;
	left			:0;
	right			:0;
	bottom			:0;
	margin			:auto;
	border-top		:3vw solid #ffffff;
	border-left		:3vw solid #ffffff;
	border-right	:3vw solid #ffffff;
	border-bottom	:3vw solid #f17766;
	border-radius	:50%;
	animation		:r1 2s linear infinite;
	display			:inline-block;
	height			:20vw;
	width			:20vw;
}


@keyframes r1 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#wait_back{
	display		:none;
	position	:fixed;
	top			:-5vh;
	left		:-5vw;
	width		:110vw;
	height		:110vh;
	z-index		:110;
	background	:rgba(100,100,100,0.6);
}


table{
	border-collapse: collapse;
}

.h1{
	margin:0;
	position:relative;
	height:9vw;
	line-height:9vw;
	text-align:left;
	background:#f17766;
}
f
.h1_irr{
	margin-top		:9vw;
	position		:relative;
	height			:9vw;
	line-height		:9vw;
	text-align		:left;
	background		:#ffa090;
	text-shadow		:0.3vw 0.3vw 0vw #f17766;
	font-size		:5vw;
	padding-left	:2vw;
}

.irr_top{
	margin			:0;
	position		:fixed;
	top				:0;
	left			:0;
	width			:98vw;
	height			:9vw;
	line-height		:9vw;
	z-index			:22;
	padding-left	:2vw;
	background		:#f17766
}

.irr_top_in{
	display			:inline-block;
	text-decoration	:none;
	font-weight		:700;
	color			:#fafafa;
	font-size		:5vw;
	text-shadow		:1px 1px 0vw #000000;
	width			:98vw;
	height			:9vw;
	line-height		:9vw;
	text-align		:left;
}

.irr_title,.irr_title_line{
	display			:block;
	margin			:2vw auto 4vw auto; 
	width			:90vw;
	height			:8vw;
	line-height		:8vw;
	border-radius	:4vw;
	background		:#f17766;
	color			:#ffffff;
	text-align		:center;
	font-size		:4vw;
	font-weight		:700:
}

.irr_title_line{
	background		:#00C34D;

}



.h1_title{
	position	:absolute;
	top			:0;
	bottom		:0;
	left		:1vw;
	margin		:auto;
	display		:inline-block;
	height		:6vw;
	line-height	:6vw;
	font-size	:5vw;
	font-weight	:700;
	color		:#ffffff;
	text-shadow:0.3vw 0.3vw 0vw #000000;
}

.h1_main_slide{
	position		:absolute;
	top				:0;
	bottom			:0;
	right			:2vw;
	margin			:auto;

	width			:20vw;
	height			:6vw;
	line-height		:6vw;
	font-weight		:400;

	text-align		:center;
	font-size		:4vw;
	text-shadow		:none;
	border			:0.2vw solid #303030;
	background		:#ffffff;
	box-shadow		:0.2vw 0.2vw 0.2vw rgba(30,30,30,0.6);
	border-radius	:1vw;
}

.h1_sub_slide{
	display			:none;
	position		:absolute;
	top				:7.4vw;
	right			:2vw;
	width			:20vw;
	font-size		:4vw;
	font-weight		:400;
	z-index			:10;
	border			:0.2vw solid #303030;
	background		:#ffffff;
}

.h1_item{
	display			:inline-block;
	font-size		:4.2vw;
	height			:5.5vw;
	line-height		:5.5vw;
	width			:100%;
	text-align		:center;
}

.h1_select{
	text-align		:right;
	font-size		:3.5vw;
	height			:4vw;
	padding-right	:2vw;
}

.main{
	width			:99vw;
	position		:relative;
	margin			:8.5vh auto 0 auto;
	background		:#fafafa;
	min-height		:calc(100vh - 40vw);
	text-align		:center;
}
.main_irr{
	width			:99vw;
	position		:relative;
	margin			:0 auto 5vw auto;
	background		:#fafafa;
	min-height		:calc(100vh - 45vw);
	padding			:0 0 45vw 0;
}

.main_fix{
	width			:99vw;
	position		:fixed;
	margin			:8.5vh 0.5vw 3.5vh 0.5vw;
	background		:#fafafa;
	min-height		:90vh;
}

.main_making{
	width			:99vw;
	position		:relative;
	margin			:auto;
	margin-top		:8vh;
	margin-bottom	:3.5vh;
	background		:#fafafa;
	min-height		:87vh;
	padding			:0;
}

.main2{
	position:relative;
	width:99vw;
	margin:3.6vh auto 3.5vh auto;
	background:#fafafa;
	min-height:89.5vh;
}

.main3{
	position:fixed;
	top:3vh;
	left:0;
	right:0;
	margin:auto ;
	width:99vw;
	height:97vh;
	background:#fafafa;
}

.main4{
	width:99vw;
	padding-top:44vw;
	margin:0 auto 6vw auto;
	background:#e0e0e0;
	min-height:80vh;
}

.main5{
	position:fixed;
	width:99vw;
	height:99vh;
	top:1vw;
	left:0.5vw;
	background:#e0e0e0;
}

#to_top{
	display			:none;
	position		:fixed;
	bottom			:5vh;
	right			:3vw;
	width			:12vw;
	height			:12vw;
	line-height		:12vw;

	font-weight		:700;
	color			:#fafafa;
	font-size		:6vw;
	font-family		:at_icon;
	border-radius	:50%;
	box-shadow		:1px 1px 3px rgba(60,60,60,0.5);
	border			:1vw solid #fafafa;
	background		:rgba(241,119,102,0.8);
	z-index			:23;
	cursor			:pointer;
}

.foot{
	position		:relative;
	bottom			:0;
	left			:0;
	z-index			:22;
	display			:inline-block;
	background		:#f17766;
	color			:#ffffff;
	text-align		:center;
	width			:100vw;
	height			:45vw;
}

.foot2{
	position		:absolute;
	bottom			:0;
	left			:0;
	z-index			:22;
	display			:inline-block;
	background		:#f17766;
	color			:#ffffff;
	text-align		:center;
	width			:100vw;
	height			:5vw;
}

.foot_menu{
	display		:flex;
	width		:100vw;
	height		:7vw;
	margin		:0.5vw auto 6vw auto;
}

.foot_link{
	border-bottom	:2px solid #fafafa;
	color			:#fafafa;
	display			:block;
	flex			:1;
	font-size		:3.5vw;
	height			:7vw;	
	line-height		:7vw;	
	margin			:0 1vw;
	text-align		:center;
	text-decoration	:none;
}


.foot_link2{
	font-size	:3.5vw;
	height		:5vw;	
	line-height	:5vw;	
	text-align	:left;
	color		:#fafafa;
	display		:block;
	text-decoration:none;
	width		:50vw;
	margin		:0 auto;
}


.foot_a{
	background	:#f17766;
	display		:block;
	height		:5vw;
	line-height	:5vw;
	font-size	:3vw;
	text-align	:center;
	position	:absolute;
	bottom		:0;
	left		:0;
	width		:100vw;
	border-top	:1px solid #fffafa;
	color		:#fafafa;
}

.foot_a2{
	display		:block;
	height		:5vw;
	line-height	:5vw;
	font-size	:3vw;
	text-align	:center;
	position	:fixed;
	bottom		:0;
	left		:0;
	width		:100vw;
	border-top	:1px solid #fffafa;
	background	:#f17766;
	color		:#fafafa;
	z-index:102;
}


.foot_img{
	width:51vw;
	margin			:0 auto;
	
}

.sp_only{
	display			:block;
	margin			:0;
	padding			:0;
	width			:100vw;
	overflow		:hidden;
}

.hh{
	padding: 5px;
	color: #494949;
	background: #fffaf4;
	border-left: solid 10px #ffaf58;
	border-bottom: solid 1px #ff8020;
	margin:10px 0px 5px 0px;
	font-size:16px;
	font-weight:700;
}

/*■head------------------------------*/

.head_s{
	margin			:0;
	position		:fixed;
	top				:0;
	left			:0;
	width			:100vw;
	height			:8vh;
	z-index			:89;
	box-shadow		:0 0.5vw 1vw 1vw rgba(35,30,30,0.4);
}
.head{
	margin			:0;
	position		:fixed;
	top				:0;
	left			:0;
	width			:100vw;
	height			:8vh;
	display			:flex;
	z-index			:102;
	background		:#fafafa;
	box-shadow		:0 0.5vw 0.5vw rgba(35,30,30,0.8);
}

.head_c{
	display:inline-block;
	position:relative;
	flex:1;
	vertical-align:bottom;
	height:7.5vh;
	text-decoration:none;
	text-align:center;
	border-bottom:0.5vh solid #fafafa;
}

.head_l{
	display		:inline-block;
	position	:absolute;
	top			:0;
	left		:0;
	right		:0;
	bottom		:0;
	margin		:auto;
	width		:17vw;
	color		:#ff9080;
	text-decoration:none;
}


.head_icon{
	position:absolute;
	top		:0.5vh;
	left	:0;
	right	:0;
	display	:inline-block;

	margin	:auto;
	text-align:center;
	height:5vh;
	line-height:5vh;
	font-size:3vh;
}

.head_com{
	position:absolute;
	bottom	:0.5vh;
	left	:0;
	right	:0;
	display	:inline-block;
	margin	:auto;
	text-align:center;
	height	:2.5vh;
	line-height:3vh;
	font-size:1.8vh;
	font-weight:600;
}

.mypage_on{
	background:#d00000 !important;
}

.head_mymenu{
	position		:relative;
	flex-basis		:7vh;
	height			:7vh;
	line-height		:7vh;
	margin			:0.5vh 1vh 0.5vh 0.5vh;
	display			:inline-block;
	text-align		:center;
	background		:#f17766;
	color			:#ffffff;
	border-radius	:1vh;
}

.mymenu_a{
	position		:absolute;
	top				:1vh;
	left			:1vh;
	height			:1vh;
	width			:5vh;
	background		:#fafafa;
	border-radius	:0.4vh;
	transform-origin:right;
}

.mymenu_b{
	position:absolute;
	top:3vh;
	left:1vh;
	height:1vh;
	width:5vh;
	background:#fafafa;
	border-radius:0.4vh;
}

.mymenu_c{
	position:absolute;
	top:5vh;
	left:1vh;
	height:1vh;
	width:5vh;
	background:#fafafa;
	border-radius:0.4vh;
	transform-origin: right;
}

.top_b_sel{
	border-bottom:0.5vh solid #d00000 !important;
	color:#d00000 !important;
	background:linear-gradient(#fafafa,#fafafa 50%,#ffe0d0);
}
.top_l_sel{
	color:#d00000 !important;
}

.head_cnt{
	display:		inline-block;
	position		:absolute;
	top				:0.5vw;
	right			:0;
	height			:5vw;
	width			:6.5vw;
	text-align		:center;
	line-height		:5vw;
	font-size		:3vw;
	font-weight		:600;
	background		:linear-gradient(#60a0ff,#0000e0);	
	border-radius	:1.5vw;
	color			:#fafafa;
}

/*■head------------------------------*/
#my_face{
	width			:34vw;
	height			:34vw;
	border			:0;
	margin			:0;
}

.mypage{
	position		:fixed;
	top				:5vh;
	left			:-100vw;		
	height			:120vh;
	width			:40vw;
	background		:#ffebf0;
	z-index			:101;
	text-align		:center;
	box-shadow		:1vw 1vw 1vw rgba(255,180,200,0.6),
	5vw 5vw 8vw rgba(220,210,220,0.4) inset,
	-5vw -5vw 8vw rgba(220,210,220,0.4) inset;
}

.mypage_img{
	display		:inline-block;
	position	:relative;
	margin:7vw auto 0vw auto;

}
.mypage_prof{
	display			:block;
	width			:37vw;
	height			:7vw;
	line-height		:7vw;
	text-align		:left;
	font-weight		:600;
	font-size		:4vw;
	color			:#303030;
	margin			:1vw auto;
	overflow		:hidden;
	border-bottom	:1px solid #303030;
}

.mypage_sex{
	position		:absolute;
	bottom			:0;
	top				:0;
	left			:1vw;
	display			:block;
	width			:6vw;
	height			:6vw;
	line-height		:6vw;
	text-align		:center;
	font-weight		:600;
	color			:#fafafa;
	margin			:auto;
	border-radius	:1vw;
	border			:0.5vw solid #fafafa;
}


.sex1{
	background:#6060ff;
}

.sex2{
	background:#ff80a0;
}


.mypage_prof2{
	display		:inline-block;
	width		:36vw;
	text-align	:left;
	margin		:1vw auto;
}

.mypage_prof_in{
	position		:relative;
	display			:inline-block;
	width			:36vw;
	height			:5vw;
	line-height		:5vw;
	font-weight		:600;
	font-size		:3.8vw;
	color			:#303030;
	text-decoration	:none;
}

.mypage_prof_p{
	position		:absolute;
	top				:0;
	bottom			:0;
	right			:0.5vw;
}

.mypage_box{
	position		:absolute;
	left			:0.5vw;
	bottom			:40vh;
	display			:block;
	width			:38vw;
}

.mypage_box_in{
	display			:block;
	border-bottom	:1px solid #909090;
	margin			:0 auto;
	width			:36vw;
	height			:7vw;
	line-height		:8vw;
	text-align		:left;
	text-decoration	:none;
	font-size		:3.5vw;
	padding-left	:1vw;
	color			:#303030;
}

.mypage_iine_box{
	width		:36vw;
	margin		:1vw auto;
	border		:0.5vw solid #f17766;
	padding		:0.5vw 1vw;
	background	:#fafafa;
}

.mypage_iine{
	position	:relative;
	display		:block;
	border-bottom:1px solid #f17766;
	margin		:0 auto;
	padding		:0 0.5vw;
	width		:34vw;
	height		:6.5vw;
	line-height	:7vw;
	font-size	:3.5vw;
	text-align	:left;
	color		:#f17766;
	font-weight	:600;
}

.mypage_iine_p{
	display:inline-block;	
	position:absolute;
	top:0;
	bottom:0;
	right:0.5vw;
	font-size:4vw;
	font-weight:600;
}

.main_box{
	display:flex;
	width:99vw;
	flex-wrap:nowrap;
}
	
.submit_btn {
	border-radius	: 0.5vw;
	text-align		: center;
	overflow		: hidden;
	font-size		: 4vw;
	font-weight		: 700;
	height			: 8vw;
	line-height		: 8vw;
	cursor			: pointer;
	padding:0;
}

.btn {
	display			: inline-block;
	position		: relative;
	text-decoration	: none;
	border-radius	: 1vw;
	text-align		: center;
	overflow		: hidden;
	font-size		: 4vw;
	font-weight		: 700;
	height			: 8vw;
	line-height		: 7.5vw;
	border			: 1vw solid #ffffff;
	cursor			: pointer;
	padding			:0;
}


.btn:active {
	-webkit-transform:translateY(2px);
	transform		:translateY(2px);
	box-shadow		:0 0 1px rgba(0, 0, 0, 0.15);
	background-image:linear-gradient(#eeeeee 0%, #dddddd 100%);
}

.c1{
	background		:linear-gradient(#ff90a0 0%, #ffa0a0 100%);
	text-shadow		:1px 1px 1px rgba(255,255,255, 0.66);
	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.28);
	color			:#d00000;
	width			:20vw;
}

.c2{
	background		:linear-gradient(#ddddff 0%, #ccccff 100%);
	text-shadow		:1px 1px 1px rgba(255,255,255, 0.66);
	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.28);
	color			:#3030ff;
	width			:20vw;
}

.c3{
	background		:linear-gradient(#ffd090 0%, #ffc060 100%);
	text-shadow		:1px 1px 1px rgba(255,255,255, 0.66);
	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.28);
	color			:#909030;
	width			:14vw;
}

.c4{
	background		:linear-gradient(#ffd090 0%, #ffc060 100%);
	text-shadow		:1px 1px 1px rgba(255,255,255, 0.66);
	box-shadow		:2px 2px 2px rgba(0, 0, 0, 0.28);
	color			:#909030;
	width			: 20vw;
}

.next{
	display			:block;
	width			:95.5vw;
	height			:8vw;
	line-height		:8vw;
	margin			:1vw auto 2vw auto;
	background		:linear-gradient(#008000,#005000);
	color			:#ffffff;
	font-weight		:600;
	text-align		:center;
	font-size		:4vw;
}

.foot_ad_link{
	display			:block;
	width			:99vw;
	height			:16vw;
	margin			:0 auto;
	text-decoration	:none;
}

.foot_ad_img{
	width			:99vw;
	height			:16vw;
	margin			:0;
}

.pc_only{
	display			:none;
}

@media (min-width:1000px){
	.body{
		background:#eeeeee;
		height		:calc(100vh - 20px);
	}

	.sp_only, #to_top, .foot_img, .foot_menu, .foot_link2{
		display:none;
	}
	.foot{
		height:0;
	}
	.pc_only{
		position	:relative;
		display		:block;
		width		:100vw;
		margin		:0;
		padding		:0;
		text-align	:center;
		background	:#fafafa;
		overflow	:hidden;
		height		:calc(100vh - 100px);

	}

	.pc_only_back{
		position	:fixed;
		top			:0;
		right		:0;
		height		:calc(100vh - 20px);
		width		:100vw;
		padding		:0;
		overflow	:hidden;
	}

	.pc_only_back_img{
		position:absolute;
		top		:0;
		right	:0;
		height	:100vh;
		z-index:1
	}



	.pc_only_back_qr{
		z-index		:4;
		width		:16vh;
		height		:16vh;
		position	:absolute;
		left		:-17vh;
		bottom		:0;
	}

	.pc_only_back_card{
		position	:absolute;
		height		:36.4vh;
		width		:22vh;
		top			:40vh;
		border		:2px solid #ffffff;
		box-shadow	:5px 5px 4px rgba(0,0,0,0.8);
	}

	#card4{
		top			:52vh;
		left		:5vh;
		z-index		:4;
		filter		:contrast(50%);
	}


	#card3{
		top			:31vh;
		left		:21vh;
		height		:54.6vh;
		width		:33vh;
		z-index		:5;
	}

	#card2{
		top			:52vh;
		left		:49.5vh;
		z-index		:3;
		filter		:contrast(50%);
	}

	#card1{
		top			:55vh;
		left		:67.5vh;
		z-index		:2;
		filter		:contrast(30%);
	}


	#card0{
		top			:31vh;
		left		:21vh;
		height		:54.6vh;
		width		:33vh;
		z-index		:5;
	}



	.pc_qr{
		width:60%;
		margin:15px auto;

	}
	.pc_box{
		position		:absolute;
		bottom			:10vh;
		left			:100vh;
		width			:calc(100vw - 100vh);
		z-index			:10;
	
	}

	.pc_box_pg{
		position		:absolute;
		bottom			:10vh;
		left			:70vh;
		width			:calc(100vw - 70vh);
		z-index			:10;
	
	}

	.pc_box_in{
		width			:300px;
		border			:3px solid #fafafa;
		padding			:10px;
		text-align		:left;
		background		:#f17766;
		font-size		:20px;
		color			:#ffffff;
		border-radius	:10px;
		margin			:0 auto;
		position		:relative;

	}

	.foot_a,.foot_a2{
		position		:fixed;
		bottom			:0;
		left			:0;
		right			:0;
		margin			:auto;
		z-index			:200;
		display			:block;
		background		:#f17766;
		color			:#ffffff;
		text-align		:center;
		width			:100vw;
		height			:30px;
		line-height		:30px;
		font-size		:20px;;
	}

	.foot_img{
		left			:5px;
		height			:30px;
	}
}