@charset "utf-8";
/* Global Styles */
body { font-family: "メイリオ", Meiryo, Osaka, sans-serif; font-size: 90% !important; }
header { }
header h1 { font-size: 125%; text-align: center; background-color: #395CFF; color: #FFFFFF; margin-bottom: 5px; }
/* ナビゲーション */
.search_link { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; width: 100%; margin-bottom: 5px; }
.nav_icon_search { flex: auto; width: 19.7%; height: 44px; padding: 0; margin-top: 0px; margin-right: 1px; margin-left: 0px; margin-bottom: 0px; float: left; background-position: center 0%; overflow: hidden; text-indent: -9999px; background-image: url(../../sp/img/icon_search_2015.png); border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.nav_icon_search a { display: block; height: 44px; }
.nav_icon_shop { flex: auto; width: 19.7%; height: 44px; padding: 0; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; float: left; background-position: center 0%; overflow: hidden; text-indent: -9999px; background-image: url(../../sp/img/icon_type_2015.png); border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin-left: 0px; }
.nav_icon_shop a { display: block; height: 44px; }
.nav_icon_pr { flex: auto; width: 19.7%; height: 44px; padding: 0; margin-top: 0px; margin-right: 1px; margin-left: 0px; margin-bottom: 0px; float: left; background-position: center 0%; overflow: hidden; text-indent: -9999px; background-image: url(../../sp/img/icon_pr_2015.png); border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.nav_icon_pr a { display: block; height: 44px; }
.nav_icon_diary { flex: auto; width: 19.7%; height: 44px; padding: 0; margin-top: 0px; margin-right: 1px; margin-left: 0px; margin-bottom: 0px; float: left; background-position: center 0%; overflow: hidden; text-indent: -9999px; background-image: url(../../sp/img/icon_diary_2015.png); border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.nav_icon_diary a { display: block; height: 44px; }
.nav_icon_list { flex: auto; width: 19.7%; height: 44px; padding: 0; margin: 0px; float: left; background-position: center 0%; overflow: hidden; text-indent: -9999px; background-image: url(../../sp/img/icon_bookmark_2015.png); border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.nav_icon_list a { display: block; height: 44px; }
/* 項目タイトル */
.item_title { line-height: 40px; text-align: center; font-size: 110%; font-weight: bold; }
.item_title span { border-bottom-width: 1px; border-bottom-style: dashed; }
/* 検索フォーム */
.fieldset { border: 1px solid #dcdcdc; margin-top: 2.5%; padding-top: 5%; color: #0066FF; width: 98%; margin-left: auto; margin-right: auto; }
.fieldset form { width: 84%; margin-left: auto; margin-right: auto; }
.fieldset-select { width: 100%; margin-bottom: 10px; padding: 0.4em 0.8em; -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: 93%; }
.fieldset input[type="text"]:focus { border: 1px solid rgba(0, 0, 0, 0.32); box-shadow: none; outline: none; }
.type_img {margin-bottom: 10px;}
.submit { text-align: center; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; width: 100%; margin-bottom: 5px; justify-content: center; }
.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; }
.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%; }
.t-size { font-size: 90% !important; }
.t-size-100 { font-size: 100% !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: 90%; }
.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; }
