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

@import url('https://fonts.googleapis.com/css?family=Raleway:400,800,900');

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');	


/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}



/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* ----------------------------------　モーダル入口　---------------------------------- */

.modal { position:fixed; display:none; z-index:9999; top:40%; left:50%; width:600px; height:600px; margin:-250px 0 0 -320px; padding:20px; text-align:center; }
.modal_wrap {width:600px;
height:600px;
border-radius:20px;
border:2px solid #f4c593;
background:url(../img/check.jpg) center top no-repeat;
background-size:100%;
position:relative;}
.modal a.box {width:150px;height:80px;display:block; transition:all 0.3s;}
.modal a.box img {width:100%; transition:all 0.3s; opacity:0;}
.modal a:hover.box img {width:100%; transition:all 0.3s; opacity:1;}
.b_left {position:absolute; top:480px; left:100px; background:url(../img/check_enter_01.png) left top no-repeat;background-size:100%;}
.b_right {position:absolute; top:480px; right:100px; background:url(../img/check_leave_01.png) left top no-repeat;background-size:100%;}
.modal a { cursor:pointer; }


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

html {
	font-size:62.5%;
}

body {	
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	font-size:1.0rem;
	text-align:center;
}


#PageWrapper {
	min-width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url(../img/grand_bg.jpg) left top repeat;
}

#Agecheck {
	background:url(../img/check.jpg) center top no-repeat;
	width:600px;
	height:600px;
	position:absolute;
	background-size:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border-radius:20px;
	overflow:hidden;
	border:2px solid #fff;
}

.agecheck_wrap {
	width:600px;
	height:600px;
	position:relative;
}

.agecheck_yes {
	background:url(../img/check_enter_02.png) center center no-repeat;
	width:180px;
	height:96px;
	background-size:100%;
	position:absolute;
	left:50%;
	margin-left:-220px;
	top:468px;
}

.agecheck_no {
	background:url(../img/check_leave_02.png) center center no-repeat;
	width:180px;
	height:96px;
	background-size:100%;
	position:absolute;
	left:50%;
	margin-left:40px;
	top:468px;
}

.agecheck_yes a {
	width:180px;
	height:96px;
	display:block;
	opacity:1;
	transition:all 0.3s;
}

.agecheck_yes a:hover {
	opacity:0;
}

.agecheck_yes a img {
	width:100%;
}

.agecheck_no a {
	width:180px;
	height:96px;
	display:block;
	opacity:1;
	transition:all 0.3s;
}

.agecheck_no a:hover {
	opacity:0;
}

.agecheck_no a img {
	width:100%;
}

header {
	width: 100%;
	height: 100px;
	position: relative;
}

.head_logo {
	width: 181px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 0;
}

.head_logo h1 {
	background: url(../img/head_logo2.png) left center no-repeat;
	width: 181px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.head_menu {
	width: 775px;
	height: 100px;
	background: url(../img/head_bg.png) right top no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -295px;
	top: 0;
}

.head_menu ul li {
	float: right;
	height: 100px;
	padding: 0 25px;
}

.head_menu ul li a {
	color:#81511c;
	text-decoration:none;
	height:130px;
	display:table-cell;
	vertical-align:middle;
	transition:all 0.3s;
}

.head_menu ul li a:hover {
	color:#f39800;
	text-shadow:0 0 10px rgba(255,255,255,1.00);
}

.head_menu ul li a span {
	font-size:2.1rem;
	font-family: 'Bungee', cursive;
	line-height:24px;
}

.head_menu ul li a em {
	font-weight:bold;
	font-size:1.2rem;
}

.right_link01 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:150px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.right_link02 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:190px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.right_link03 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:230px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.brand_contents {
	width:920px;
	padding:20px;
	background:url(../img/white_bg.jpg) left top repeat;
	position:relative;
	z-index:50;
	margin:0 auto;
	border-radius:15px;
	box-shadow:0 0 7px rgba(0,0,0,0.2);
}

.visual {
	width: 920px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between; 

}
.mainvisual_img {
	width: 920px;
	height: 250px;
	position: relative;
	margin-bottom: 10px;

}

.mainvisual_img img {
	border-radius: 10px;
}

.mainvisual_img1 {
	width: 920px;
	height: 200px;
	position: relative;
	margin-bottom: 10px;

}

.mainvisual_img1 img {
	border-radius: 10px;
}

.banner_link {
	position: absolute;
	top: 50px;
	left: 620px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 300px;
	height: 65px;
	
}
.banner_link p{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: 900;
	font-size: 22px;
	line-height: 22px;
	color: #FF0000;
	width: 100%;
	margin-bottom: 5px;
	text-shadow: #FFFFFF 2px 0px,  #FFFFFF -2px 0px,
                 #FFFFFF 0px -2px, #FFFFFF 0px 2px,
                 #FFFFFF 2px 2px , #FFFFFF -2px 2px,
                 #FFFFFF 2px -2px, #FFFFFF -2px -2px,
                 #FFFFFF 1px 2px,  #FFFFFF -1px 2px,
                 #FFFFFF 1px -2px, #FFFFFF -1px -2px,
                 #FFFFFF 2px 1px,  #FFFFFF -2px 1px,
                 #FFFFFF 2px -1px, #FFFFFF -2px -1px;

}
.banner_link p span{
	font-size: 14px;
	line-height: 14px;
	
}
.banner_link a{
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	display: inline-block;
	width: 140px;
	height: 35px;
	line-height: 35px;
	color: #FFF; /*文字色*/
	text-decoration: none;
	background-color: #CC0000; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 5px;
}
.banner_link a:hover{
	background-color: #FF0000; /*ボタン色*/
}

.banner_minilink_download {
	position: absolute;
	top: 125px;
	left: 10px;
	display: flex;
	flex-wrap: wrap;
	width: 280px;
	height: 65px;

}
.banner_minilink_download p {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 22px;
	color: #FF0000;
	font-weight: bold;
	width: 100%;
	text-shadow: #FFFFFF 2px 0px,  #FFFFFF -2px 0px,
                 #FFFFFF 0px -2px, #FFFFFF 0px 2px,
                 #FFFFFF 2px 2px , #FFFFFF -2px 2px,
                 #FFFFFF 2px -2px, #FFFFFF -2px -2px,
                 #FFFFFF 1px 2px,  #FFFFFF -1px 2px,
                 #FFFFFF 1px -2px, #FFFFFF -1px -2px,
                 #FFFFFF 2px 1px,  #FFFFFF -2px 1px,
                 #FFFFFF 2px -1px, #FFFFFF -2px -1px;

}
.banner_minilink_download a{
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	display: inline-block;
	width: 130px;
	height: 35px;
	line-height: 35px;
	color: #FFF; /*文字色*/
	text-decoration: none;
	background-color: #CC0000; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 5px;
}

.banner_minilink_download a:hover{
	background-color: #FF0000; /*ボタン色*/
}


.mainvisual_img2{
	margin-bottom: 10px;
	width: 607px;
	height: 200px;
	position: relative;

}

.mainvisual_img2 img{
	border-radius: 10px;
}
.banner_text {
	position: absolute;
	top: 165px;
	left: 260px;
	width: 330px;
	height: 30px;
	line-height: 30px;
	background: #FFCC33;
	padding: 0 5px;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	border: 2px solid #5e3f0c;
	text-shadow: black 2px 0px,  black -2px 0px,
                 black 0px -2px, black 0px 2px,
                 black 2px 2px , black -2px 2px,
                 black 2px -2px, black -2px -2px,
                 black 1px 2px,  black -1px 2px,
                 black 1px -2px, black -1px -2px,
                 black 2px 1px,  black -2px 1px,
                 black 2px -1px, black -2px -1px;
}

.mainvisual_img3{
	margin-bottom: 10px;
	width: 295px;
	height: 200px;
	position: relative;
}

.mainvisual_img3 img{
	border-radius: 10px;
}
.tag_red{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	width: auto;
	height: 35px;
	line-height: 35px;
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	border-radius: 8px 0 10px 0;
	
}
.tag_blue{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00a1e9;
	width: auto;
	height: 35px;
	line-height: 35px;
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	border-radius: 8px 0 10px 0;
	
}
.tag_green{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009943;
	width: auto;
	height: 35px;
	line-height: 35px;
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	border-radius: 8px 0 10px 0;
	
}
.tag_orange{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #fc9500;
	width: auto;
	height: 35px;
	line-height: 35px;
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	border-radius: 8px 0 10px 0;
	
}




.mainvisual_img4{
	background-image:url(../mainvisual/visual_mini_3_downloadshop2.jpg);
	margin-bottom: 10px;
	border-radius: 10px;
	width: 295px;
	height: 200px;
	position: relative;

}

.banner_minilink_debogame {
	position: absolute;
	top: 40px;
	left: 10px;
	display: flex;
	flex-wrap: wrap;
}
.banner_minilink_debogame p {
	font-size: 20px;
	color: #e0920a;
	font-weight: bold;
	width: 100%;
	text-shadow: black 2px 0px,  black -2px 0px,
                 black 0px -2px, black 0px 2px,
                 black 2px 2px , black -2px 2px,
                 black 2px -2px, black -2px -2px,
                 black 1px 2px,  black -1px 2px,
                 black 1px -2px, black -1px -2px,
                 black 2px 1px,  black -2px 1px,
                 black 2px -1px, black -2px -1px;
}

.banner_minilink_debogame a{
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	display: inline-block;
	width: 130px;
	line-height: 38px;
	color: #FFF; /*角丸*/
	text-decoration: none;
	background-color: #f39800; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 3px;	
}
.banner_minilink_debogame a:hover{
    background-color: #f9c500; /*ボタン色*/
}
.banner_minilink_egogame {
	position: absolute;
	top: 123px;
	left: 10px;
	display: flex;
	flex-wrap: wrap;
}

.banner_minilink_egogame p{
	font-size: 20px;
	color: #8ccdf7;
	font-weight: bold;
	width: 100%;
	text-shadow: black 2px 0px,  black -2px 0px,
                 black 0px -2px, black 0px 2px,
                 black 2px 2px , black -2px 2px,
                 black 2px -2px, black -2px -2px,
                 black 1px 2px,  black -1px 2px,
                 black 1px -2px, black -1px -2px,
                 black 2px 1px,  black -2px 1px,
                 black 2px -1px, black -2px -1px;
}
.banner_minilink_egogame a{
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	display: inline-block;
	width: 130px;
	line-height: 38px;
	color: #FFF; /*角丸*/
	text-decoration: none;
	background-color: #3366FF; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 3px;
}
.banner_minilink_egogame a:hover{
	background-color: #33CCFF; /*ボタン色*/
}



.mainvisual_img5 img{
	margin-bottom: 10px;
	border-radius: 10px;
	width: 295px;
	height: 250px;
}

.mainvisual_img6 img{
	margin-bottom: 10px;
	border-radius: 10px;
	width: 295px;
	height: 200px;
}
/*バルーン*/

/*左側バルーン*/
.balloon_orange,
.balloon_red,
.balloon_pink,
.balloon_green,
.balloon_blue{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: -40px;
	top: 15px;
	width: 80px;
	height: 80px;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	line-height:16px;
}
/*左側バルーンの色*/
.balloon_orange {
	background: #FF9900;
}
.balloon_red {
	background-color:#FF0000;
}
.balloon_pink {
	background-color: #FF99CC;
}
.balloon_green {
	background-color: #00CC33;
}
.balloon_blue {
	background-color: #00CCFF;
}
/*左側バルーンの三角*/
.balloon_orange:before,
.balloon_red:before,
.balloon_pink:before,
.balloon_green:before,
.balloon_blue:before{
    content: "";
    position: absolute;
    top: 40%;
    left: 100%;
    border: 7px solid transparent;
}
/*左側バルーンの三角の色*/
.balloon_orange:before{
	border-left: 10px solid  #FF9900;
}
.balloon_red:before{
	border-left: 10px solid  #FF0000;
}
.balloon_pink:before{
	border-left: 10px solid  #FF99CC;
}
.balloon_green:before{
	border-left: 10px solid  #00CC33;
}
.balloon_blue:before{
	border-left: 10px solid #00CCFF;
}
/*左側バルーンの大きい文字*/
.balloon_orange em,
.balloon_red em,
.balloon_pink em,
.balloon_green em,
.balloon_blue em{
	font-size: 19px;
	font-weight:600;
	line-height:22px;
	
}

/*真ん中バルーン*/
.balloon_orange_center,
.balloon_red_center,
.balloon_pink_center,
.balloon_green_center,
.balloon_blue_center{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 15px;
	left: 272px;
	width: 80px;
	height: 80px;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}
/*真ん中バルーンの色*/
.balloon_orange_center {
	background: #FF9900;
}
.balloon_red_center {
	background-color:#FF0000;
}
.balloon_pink_center {
	background-color: #FF99CC;
}
.balloon_green_center {
	background-color: #00CC33;
}
.balloon_blue_center {
	background-color: #00CCFF;
}

/*真ん中バルーンの三角形*/
.balloon_orange_center:before,
.balloon_red_center:before,
.balloon_pink_center:before,
.balloon_green_center:before,
.balloon_blue_center:before{
    content: "";
    position: absolute;
    top: 40%;
    left: 100%;
    border: 7px solid transparent;
}
/*真ん中バルーンの三角形の色*/
.balloon_orange_center:before{
	border-left: 10px solid  #FF9900;
}
.balloon_red_center:before{
	border-left: 10px solid  #FF0000;
}
.balloon_pink_center:before{
	border-left: 10px solid  #FF99CC;
}
.balloon_green_center:before{
	border-left: 10px solid  #00CC33;
}
.balloon_blue_center:before{
	border-left: 10px solid #00CCFF;
}
/*真ん中バルーンの大きい文字*/
.balloon_orange_center em,
.balloon_red_center em,
.balloon_pink_center em,
.balloon_green_center em,
.balloon_blue_center em{
	font-size: 19px;
	font-weight:600;
	line-height:22px;
}


/*右側バルーン*/
.balloon_orange_right,
.balloon_red_right,
.balloon_pink_right,
.balloon_green_right,
.balloon_blue_right{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 15px;
	left: 585px;
	width: 80px;
	height: 80px;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}
/*右側バルーンの色*/
.balloon_orange_right {
	background: #FF9900;
}
.balloon_red_right {
	background-color:#FF0000;
}
.balloon_pink_right {
	background-color: #FF99CC;
}
.balloon_green_right {
	background-color: #00CC33;
}
.balloon_blue_right {
	background-color: #00CCFF;
}

/*右側バルーンの三角形*/
.balloon_orange_right:before,
.balloon_red_right:before,
.balloon_pink_right:before,
.balloon_green_right:before,
.balloon_blue_right:before{
    content: "";
    position: absolute;
    top: 40%;
    left: 100%;
    border: 7px solid transparent;
}
/*右側バルーンの三角形の色*/
.balloon_orange_right:before{
	border-left: 10px solid  #FF9900;
}
.balloon_red_right:before{
	border-left: 10px solid  #FF0000;
}
.balloon_pink_right:before{
	border-left: 10px solid  #FF99CC;
}
.balloon_green_right:before{
	border-left: 10px solid  #00CC33;
}
.balloon_blue_right:before{
	border-left: 10px solid #00CCFF;
}
/*右側バルーンの大きい文字*/
.balloon_orange_right em,
.balloon_red_right em,
.balloon_pink_right em,
.balloon_green_right em,
.balloon_blue_right em{
	font-size: 19px;
	font-weight:600;
	line-height:22px;
}


/*.tag_newgame {
	background:url(../img/pc_new.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_browsergame {
	background:url(../img/browser_new.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_event {
	background:url(../img/event.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_eventgoods {
	background:url(../img/eventgoods.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}
.tag_eventgoods_right {
	background:url(../img/eventgoods2.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:430px;
	top:20px;
}
.tag_deboshop {
	background:url(../img/deboshop.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}
*/

.index_left {
	width:620px;
	float:left;
}

.index_left_title {
	background:url(../img/backlog_head.png) left top no-repeat;
	width:580px;
	height:50px;
	line-height:50px;
	color:#fff;
	position:relative;
	text-align:left;
}

.index_left_title p {
	text-indent:24px;
}

.index_left_title p span {
	font-family: 'Bungee', cursive;
	font-size:3.1rem;
}

.index_left_title p em {
	position:absolute;
	right:18px;
	font-size:1.5rem;
}

.logbox {
	width:580px;
	text-align:left;
	margin-top:20px;
	padding-bottom:20px;
	background:url(../img/logbox_border.png) left bottom no-repeat;
}

.day {
	width:46px;
	height:66px;
	border:2px solid #e87488;
	text-align:center;
	float:left;
	margin-right:20px;
}

.day p {
	width:46px;
	height:66px;
	display:table-cell;
	vertical-align:middle;
}

.day em {
	font-size:1.5rem;
	display:inline-block;
	line-height:11px;
	color:#e87488;
	margin:0;
	font-family: 'Bungee', cursive;
}

.day em.month {
	margin:8px 0 0;
}

.day span {
	font-size:2.4rem;
	display:inline-block;
	line-height:24px;
	color:#e87488;
	margin:0;
	font-family: 'Bungee', cursive;
	margin-top:-4px;
}

.logtxt {
	float:left;
	width:486px;
	text-align:left;
	font-size:1.45rem;
	color:#59493f;
	padding-left:24px;
}

.logtxt h3 {
	text-indent:-24px;
	color:#f39800;
	font-weight:bold;
}

.logtxt a {
	color:#05c0ff;
	text-decoration:underline;
}

.logtxt a:hover {
	text-decoration:none;
}

.link_backlog {
	width:580px;
	height:24px;
	margin-top:16px;
}

.link_backlog a {
	width:580px;
	height:24px;
	display:block;
	background-color:#f39800;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	line-height:24px;
	font-size:1.3rem;
	float:right;
	transition:all 0.3s;
}

.link_backlog a:hover {
	background-color:#FFC564;
}

.tweet {
	width:580px;
	margin-top:20px;
}

.index_right {
	float:left;
	width:300px;
}

.right_box {
	width:280px;
	padding:20px 0 20px 20px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin-bottom:20px;
}

.right_title {
	font-family: 'Bungee', cursive;
	width:280px;
	border-bottom:1px solid #cebeb8;
	text-align:left;
	font-size:2rem;
	color:#81511c;
	line-height:24px;
	margin-bottom:20px;
}

.right_image {
	width:260px;
	margin-bottom:20px;
}

.right_image ul li {
	float:left;
}

.mr20 {margin-right:20px;}

.link_title {
	width:260px;
	height:24px;
	margin-top:12px;
}

.link_title a {
	width:260px;
	height:24px;
	display:block;
	background-color:#f39800;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	line-height:24px;
	font-size:1.3rem;
	float:right;
	transition:all 0.3s;
}

.link_title a:hover {
	background-color:#FFC564;
}

#login table {
	width: 260px;
	color: #59493f;
}

#login table tr th {
	width:80px;
	font-size:1.2rem;
	height:32px;
}

#login table tr td {
	height:32px;
	font-size: 16px;
}

#login input#username, #login input#password{
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
	width:178px;
	height:24px;
}

#login input.form_login {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	border-radius:3px;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	color:#001c58;
	transition:all 0.3s;
	cursor:pointer;
}

#login input:hover.form_login {
	opacity:0.7;
}

#login a.form_new {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	line-height:30px;
	border-radius:3px;
	display:block;
	text-decoration:none;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,243,180,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,243,180,1) 100%);
	color:#7f4430;
	transition:all 0.3s;
}

#login a:hover.form_new {
	opacity:0.7;
}

.space160 {
	width:100%;
	height:160px;
}

.space80 {
	width:100%;
	height:80px;
}

footer {
	background:#6dad77;
	width:100%;
	min-width:1000px;
	height:200px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	z-index:20;
}

.banner {
	width:200px;
	height:40px;
	margin:60px auto 12px;
	background:#fff;
}

footer p {
	font-size:1.1rem;
	color:#fff;
	text-align:center;
}

footer p a {
	color:#fdd503;
	text-decoration:none;
}

footer p a:hover {
	text-decoration:underline;	
}

/* 製品情報 */

.sub_title {
	background:url(../img/backlog_head.png) left top no-repeat;
	width:580px;
	height:50px;
	line-height:50px;
	color:#fff;
	position:relative;
	text-align:left;
	margin:12px auto 36px;
}

.sub_title p {
	text-indent:24px;
}

.sub_title p span {
	font-family: 'Bungee', cursive;
	font-size:3.1rem;
}

.sub_title p em {
	position:absolute;
	right:18px;
	font-size:1.5rem;
}

.product_box {
	width:680px;
	height:auto;
	margin:0 auto 24px;
	border:5px solid #fff;
	box-shadow:0 0 4px rgba(0,0,0,0.15);
	display: flex;
	flex-wrap: wrap;
}
.product_box ul {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 5px;
}
.product_box ul p {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	line-height: 35px;
	text-shadow: #FFFFFF 2px 0px,  #FFFFFF -2px 0px,
                 #FFFFFF 0px -2px, #FFFFFF 0px 2px,
                 #FFFFFF 2px 2px , #FFFFFF -2px 2px,
                 #FFFFFF 2px -2px, #FFFFFF -2px -2px,
                 #FFFFFF 1px 2px,  #FFFFFF -1px 2px,
                 #FFFFFF 1px -2px, #FFFFFF -1px -2px,
                 #FFFFFF 2px 1px,  #FFFFFF -2px 1px,
                 #FFFFFF 2px -1px, #FFFFFF -2px -1px;
	margin-right: 10px;
}
.product_box ul a{
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	display: inline-block;
	width: 160px;
	height: 35px;
	line-height: 35px;
	color: #FFF; /*文字色*/
	text-decoration: none;
	background-color: #CC0000; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 5px;
}
.product_boxk a:hover{
	background-color: #FF0000; /*ボタン色*/
}

/* リクルート */

p.subhead {
	width:840px;
	height:32px;
	line-height:32px;
	color:#fff;
	border-radius:18px;
	text-indent:32px;
	font-size:1.5rem;
	font-weight:bold;
	text-align:left;
	display:block;
	background:rgba(85,85,85,1.00);
	border:2px solid #fff;
	margin:0 auto 24px;
	box-shadow:0 0 7px rgba(0,0,0,0.2);
}

.table_recruit table {
	width:800px;
	margin:0 auto 48px;
}

.table_recruit table tr th {
	width:120px;
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

.table_recruit table tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}






.table_recruit2 table {
	width:800px;
	margin:0 auto 48px;
}

.table_recruit2 table tr th {
	width:120px;
	text-align:left;
	padding:6px 20px 6px 20px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

.table_recruit2 table tr td {
	text-align:left;
	padding:6px 60px 6px 60px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}







.support_menu {
	font-size:1.5rem;
	margin-bottom:36px;
	margin-top:24px;
}

.support_menu a {
	font-weight:bold;
	color:#05c0ff;
	text-decoration:none;
}

.support_menu a:hover {
	text-decoration:underline;
}

table.support_table01 {
	width:800px;
	margin:0 auto 48px;
}

table.support_table01 tr th {
	width:300px;
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

table.support_table01 tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}

table.support_table01 a {
	color:#05c0ff;
	text-decoration:underline;
}

table.support_table01 a:hover {
	text-decoration:none;
}

table.support_table02 {
	width:800px;
	margin:0 auto 48px;
}

table.support_table02 tr th {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

table.support_table02 tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}


table.support_table02 a {
	color:#05c0ff;
	text-decoration:underline;
}

table.support_table02 a:hover {
	text-decoration:none;
}

.support_txt01 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:800px;
	margin:0 auto 24px;
}


.support_txt01 a {
	color:#05c0ff;
	text-decoration:underline;
}

.support_txt01 a:hover {
	text-decoration:none;
}

.mail_attention {
	border:1px solid rgba(255,0,4,1.00);
	background:#fff;
	width:650px;
	padding:25px;
	margin:0 auto 24px;
	font-size:1.4rem;
	color:rgba(255,0,4,1.00);
	text-align:left;
}

#contactForm {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:700px;
	margin:0 auto;
	line-height:24px;
}

#contactForm a {
	color:#05c0ff;
	text-decoration:underline;
}

#contactForm a:hover {
	text-decoration:none;
}

#contactForm table {
	width:700px;
	margin:0 auto;
}

#contactForm table.select td {
	width:350px;
	height:50px;
}

#contactForm table.select td p {
	width:350px;
}

#contactForm table td {
	padding:4px 12px;
}

#contactForm input {
	height:24px;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm select {
	height:24px;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm textarea {
	width:700px;
	height:250px;
	margin:24px auto 0;
	display:block;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm input.next {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	border-radius:3px;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	color:#001c58;
	transition:all 0.3s;
	cursor:pointer;
	margin:0 auto 60px;
	display:block;
}

#contactForm hr {
	background-color: #f0f0f0;
	width: 700px;
	float: center;
	border-top: 1px dashed #8c8b8b;
}

#contactForm input:hover.next {
	opacity:0.7;
}

.faq_area {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:750px;
	margin:0 auto;
	line-height:24px;
}

.faq_area b {
	font-weight:bold;
	border-bottom:1px solid #cebeb8;
	display:block;
	margin-bottom:8px;
}

.faq_area a {
	color:#05c0ff;
	text-decoration:underline;
}

.faq_area a:hover {
	text-decoration:none;
}

.faq_area ul li ul li {
	margin-left:32px;
}

.faq_topics {
	font-size:1.7rem;
	font-weight:bold;
	color:#ffffff;
	display:inline-block;
	padding:0 24px;
	height:32px;
	line-height:32px;
	background:rgba(100,0,1,1.00);
	border-radius:16px;
	margin:8px 0 0 8px -32px;
}

.faq_area hr {
	background-color: #f0f0f0;
	width: 700px;
	float: center;
	border-top: 1px dashed #8c8b8b;
	margin:32px 0;
}

#addition02 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:780px;
	margin:0 auto;
	line-height:24px;
}
#addition02 dl {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#addition02 dt {
	font-weight: bold;
	font-size: 13px;
}
#addition02 dd {
	padding-left: 10px;
	padding-top: 10px;
}
#addition02 ul {
	list-style: disc outside;
}
#addition02 ul.user_privilege {
	width: 780px;
	list-style: none outside;
}
#addition02 a {
	color: #00CCFF;
	padding-bottom: 10px;
}
#addition02 a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#addition02 .gift table {
	border-collapse: separate;
	border-spacing: 20px 20px;
	margin:0 auto;
}

#addition02 .gift table td {
	font-size: 12px;
	width: 100px;
	text-align: center;
	border: 1px solid #999999;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	padding: 8px;
	background:#fff;
}

#addition02 hr {
	background-color: #f0f0f0;
	width: 780px;
	float: center;
	border-top: 1px dashed #8c8b8b;
	margin:32px 0;
}

.parting {
	width:100%;
	height:10px;
	background:rgba(195,195,195,1.00);
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	margin:60px auto;
}

.sitepolicy_txt01 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:786px;
	margin:0 auto 24px;
	padding-left:14px;
	text-indent:-14px;
}

.sitepolicy_txt01 a {
	color:#05c0ff;
	text-decoration:underline;
}

.sitepolicy_txt01 a:hover {
	text-decoration:none;
}
.evpage img {
	width:100%;
	margin-bottom:24px;
}

.plain_txt {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	margin-bottom:24px;
}

.evpage strong {
	font-weight: bold;
}

.evpage span.green {
	color:green;
}

.evpage span.red {
	color:red;
}

.evpage a {
	color:deepskyblue;
	text-decoration: none;
}

.evpage a:hover {
	text-decoration: underline;
}

.evpage table {
	width:100%;
	margin-bottom:24px;
}

.evpage table tr {
	border:1px solid #636363;
	font-size:1.4rem;
	color:#59493f;
}

.evpage table th {
	border:1px solid #636363;
	padding:6px;
	text-align: left;
	background-color:darkseagreen;
	color:#fff;
	font-weight: bold;
}

.evpage table td {
	border:1px solid #636363;
	padding:6px;
	text-align: left;
}


/* バナーテキスト */


.banner_minilink {
	position: absolute;
	top: 100px;
	left: 260px;
	display: flex;
/*	flex-direction: column;
*/}

.banner_minilink a{
	width:150px;
	padding: 3px 3px;
	margin: 2px 5px;
	font-size: 20px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	color: #FFFFFF;
	height: 35px;
	background-color: #0099FF;
	text-decoration: none;
	border-radius: 5px;
	line-height:35px;
	
}
.banner_minilink a:hover{
	background-color:#00FFFF;
}

.banner_minilink_yoko {
	position: absolute;
	top: 160px;
	left: 10px;
	display: inline-flex;
	just-content: center;
	flex-direction: row;
/*	flex-direction: column;
*/}

.banner_minilink_yoko a{
	width:130px;
	padding: 3px 3px;
	margin: 2px 2px;
	font-size: 15px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	color: #FFFFFF;
	height: 25px;
	background-color: #0099FF;
	text-decoration: none;
	border-radius: 5px;
	line-height:25px;
	
}
.banner_minilink_yoko a:hover{
	background-color:#00FFFF;
}






.btn-animation-02 {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #9ec34b;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
}



.view_timer {
	display: none;
}