@charset "utf-8";
/* CSS Document */
.search_form4{
	width:98%;
	margin:.5em auto 1em auto;
	background-color: #f6f6f6;
	overflow: hidden;
	font-size:4vw;
	border-radius:.3em;
}
.search_title{
	position: relative;
}
.search_form h2,
.search_form4 h2{
	margin: 0;
	text-align:left;
	font-size:4vw;
}
.search_form4 h2 img{
	width:100%;
}
#search_kensaku div{
	position: absolute;
	padding: .25em 0;
	width: 6em;
	top: .5em;
	right: 1em;
	text-align: center;
	background-color: #fff;
	border-radius:1.2em;
	font-size: 3.2vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.select_box,
.select_box2{
	position: relative;
	margin-bottom:.5em;
	/*box-shadow: 0 0px 3px rgba(0,0,0,0.2);*/
	border-radius:.3em;
}
.select_box p,
.select_box2 p{
	position: absolute;
	margin: 0;
	top: .7em;
	left: .8em;
	bottom: 0;
	color: #313131;
	font-size: 3.2vw;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.select_box select{
	width: 100%;
	padding: 10px 0 10px 35%;
	height: 42px;
	border: solid 1px #d6d6d6;
	background-image: url(../img/sp_searchbox3.png);
	background-repeat: no-repeat;
	background-position: right 2% top 50%;
	background-size:13px 13px;
	background-color: #fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	color: #848484;
	font-size: 3.2vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.select_box2 select{
	width: 100%;
	height: 3em;
	padding: .8em 0 .8em 45%;
	border: solid 1px #d6d6d6;
	background-image: url(../img/sp_searchbox3.png);
	background-repeat: no-repeat;
	background-position: right 2% top 50%;
	background-size:2.5em auto;
	background-color: #fff;
	border-radius:.3em;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	box-shadow: 1px 2px 4px #cbcbcb;
	color: #848484;
	font-size: 3.5vw;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.select_box select.selected{
	background-image: url(../img/sp_searchbox2.png);
	background-repeat: no-repeat;
	background-position: right 2% top 50%;
	background-size:13px 13px;
}
.select_box2 select.selected{
	background-image: url(../img/sp_searchbox2.png);
	background-repeat: no-repeat;
	background-position: right 2% top 50%;
	background-size:2.5em auto;
}
.select_blink{
	overflow: hidden;
    border: 4px solid #ff7600;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-animation-name: blink;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
	position: absolute;
	pointer-events:none;
    width: 100%;
	height: 3em;
	font-size: 3.5vw;
    top: 0px;
    left: 0px;
}
@-webkit-keyframes blink {
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 	}
}
.count{
	color: #ec0000;
}
.color1{
	color: #ec0000;
}
.search_choice{
	margin: 7.5px;
	border-top: solid 1px #a6a6a6;
	background-color: #fff;
}
.search_form4 .search_choice{
	margin:auto;
	border:none;
	background-color: #f6f6f6;
	border-top:none;
	padding:2%;
}
.search_choice p{
	margin: 0;
	color: #333;
	font-size: 3.5vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.search_choice ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.search_choice ul li{
	width: 50%;
	box-sizing: border-box;
	float: left;
	color: #323131;
	list-style: none;
	font-size: 3.2vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align:left;
}
.search_choice ul li.fe:nth-child(1){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe:nth-child(2){
	border-right: solid 1px #a6a6a6;
}
.search_choice ul li.fe:nth-child(3){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe:nth-child(4){
	border-right: solid 1px #a6a6a6;
}
.search_choice ul li.fe:nth-child(6){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe:nth-child(7){
	border-right: solid 1px #a6a6a6;
}
ul.brand{
	margin: 5px;
	padding: 0;
	overflow: hidden;
}
ul.brand li{
	width: 33.3%;
	box-sizing: border-box;
	border-top: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
	float: left;
	color: #323131;
	list-style: none;
	font-size: 11px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
ul.brand li:nth-child(3){
	border-right: solid 1px #a6a6a6;
}
ul.brand li:nth-child(6){
	border-right: solid 1px #a6a6a6;
}
ul.brand li:nth-child(7){
	border-bottom: solid 1px #a6a6a6;
}
 ul.brand li:nth-child(8){
	border-bottom: solid 1px #a6a6a6;
}
ul.brand li:nth-child(9){
	border-bottom: solid 1px #a6a6a6;
	border-right: solid 1px #a6a6a6;
}
input[type=checkbox]{
	display: none;
}
input[type=radio]{
	display: none;
}
.speed{
	border-right: solid 1px #a6a6a6;
	border-bottom: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
	background-color:#fff9bc;
	clear: both;
	display: none;
}
.speed p{
	margin: 0 0 0 5px;
	color: #323131;
	font-size: 12px;
}
.search_frame{
	padding: 10px 0 0 0;
	border-right: solid 1px #a6a6a6;
	border-bottom: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
	background-color: #fff;
}
.search_frame2{
	margin-top:.5em;
	background-color: #fff;
}
.search_frame2 p{
	padding: .3em 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	text-align: center;
	border-radius:.3em .3em 0 0;
	font-size: 3.6vw;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.search_frame2 p.green{
	background-color: #23a700;
}
.search_frame2 p.blue{
	background-color: #007dbd;
}
.search_frame2 p.red{
	background-color: #d21717;
}
.search_frame2 ul.brand{
	margin: 0px;
	padding: 0;
	overflow: hidden;
}
.search_frame2 ul.brand li{
	width: 33.3%;
	box-sizing: border-box;
	border-top: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
	float: left;
	color: #323131;
	list-style: none;
	font-size: 3.2vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.search_frame2 ul.brand li:nth-child(3),
.search_frame2 ul.brand li:nth-child(6),
.search_frame2 ul.brand li:nth-child(9){
	border-right: solid 1px #a6a6a6;
}
.search_frame2 ul.brand li:nth-child(7),
.search_frame2 ul.brand li:nth-child(8),
.search_frame2 ul.brand li:nth-child(9){
	border-bottom: solid 1px #a6a6a6;
}
.addition{
	background: #FFF; /* Old browsers */
	border-radius:0.4em;
	font-size:3.5vw;
	width:100%;
	box-sizing:border-box;
	margin:2.5% auto 1% auto;
	border:.05em solid #2B59BF;
	text-align:left;
	line-height:1;
	box-shadow:0 0 0 .2em #D7DFEB;
}
.addition p{
	padding:2.5% 0 2.5% 38%;
	color:#2B59BF;
	font-weight:bold;
	background-image:url(../img/icon_plus.png);
	background-size:auto 50%;
	background-position:33% center;
	background-repeat:no-repeat;
}
.addition.on p{
	background-image:url(../img/icon_minus.png);
	background-size:auto 50%;
	background-position:33% center;
	background-repeat:no-repeat;
}

.search_choice ul li.fe2:nth-child(1){
	border-top: solid 1px #a6a6a6;
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe2:nth-child(2){
	border-top: solid 1px #a6a6a6;
	border-right: solid 1px #a6a6a6;
}
.search_choice ul li.fe2:nth-child(3){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe2:nth-child(4){
	border-right: solid 1px #a6a6a6;
}
.search_choice ul li.fe2:nth-child(5){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_choice ul li.fe2:nth-child(6){
	border-right: solid 1px #a6a6a6;
}
.search_form4 .search_choice ul li.fe2:nth-child(7){
	border-right: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_form4 .search_choice ul li.fe2:nth-child(8){
	border-right: solid 1px #a6a6a6;
}
.addition_detail{
	display: none;
}
.more{
	padding: 15px 0 0 0;
	background-color: #fffdf3;
}
.search_form4 .more{
	padding-top: 5px;
	background-color: transparent;
}
.text1{
	font-size: 10px;
}
ul.brand li label{
	padding:.9em 0 .9em 2em;
	background-color:#FFF;
	background-image:url(../img/sp_searchbox5.png);
	background-repeat:no-repeat;
	background-position:4% 50%;
	background-size:auto 30%;
	display:block;
}
ul.brand li input[type=checkbox]:checked + label{
	background-color:#eefbff;
	background-image:url(../img/sp_searchbox4.png);
}
ul.borrowed{
	padding:3%;
}
ul.borrowed li{
	width:32%;
	float:left;
	margin-right:2%;
	border-radius:.3em;
	font-size:3.5vw;
}
	
ul.borrowed li label{
	font-size:3.5vw;
	width:100%;
	box-sizing:border-box;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f4f4f4 51%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f4f4f4 51%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f4f4f4 51%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	padding:1em 0;
	text-align:center;
	border:1px solid #FFF;
	box-shadow:0 0 0 1px #BBB, 0 3px 1px -1px #DEDEDE;
	border-radius:.3em;
	display:block;
}
ul.borrowed li input[type=radio]:checked + label{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe400+0,ffe400+50,ffcc00+51,ffcc00+100 */
	background: #ffe400; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe400 0%, #ffe400 50%, #ffcc00 51%, #ffcc00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffe400 0%,#ffe400 50%,#ffcc00 51%,#ffcc00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffe400 0%,#ffe400 50%,#ffcc00 51%,#ffcc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#ffcc00',GradientType=0 ); /* IE6-9 */
	border:1px solid #FFF;
	box-shadow:0 0 0 1px #ffa200, 0 3px 1px -1px #ffcc00;
	border-radius:.3em;
	display:block;
}

.submit_button{
	padding: 5px 5px 8px 5px;
	border-right: solid 1px #a6a6a6;
	border-bottom: solid 1px #a6a6a6;
	border-left: solid 1px #a6a6a6;
}
.search_form4 .submit_button{
	border:none;
	padding: 5px 10px 8px 10px;
}
.search_form4 .btn-area{
	background-color:#FFF;
	border-radius:.5em;
	margin:3% auto;
	font-size:3.6vw;
	text-align:center;
	padding:.5em 0;

}
.search_form4 .btn-search{
	font-size:5vw;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 .08em 0  #913700;
	background: rgb(255,132,0);
	background: -moz-linear-gradient(top,  rgba(255,132,0,1) 0%, rgba(255,84,0,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,132,0,1) 0%,rgba(255,84,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,132,0,1) 0%,rgba(255,84,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8400', endColorstr='#ff5400',GradientType=0 );
	padding:.7em 0 .5em 0;
	margin:1.5% 8%;
	text-align:center;
	border-bottom:.15em solid  #CD4400;
	line-height:1;

}
.submit_button2{
	margin: 10px 5px 0px 5px;
	padding: 10px 10px 13px 10px;
	background-color: #fff;
}
.submit_button2 p{
	text-align: center;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
input[type=submit]{
	width: 100%;
    height: 50px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    border: solid 1px #ff5500;
	background: url(../img/searchbutton_icon.png),-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff5400), color-stop(0.00, #ff7400));
    background: url(../img/searchbutton_icon.png),-webkit-linear-gradient(top, #ff7400 0%, #ff5400 100%);
    background: url(../img/searchbutton_icon.png),-moz-linear-gradient(top, #ff7400 0%, #ff5400 100%);
    background: url(../img/searchbutton_icon.png),-o-linear-gradient(top, #ff7400 0%, #ff5400 100%);
    background: url(../img/searchbutton_icon.png),-ms-linear-gradient(top, #ff7400 0%, #ff5400 100%);
    background: url(../img/searchbutton_icon.png),linear-gradient(top bottom, #ff7400 0%, #ff5400 100%);
	background-repeat: no-repeat;
    background-position: right 5% top 50%;
    background-size: 28px 28px,auto;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 3px 0px #d94d00, 0 0 0 1px #ff702a inset;
    font-size: 20px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2.often{
	margin: 20px 0 0 0;
	padding: 5px 0 3px 0;
	border-top: solid 1px #244386;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #244386), color-stop(0.00, #2c539e));
    background: -webkit-linear-gradient(top, #2c539e 0%, #244386 100%);
    background: -moz-linear-gradient(top, #2c539e 0%, #244386 100%);
    background: -o-linear-gradient(top, #2c539e 0%, #244386 100%);
    background: -ms-linear-gradient(top, #2c539e 0%, #244386 100%);
    background: linear-gradient(top bottom, #2c539e 0%, #244386 100%);
	text-align: center;
	text-shadow: 0 2px 0 rgba(0,0,0,0.3);
	box-shadow: 0 2px 0 #96a9cf inset;
	line-height: 1.6;
	color: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
h2.often2{
	margin: 20px 0 0 0;
	padding: 8px 0 10px 0;
	border-top: solid 1px #244386;
	background-image: url("../../../img/beta/sp/index_06.png");
	background-position: center top;
	background-size: 50px 47px;
	text-align: center;
	text-shadow: 0 2px 0 rgba(0,0,0,0.3);
	line-height: 1.6;
	color: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.brand_box{
	margin: 10px 5px 0px 5px;
	padding: 5px;
	border: solid 1px #cbcbcb;
	background-color: #fff;
	-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.animate{
	margin:0 auto 0 auto;
	-webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -ms-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: animate;
    -moz-animation-name: animate;
    -o-animation-name: animate;
    animation-name: animate;
}
@-moz-keyframes animate{
	0% { -moz-transform: skewX(5deg); }
	10% { -moz-transform: skewX(-4.44deg); }
	20% { -moz-transform: skewX(3.88deg); }
	30% { -moz-transform: skewX(-3.32deg); }
	40% { -moz-transform: skewX(2.76deg); }
	50% { -moz-transform: skewX(-2.2deg); }
	60% { -moz-transform: skewX(1.64deg); }
	70% { -moz-transform: skewX(-1.08deg); }
	80% { -moz-transform: skewX(0.52deg); }
	90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes animate{
	0% { -o-transform: skewX(5deg); }
	10% { -o-transform: skewX(-4.44deg); }
	20% { -o-transform: skewX(3.88deg); }
	30% { -o-transform: skewX(-3.32deg); }
	40% { -o-transform: skewX(2.76deg); }
	50% { -o-transform: skewX(-2.2deg); }
	60% { -o-transform: skewX(1.64deg); }
	70% { -o-transform: skewX(-1.08deg); }
	80% { -o-transform: skewX(0.52deg); }
	90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}
@-webkit-keyframes animate{
	0% { -webkit-transform: skewX(5deg); }
	10% { -webkit-transform: skewX(-4.44deg); }
	20% { -webkit-transform: skewX(3.88deg); }
	30% { -webkit-transform: skewX(-3.32deg); }
	40% { -webkit-transform: skewX(2.76deg); }
	50% { -webkit-transform: skewX(-2.2deg); }
	60% { -webkit-transform: skewX(1.64deg); }
	70% { -webkit-transform: skewX(-1.08deg); }
	80% { -webkit-transform: skewX(0.52deg); }
	90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}
@keyframes animate{
	0% { transform: skewX(5deg); }
	10% { transform: skewX(-4.44deg); }
	20% { transform: skewX(3.88deg); }
	30% { transform: skewX(-3.32deg); }
	40% { transform: skewX(2.76deg); }
	50% { transform: skewX(-2.2deg); }
	60% { transform: skewX(1.64deg); }
	70% { transform: skewX(-1.08deg); }
	80% { transform: skewX(0.52deg); }
	90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}