@charset "utf-8";

/* 検索フォーム */
.fieldset{ border:1px solid #dcdcdc; color:#0066FF; margin-bottom:10px;}
.fieldset form{ margin:0px; padding:0px; width:100%;}
.fieldset-select{ margin-bottom:20px; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-repeat:no-repeat; background-position:95% center; background-image:url(../img/form-css-arrow.png); background-color:transparent; border:1px solid rgba(0, 0, 0, 0.16); border-radius:0; color:inherit; cursor:pointer; font-family:inherit; background-size:8px auto; }
.fieldset-select::-ms-expand{ display:none; }
.fieldset-select:focus{ border:1px solid rgba(0, 0, 0, 0.32); box-shadow:none; outline:none; }
.fieldset input[type="text"]{ -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color:transparent; background-image:none; border:1px solid rgba(0, 0, 0, 0.16); border-radius:0; color:inherit; font-family:inherit; font-size:1em; padding:0.4em 0.8em; width:100%; }
.fieldset input[type="text"]:focus{ border:1px solid rgba(0, 0, 0, 0.32); box-shadow:none; outline:none; }
.submit{ text-align:center; }
/* ラジオボタン装飾 */
.button-radio{ display:flex; width:100%; }
.button-radio input[type="radio"]{ display:none; }
.button-radio label{ display:inline-block; color:#000000; text-align:center; font-size:100%; line-height:40px; width:100%; margin-bottom:5px; background-color:#E5E5E5; border-width:1px; border-style:solid; margin-left:0.5px; margin-right:0.5px; }
.button-radio input[type="radio"]:checked + label{ color:#fff; background-color:#FF7600; }
.button-radio label:hover{ cursor:pointer; background-color:#FFE1C7; /* マウスオーバー時の背景色を指定する */ }
/* フレックス設定 */
.flex{ display:flex; flex-direction:row; flex-wrap:wrap; padding:0; width:100%; margin-bottom:5px; justify-content:center; }
.flex-auto{ flex:auto; }
#timelist select{ padding:12px !important; width:100%; font-size:120%; font-family:"游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo UI", sans-serif; background-color:#6EFF51; color:#0000FF; }
.timelist_select{ padding:12px !important; }
.choice_area{ margin-top:5px; }
.choice_area label{ font-size:110%; font-weight:bold; }
.choice_genre{ margin-top:5px; }
.choice_genre label{ font-size:110%; font-weight:bold; }
.choice_age{ margin-top:5px; }
.choice_age label{ font-size:110%; font-weight:bold; }
/* SVG */
.svg_img{ width:16px; padding-bottom:6px; padding-right:5px; }
/* コンテナ */
.container{ display:flex; }
.pref_choice{ position:relative; padding:0.6em; background:-webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); background:repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); border-radius:7px; margin-bottom:1em; color:#FF0000; }
.pref_choice:after{ position:absolute; content:''; top:100%; left:30px; border:15px solid transparent; border-top:15px solid #ffebbe; width:0; height:0; }
.area_choice{ position:relative; padding:0.6em; background:-webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); background:repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); border-radius:7px; margin-bottom:1em; color:#FF0000; }
.area_choice:after{ position:absolute; content:''; top:100%; left:30px; border:15px solid transparent; border-top:15px solid #ffebbe; width:0; height:0; }
.type_choice{ position:relative; padding:0.6em; background:-webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); background:repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px); border-radius:7px; margin-bottom:1em; color:#FF0000; }
.type_choice:after{ position:absolute; content:''; top:100%; left:30px; border:15px solid transparent; border-top:15px solid #ffebbe; width:0; height:0; }
/* 部品 */
.tr_bg_gray{ background-color:#666666 !important; }
.tr_bg_red{ background-color:#FF0000 !important; }
.tr_bg_blue{ background-color:#395CFF !important; }
.tr_bg_pink{ background-color:#FFCCFF !important; }
.tr_bg_silver{ background-color:#CCCCCC !important; }
.m-0{ margin:0px; }
.mb-5{ margin-bottom:5px; }
.mt-2{ margin-top:2px; }
.p-0{ padding:0px; }
.w-2{ width:2%; }
.w-4{ width:4%; }
.w-6{ width:6%; }
.w-8{ width:8%; }
.w-10{ width:10%; }
.w-11{ width:11%; }
.w-12{ width:12%; }
.w-14{ width:14%; }
.w-16{ width:16%; }
.w-18{ width:18%; }
.w-19{ width:19%; }
.w-20{ width:20%; }
.w-22{ width:22%; }
.w-24{ width:24%; }
.w-25{ width:25%; }
.w-26{ width:26%; }
.w-28{ width:28%; }
.w-30{ width:30%; }
.w-32{ width:32%; }
.w-38{ width:38%; }
.w-40{ width:40%; }
.w-44{ width:44%; }
.w-52{ width:52%; }
.w-92{ width:93.5%; }
.t-size{ font-size:90% !important; }
.t-size-100{ font-size:100% !important; }
.t-size-110{ font-size:110% !important; }
.t-size-120{ font-size:120% !important; }
.t-size-130{ font-size:130% !important; }
.t-size-140{ font-size:140% !important; }
.t-size-150{ font-size:150% !important; }
.t-size-200{ font-size:200% !important; }
.t-color-red{ color:#FF0000 !important; }
.t-color-white{ color:#FFFFFF !important; }
.t-color-yellow{ color:#FFFF00 !important; }
.t-center{ text-align:center !important; }
.t-right{ text-align:right !important; }
.wrap-n{ white-space:nowrap; }
input[type="text"]{ margin-top:10px; width:100%; }
.button01{ display:inline-block; padding:0.3em 1em; color:#67c5ff; border:solid 2px #67c5ff; border-radius:3px; transition:.4s; }
.button01:hover{ background:#67c5ff; color:white; text-decoration:none; }
.button02{ display:block; width:200px; line-height:24px; color:#FFF; text-decoration:none; text-align:center; background-color:#395CFF; /*ボタン色*/
 border-radius:5px; /*角丸*/
 -webkit-transition:all 0.5s; transition:all 0.5s; height:27px; margin-left:auto; margin-right:auto; }
.button02:hover{ background-color:#f9c500; /*ボタン色*/ }
.button03{ display:block; width:90%; height:27px; line-height:24px; color:#FFF; text-decoration:none; text-align:center; background-color:#FF0000; /*ボタン色*/
 border-radius:5px; /*角丸*/
 -webkit-transition:all 0.5s; transition:all 0.5s; margin-left:auto; margin-right:auto; }
.button03:hover{ background-color:#FF6464; /*ボタン色*/ }
/* フッター */
footer{ margin-top:20px; }
.icon_mobile{ flex:auto; width:30%; margin-left:5%; text-align:center; }
.icon_pc{ flex:auto; width:30%; text-align:center; }
.icon_contacts{ flex:auto; width:30%; margin-right:5%; text-align:center; }
.info_18kin{ display:inline-block; vertical-align:middle; padding-left:5px; font-size:14px; font-weight:normal; }
.info_18kin_img{ display:inline-block; vertical-align:middle; }
.copyright{ margin-top:20px; line-height:24px; }
/* Tweak navbar brand link to be super sleek-------------------------------------------------- */
.navbar-fixed-top .brand{ padding-right:0; padding-left:0; margin-left:0; font-weight:bold; color:#000; text-shadow:0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125); -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear; }
.navbar-fixed-top .brand:hover{ text-decoration:none; }
.back_home {
	 display: block;
	 text-align: center;
	 margin: 10px auto 17px;
	 width: 200px;
	 height: 45px;
	 line-height: 45px;
	 color: #fff;
	 border: 1px #819bfb solid;
	 -webkit-border-radius: 3px;
	 background: -webkit-gradient(linear, left top, left bottom, from(#73a6ff), to(#4e70ff));
}

.back_home a{
		text-decoration: none;
		display: inline-block;
		width: 100%;
		height: 100%;
		font-size: 120%;
		text-align: center;
		color: #fff !important;
}

.back_home a:hover{
		color:#fff !important;
		background:#819bfb;
}