@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;list-style:none;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body {font-size:14px;color:#333;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;background:#fff;}
.inner {position:relative;width:100%;margin:0 auto;}
header {box-sizing:border-box;position:relative;width:100%;height:auto;background-color:#239dff;display:inline-block;}
#contents{overflow:hidden;width:100%;margin:20px auto;background:#fff;}
#main {box-sizing:border-box;overflow:hidden;width:98%;margin:0 1%;}
#sub {width:100%;padding:1% 0;}
footer {box-sizing:border-box;width:100%;margin:3% auto 0 auto;background-color:#66aeff;padding-bottom:10%;}
a {color:#53b3ff;text-decoration:none;}
a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
h2 {margin-bottom:0.5em;padding:10px 0;}
h2 img {width:100%;height:auto;}
h3 {margin-bottom:0.25em;padding:40px 0 10px 0;color:#fff;}
h3 img {width:100%;height:auto;}
h4 {margin-bottom:0.25em;font-size:1.2em;font-weight:bold;}
h4 img {width:100%;height:auto;}
h6 {margin-bottom:0.25em;color:#382400;font-size:14px;font-weight:bold;}
p {margin:0 0 1em 0;}
img {vertical-align:bottom;}
em {font-weight:bold;}
strong {font-weight:bold;color:#ff0000;}
pre {margin:1em 0;padding:1em;}
blockquote {margin-bottom:1em;padding:1em;border:1px dotted #ddd;border-left:5px solid #ddd;}
ul,ol {}
ul li {list-style:disc;}
ol li {list-style:decimal;}
li {list-style:none;}
.center{clear:both;text-align:center;}
.center img{width:100%;height:auto;}
header h1 {float:left;width:64%;}
header h1 img,header p img{width:100%;height:auto;}
header p {float:left;width:17%;height:auto;padding:0.8em 0 0 0;}
.summary {position:absolute;top:0;right:10px;margin:0;}
#top_search{margin:-4% 0 1% 0;padding:5% 8%;background-color:#a4ceff;}
#top_search li{width:32%;list-style:none;display:inline-block;}
#top_search li img{width:100%;height:auto;}
#topicpath {font-size:12px;margin-bottom:20px;padding:2px;}
#topicpath a {text-decoration:underline;}
.submenu li {margin:0;padding:0;list-style:none;}
.submenu li a:before {content:"\0025a0";color:#000;}
.submenu li a {display:block;padding:10px 2px;color:#000;border-bottom:1px dotted #ddd;text-decoration:none;}
.submenu li a:hover {background:#eee;}
.bnr {overflow:hidden;}
.bnr ul {overflow:hidden;}
.bnr li {margin:0 0 10px 0;padding:0;list-style:none;}
.bnr img {width:100%;}
footer {clear:both;padding-top:4%;}
footer img {width:70%;}
.footmenu li:last-child {background:url(/sp_img/index/fut_icon.png) left top no-repeat,url(/sp_img/index/fut_icon.png) right top no-repeat;padding:0 12px 0 15px;}
.footmenu ul {list-style-type: none;padding-left: 0;}
.footmenu li {margin:0px 0 0 0;padding:0 0 0 15px;background:url(/sp_img/index/fut_icon.png) left top no-repeat;}
.inline-block {text-align: center;}
.inline-block li {display: inline-block;}
.footmenu a {color:#fff;text-decoration:none;}
.footmenu a:hover {color:#333;}
.copyright {clear:both;padding:20px 0;font-size:11px;text-align:center;color:#fff;}
#pagetop {position:fixed;bottom:0;right:1%;width:98%;}
#pagetop a {text-decoration:none;}
#pageL{clear:both;width:100%;}
#pageL a{width:49%;padding:0 0.5%;float:left;}
#pageR{width:12%;float:right;}
#pageL img,#pageR img{width:100%;height:auto;}
.col_two_one {clear:both;}
.col_two_one ul {margin:2% 0 0 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.col_two_one ul li {list-style:none;width:100%;margin:0 0 1.5% 0;padding:2%;vertical-align: top;overflow:hidden;}
.col_two_one li img {width:36%;margin:0 2% 2.5% 0;float:left;}
.col_two_oneright {width:62%;float:left;}
.col_two_one #tyumoku li {background-color:#e1f2ff;}
.col_two_one #sudden li {background-color:#fffde1;}
.col_two_one #tyumoku li h4 {color:#0081db;}
.col_two_one #sudden li h4 {color:#ff3131;}
.col_two_one #tyumoku li a:hover h4 {color:#6bbcf4;}
.col_two_one #sudden li a:hover h4 {color:#ff8e8e;}
.col_two_one ul li .bottom{clear:both;width:50%;bottom: 0;}
.col_two_one ul li .bottom img{width:100%;height:auto;}
.col_two_one a {color:#333;}
.col_two_one a:hover {color:#939393;}
.slide {overflow:hidden;padding:20px 0 10px 0;background:url(/sp_img/index/slider_bg.png) top center repeat;}
.slidePrev {position:absolute;cursor:pointer;z-index:222;}
.slideNext {position:absolute;cursor:pointer;z-index:222;}
.slidePrev img {position:absolute;width:50px !important;height:60px !important;}
.slideNext img {position:absolute;width:50px !important;height:60px !important;}
.slideInner {position:relative;margin:0 0 5px 0;padding:0;}
.slideInner li {float:left;margin:0;padding:0;list-style:none;}
.slideInner li img {margin:0 5px;padding:0;}
.filterPrev {position:absolute;left:0;opacity:0.5;filter:alpha(opacity=50);background-color:#fff;}
.filterNext {position:absolute;right:0;opacity:0.5;filter:alpha(opacity=50);background-color:#fff;}
.controlNav {position:relative;float:left;left:50%;}
.controlNav span {position:relative;left:-50%;float:left;margin:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:10px;height:10px;overflow:hidden;background:#ccc;text-indent:-9999px;vertical-align:middle;}
.controlNav span:hover {background:#999;cursor:pointer;}
.controlNav span.current {background:#53b3ff;}
#banner{width:100%;}
#banner ul li{width:47.4%;padding:1%;display: inline-block;}
#banner ul li img{width:100%;height:auto;}
.pagination {margin:0 auto 20px auto;}
.page {display: inline-block;padding: 0px 9px;margin-right: 4px;border-radius: 3px;border: solid 1px #c0c0c0;background: #e9e9e9;font-size: .875em;font-weight: bold;text-decoration: none;color: #717171;text-shadow: 0px 1px 0px rgba(255,255,255, 1);}
.page:hover, .page.gradient:hover {background: #fefefe;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}
.page.active {border: none;background: #616161;box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);color: #f0f0f0;text-shadow: 0px 0px 3px rgba(0,0,0, .5);}
.page.gradient {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);}
.pagination.dark {background: #414449;color: #feffff;}
.page.dark {border: solid 1px #32373b;background: #3e4347;box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);color: #feffff;text-shadow: 0px 1px 0px rgba(0,0,0, .5);}
.page.dark:hover, .page.dark.gradient:hover {background: #3d4f5d;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);}
.page.dark.active {border: none;background: #2f3237;box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);}
.page.dark.gradient {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);}
.overlay {content: '';visibility: hidden;position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0);-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 333;}
.overlay::after {visibility: hidden;position: fixed;top: 40%;left: 0;display: block;width: 100%;height: 50px;color: rgba(255,255,255,0);font-size: 40px;font-weight: bold;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-open .overlay {visibility: visible;cursor: pointer;background: rgba(0,0,0,0);}
.side-open .overlay::after {visibility: visible;color: rgba(255,255,255,.8);}
.side-menu {position: fixed;top: 0;right: 0;width: 70%;height: 100%;padding-top: 0%;text-align: left;background: #4EAFFF;z-index: 111;}
.side-menu ul li {font-size:1em;width:90%;margin:0 5%;padding:5% 0;border-bottom:#FFF 1px solid;list-style:none;}
.side-menu ul li a {color:#FFF;padding:5%;}
.side-menu-btn {position: absolute;top: 0.8em;right: 0.4em;width: 15%;height:5em;padding: 5px 3px 5px 5px;cursor: pointer;z-index: 444;background:url(/sp_img/index/btn_menu.png) left top no-repeat;background-size: 100% auto;}
.side-open .side-menu-btn{background:url(/sp_img/index/btn_close.png) left top no-repeat;background-size: 100% auto;}
.side-open .wrapper,.side-open .overlay {-webkit-transform: translate3d(-70%, 0, 0);transform: translate3d(-70%, 0, 0);}
.wrapper {position: relative;width: 100%;height: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 222;background:#FFF;}
.jsc-modal-close-link{width: 100%;height:auto;}
.jsc-modal-close-link input{width: 100%;height:auto;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 0px 0;clear: both;overflow: hidden;}
.tab_content > div{clear:both;padding:4% 0;}
#tabmenu1:checked ~ #tabmenu1_content,#tabmenu2:checked ~ #tabmenu2_content,#tabmenu3:checked ~ #tabmenu3_content {display: block;}
.tabs input:checked + .tab_item {position:relative;}
.tabs input:checked + .tab_item::before {position: absolute;background:url(/sp_img/search/sptag_work.png) left top no-repeat;background-size:100% auto;width: 100%;height: 20em;top:0;left: 0;display: block;content: "";}
.ao{color: #229dff;font-size:1.3em;font-weight:bold;padding-top:1%;}
.tab_content input[type=radio],.tab_content input[type=checkbox]{ display: none;}
#tabmenu1_content input[type=radio],#tabmenu1_content input[type=checkbox]{display: none;}
#tabmenu2_content input[type=radio],#tabmenu2_content input[type=checkbox]{display: none;}
#tabmenu3_content input[type=radio],#tabmenu3_content input[type=checkbox]{display: none;}
#tabmenu1_content{text-align: center;}
#tabmenu1_content label {display:inline-block;margin: 1% 0.5%;width: 30%;height: auto;text-align: center;cursor: pointer;color: #229dff;font-size:1.1em;line-height:1em;padding:5% 0;border: 1px solid #d4d4d4;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #fff));background: -webkit-linear-gradient(#fff, #e6e6e6);background: -moz-linear-gradient(#fff, #e6e6e6);background: -o-linear-gradient(#fff, #e6e6e6);background: -ms-linear-gradient(#fff, #e6e6e6);background: linear-gradient(#fff, #e6e6e6);}
#tabmenu1_content input[type=checkbox]:checked + label,#tabmenu1_content input[type=radio]:checked + label {color: #ffffff;border: 1px solid #229dff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #229dff), color-stop(0.01, #99d2ff));background: -webkit-linear-gradient(top, #99d2ff 1%, #229dff 99%);background: -moz-linear-gradient(top, #99d2ff 1%, #229dff 99%);background: -o-linear-gradient(top, #99d2ff 1%, #229dff 99%);background: -ms-linear-gradient(top, #99d2ff 1%, #229dff 99%);background: linear-gradient(to bottom, #99d2ff 1%, #229dff 99%);}
#tabmenu1_content label:hover {background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #b8dfff), color-stop(0.00, #fff));background: -webkit-linear-gradient(top, #fff 0%, #b8dfff 99%);background: -moz-linear-gradient(top, #fff 0%, #b8dfff 99%);background: -o-linear-gradient(top, #fff 0%, #b8dfff 99%);background: -ms-linear-gradient(top, #fff 0%, #b8dfff 99%);background: linear-gradient(to bottom, #fff 0%, #b8dfff 99%);}
input[type=radio]:checked span {background: #31A9EE;color: #ffffff;}
#tabmenu2_content label,#tabmenu3_content label {display: block;margin: 5px;width: 100px;height: 100%;text-align: center;line-height: 60px;cursor: pointer;color: #fff;font-size:1.1em;background-color:#94cfff;}
#tabmenu2_content label img,#tabmenu3_content label img {width:100%;height:auto;}
#tabmenu2_content input[type=checkbox]:checked + label,#tabmenu3_content input[type=checkbox]:checked + label {background-color: #1696ff;}
#tabmenu2_content label:hover,#tabmenu3_content label:hover {background-color: #53b3ff;}
#tabmenu1_content,#tabmenu2_content,#tabmenu3_content{margin-bottom:6%;}
#tabmenu1_content ul,#tabmenu2_content ul,#tabmenu3_content ul {text-align: center;}
#tabmenu1_content ul li,#tabmenu2_content ul li,#tabmenu3_content ul li {display: inline-block;margin-bottom:5px;}
#category_all{text-align:center;margin:0 auto;}
#box01,#box02,#box03,#box04,#box05,#box06,#box07,#box08,#box09,#box10{display:none;clear:both;}
.kensaku{margin:1%;padding:3% 2%;background-color:#FFF;border-radius: 10px;}
.kensaku_bg {background-color:#e8f5fe;}
.kensaku dl dt input{display: none;}
.kensaku dl dt label {position: relative;display: block;padding: 10px;border-bottom: 1px solid #e8f5fe;}
.kensaku dl dt label::after {position: absolute;top: 50%;right: 10px;display: block;content: '';width: 8px;height: 8px;margin-top: -7px;border-top: 1px solid #239dff;border-right: 1px solid #239dff;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.kensaku dl dt input:checked + label::after {margin-top: -3px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.kensaku dl dt input[type=checkbox]:checked + label{background-color: #d3ebff;}
.kensaku dl dd{background-color:#ffffe6;padding-left:3%;}
.kensaku ul {margin-bottom:3%;}
.kensaku ul li{list-style:none;}
.kensaku dl dd label,.kensaku ul li label {position: relative;display: block;padding: 10px;border-bottom: 1px solid #e8f5fe;}
.kensaku dl dd input,.kensaku ul li input {float:left;border: 1px solid #aaaaaa;-webkit-appearance: none;position: relative;margin-right: 5px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;width: 30px;height: 30px;background: #e2e2e2;background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);}
.kensaku dl dd input:checked,.kensaku ul li input:checked {background: #239dff;background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #239dff),color-stop(1.00, #239dff));background: linear-gradient(to bottom,#239dff 0%,#239dff 100%);border: 1px solid #239dff;}
.kensaku dl dd input:checked:before ,.kensaku ul li input:checked:before {position: absolute;left: 3px;top: 18px;display: block;content: "";width: 10px;height: 4px;background: #ffffff;-webkit-transform: rotate(45deg);-webkit-transform-origin: right center;}
.kensaku dl dd input:checked:after ,.kensaku ul li input:checked:after{display: block;position: absolute;left: 12px;top: 18px;content: "";width: 18px;height: 4px;background: #ffffff;-webkit-transform: rotate(-53deg);-webkit-transform-origin: left center;}