@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#000; background:#fff; font:14px "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height:1.6; min-width:1030px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#62b2c2; text-decoration:underline; }
a:hover{ color:#62b2c2; }
a:hover , a img:hover , input[type=image]:hover , .btn:hover , .sort-btn:hover{ opacity:0.9; }

.btn{ display:inline-block; width:140px !important; width:100%; height:40px; font-weight:bold; text-decoration:none; text-align:center; border:none; border-radius:3px; cursor:pointer; }
.btn.blue{ color:#fff; background:#4a94df; }
.btn.gray{ color:#666; background:#f5f5f5; }
.btn.sort-btn{ width:90px !important; height:30px; }

input.btn{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontS{ font-size:10px; }
.fontM{ font-size:16px; }
.fontL{ font-size:20px; }

/* color */
.txt-blue{ color:#4a94df; }
.txt-black{ color:#000; }
.txt-white{ color:#fff; }
.txt-gray{ color:#bbb; }
.txt-red , .required , .error{ color:#d93349; }
.txt-light-blue {color: #4a94df; }
.required{ font-size:10px; font-weight:bold; }

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt-dott{ padding-left:1.3em; text-indent:-1.3em; }
.idt-sp{ text-indent:1.0em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }
.spt50{ padding-top:50px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml40{ margin-left:40px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr10{ margin-right:10px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr40{ margin-right:40px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 0 20px; }


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.ctl , textarea.ctl , select{ padding:4px; border:solid 1px #e5e5e5; vertical-align:middle; border-radius:5px; }
select{ padding:4px; }
input:disabled{ background:#e6e6e6; }
input.sizeS{ width:50px; height:auto; }
input.sizeM{ width:150px; height:auto; }
input.sizeL{ width:450px; height:auto; }
input.sizeMax{ width:100%; height:auto; }
textarea.sizeS{ width:250px; height:80px; }
textarea.sizeM{ width:250px; height:100px; }
textarea.sizeL{ width:450px; height:100px; }
textarea.sizeMax{ width:100%; height:100px; }


/* display **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }


/* pic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/*.pic.floatR{ float:none; margin:0 0 10px 0 !important; }
.win-max350 img{ max-width:350px; width:100%; height:auto; }
.win-max280 img{ max-width:280px; width:100%; height:auto; }
.win-100 img{ width:100%; height:auto; }*/


/* movie ******
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed{ position:absolute; top:0; left:0; width:100%; height:100%; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; position:relative; margin:0 auto; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:90px; background:url(../images/header_bg.jpg); }


/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; }


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
input.sizeL , textarea.sizeS , textarea.sizeM , textarea.sizeL{ width:100%; }


/* display **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:100%; padding:0 10px; position:relative; }

}


/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:320px; }

}