@charset "UTF-8";
/*
Theme Name:		e-yamashiroya.com
Description:	Yamashiroya theme
Author:			YMD3
Author URI:		http://www.collne.com/
Template:		welcart_basic
Version:		1.0.0
License:		michiyo yamada original theme
License URI:	http://ymd3.jp
*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Oswald:300");
body { color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; }

input, textarea, code { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

b { font-weight: bold; }

* html body, * html input, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a { color: #2b7de1; text-decoration: none; }
a:hover { color: #6ea6ea; text-decoration: underline; }
a:visited { color: #437fc9; }

a, a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

img.alignleft, img.alignright, img.aligncenter, img.alignnone { display: block; margin: 0 auto 1.5em auto; width: 100%; padding: 0; }
@media screen and (min-width: 768px) { img.alignleft, img.alignright, img.aligncenter, img.alignnone { width: auto; } }

@media screen and (min-width: 768px) { img.alignleft { margin: 0 2% 1.5em 0; float: left; }
  img.alignright { margin: 0 0 1.5em 2%; float: right; } }
h1, h2, h3, h4, h5, h6 { font-feature-settings: "palt"; font-weight: 500; font-family: 'Noto Sans Japanese', sans-serif; }

.mincho { font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }

.noto, button, .cat-navi li, #menu-shop_cat li { font-family: 'Noto Sans Japanese', sans-serif; }

.txt-wt { color: #fff; }

.txt-red, .red { color: #e70011; }

.txt-blue { color: #125dae; }

.txt-pink { color: #e4007f; }

.txt-gray { color: #e0e0e0; }

.txt-yellow { color: #ffe100; }

.txt-f1 { color: #eb153d; }

.txt-f2 { color: #3e07dd; }

.txt-f3 { color: #ff7800; }

.txt-f4 { color: #52a80c; }

.txt-f5 { color: #00aeff; }

.txt-bf { color: #f33e8f; }

.bg-f1 { background-color: #eb153d; }

.bg-f2 { background-color: #3e07dd; }

.bg-f3 { background-color: #ff7800; }

.bg-f4 { background-color: #52a80c; }

.bg-f5 { background-color: #00aeff; }

.bg-bf { background-color: #f33e8f; }

.fl_l, .fl_r { width: auto; float: none; margin: 0 auto; }

@media screen and (min-width: 960px) { .fl_l { float: left; }
  .fl_r { float: right; } }
/*--------------------------------------
	調整用
--------------------------------------*/
.none_bg { background: none !important; }

.none_bd { border: none !important; }

.none_bd_top { border-top: none !important; }

.no_br br { display: none; }

.on_br br { display: block; }

@media screen and (min-width: 768px) { .no_br br { display: block; }
  .on_br br { display: none; } }
.txt_center { text-align: center !important; }

.txt_right { text-align: right !important; }

.txt_left { text-align: left !important; }

.txt_spac { letter-spacing: -0.1em !important; }

.txt_spac_pl { letter-spacing: 0.5em !important; }

/* margin・padding
--------------------------------------*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

/* FONTスタイル
--------------------------------------*/
.small { font-size: 95% !important; }

.big { font-size: 130% !important; }

.bold { font-weight: 700; }

.mark { color: #000; background: #fff3b5; font-weight: 700; }

/*--------------------------------------
	共通CSS
--------------------------------------*/
em, i, cite { font-style: normal; }

strong { font-weight: bold; color: #000; }

em { background: rgba(255, 0, 4, 0.3); color: #000; }

blockquote, q { margin: 0 0 1.5em 0; position: relative; display: block; color: #333; background: #e8e8e8; padding: 2.0em 1.0em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
blockquote::before, q::before { content: "“"; font-size: 90px; color: #fff; position: absolute; left: 0; }
blockquote:after, q:after { content: "”"; font-size: 90px; color: #fff; position: absolute; right: 0; bottom: -20px; }
blockquote p:last-child, q p:last-child { margin-bottom: 0; }

q { padding: 1.1em 4rem 1.1em 1.5rem; }

/* FOAM
--------------------------------------*/
/* OSi　リセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

input, textarea, select { outline: none; }

/* スタイル */
input[type="text"], input[type="email"], input[type="url"] { background: #fff; border: 1px solid #c9c9c9; padding: .2em .2em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:hover, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="url"]:hover, input[type="url"]:focus { border: 1px solid #157dfb; }

textarea { background: #fff; border: 1px solid #c9c9c9; padding: 0.2em 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; height: 230px; margin: auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
textarea:hover, textarea:focus { border: 1px solid #157dfb; }

select { width: 100%; height: 44px; padding: 0.2em 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: auto; border: 1px solid #c9c9c9; vertical-align: middle; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
select:hover, select:focus { border: 1px solid #006ec1; }
@media screen and (min-width: 768px) { select { width: 336px; } }

select option { background-color: #f6f6f7; }

select::-ms-expand { display: none; }

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }

.select-wrap { position: relative; }
.select-wrap p { margin: 0 1rem 1.8em !important; }
@media screen and (min-width: 768px) { .select-wrap { width: 336px; } }

.select-wrap:before { z-index: 1; position: absolute; right: 15px; top: 0; content: url(img/arrow_bottom.png); line-height: 44px; pointer-events: none; }

.select-wrap > select { background: #f6f6f7; }

.select-wrap > select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; }

input[type="submit"] { cursor: pointer; }
input:focus { border: 1px solid #ffe100; }

button { position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 2px 0px 0px #dcdce0; -moz-box-shadow: 0px 2px 0px 0px #dcdce0; box-shadow: 0px 2px 0px 0px #dcdce0; line-height: 0; }

textarea:focus { border: 1px solid #ffe100; }

table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: auto; width: 100%; }

caption { margin: 10px 0; padding: 0; }

th, td { border: 1px solid #c9c9c9; margin: 0 -1px -1px 0; line-height: 1.4; padding: 14px 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; text-align: left; }

th { background: #f6f6f7; font-weight: normal; }

thead th { font-weight: bold; background: #039bd5; color: #fff; text-align: center; }

tfoot th, tfoot td { border: none; text-align: right; }

.movie_center { border: 1px solid #c9c9c9; display: block; margin: 30px auto; padding: 10px; width: 700px; height: 400px; }
.movie_center iframe, .movie_center object, .movie_center embed, .movie_center video { width: 100%; height: 100%; }

@media only screen and (max-width: 600px) { .movie_center { width: auto; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 30px 0; }
  .movie_center iframe, .movie_center object, .movie_center embed, .movie_center video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.layer-bk, .layer-wh { width: 100%; height: 100%; top: 0; left: 0; z-index: 4; padding: 0.5em 0; }

.layer-bk { background: rgba(0, 0, 0, 0.44); }

.layer-wh { background: rgba(255, 255, 255, 0.8); }

.bg-gray { background: #e2e2eb; }

.btn-sld { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #2d6295; padding: 15px; -moz-box-shadow: 0 3px 0 #1b3b5a; -webkit-box-shadow: 0 3px 0 #1b3b5a; box-shadow: 0 3px 0 #1b3b5a; color: #fff; cursor: pointer; position: relative; font-size: 18px; font-size: 1.8rem; margin: auto; width: 100%; }
@media screen and (min-width: 768px) { .btn-sld { font-size: 20px; font-size: 2rem; padding: 25px 15px; } }
.btn-sld:hover { box-shadow: none; color: #fff; margin-top: 3px; margin-bottom: 0; text-decoration: none; background-color: #5b95cd; }

.btn-flat { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #2d6295; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; }

a.btn-flat, a.btn-sld { color: #fff; }

.btn { display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #125dae; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); color: #125dae; position: relative; }
.btn::after { content: "\e902"; font-family: "icomoon"; color: #FF0004; position: absolute; right: 8px; }
.btn:hover { box-shadow: none; text-decoration: none; background: #feffd6; color: #FF0004; }

.btn-w80p { margin: auto; width: 80%; }
@media screen and (min-width: 768px) { .btn-w80p { width: 60%; } }

/* more-link right */
.more-link { display: block; cursor: pointer; color: #2b7de1; text-decoration: underline; }
.more-link:after { content: " \e902"; font-family: icomoon; }

a.more-link { color: #2b7de1; }

.sns li { display: inline-block; }
.sns li a { display: block; width: 32px; height: 32px; margin: 0 4px; color: #fff; line-height: 32px; font-size: 24px; }
.sns li a:hover { color: #e70011; }

.post-sns { list-style: none; text-align: left; padding: 1.0em 12px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media screen and (min-width: 768px) { .post-sns { padding: 1.0em 1.0em 0; } }
.post-sns li { height: 40px; width: -webkit-calc(100% / 7); width: calc(100% / 7); vertical-align: middle; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 1.5rem; }
.post-sns li span { display: none; }
.post-sns li a { color: #fff; display: block; font-size: 20px; height: 40px; line-height: 40px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 2px; }
.post-sns li a b { margin-right: 5px; }
.post-sns li a:hover { text-decoration: none; }

/* ツイッター */
.twitter a { background: #10a5de; }
.twitter a:hover { background: #0078da; }

/* Facebook */
.facebook a { background: #284a95; }
.facebook a:hover { background: #000052; }

/* グーグル */
.googleplus a { background: #d04c3c; }
.googleplus a:hover { background: #c60505; }

/* Pocket */
.pocket a { background: #e73649; }
.pocket a:hover { background: #bb0731; }

/* はてぶ */
.hatebu a { background: #0f9be8; }
.hatebu a:hover { background: #1061c4; }

/* LINE */
.line a { background: #00c300; }
.line a:hover { background: #19A719; }

/* Feedly */
.feedly a { background: #87c040; }
.feedly a:hover { background: #65B700; }

.pankuzu { background: #efefef; text-align: left; padding: 1.0em  0; margin-top: 60px; }
@media screen and (min-width: 768px) { .pankuzu { margin-top: 76px; } }
@media screen and (min-width: 960px) { .pankuzu { margin-top: 0; } }

.breadcrumbs { font-size: 11px; line-height: 1; }
.breadcrumbs li { display: inline-block; padding-right: 6px; color: #000; line-height: 1.4; }
.breadcrumbs li a:hover { background: none; }
.breadcrumbs li:after { content: " > "; padding-left: 6px; color: #333; font-weight: normal; }
.breadcrumbs li:last-child:after { content: ""; }

#page-top { position: fixed; height: 44px; bottom: 15px; right: 1rem; font-size: 20px; z-index: 999; }
#page-top a { background: #fff; text-decoration: none; width: 44px; height: 44px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; display: inline-block; line-height: 44px; vertical-align: middle; border: 1px solid #125dae; }
#page-top a:hover { text-decoration: none; }

/* clearfix */
.cl, #header, #container, #main, #footer, .free-block, .free-block .inner, .free-block .footer-link-in, #eventlist-block li a, dl.faqbox dd, .ranking dl, .floor-list { *zoom: 1; }
.cl::after, #header::after, #container::after, #main::after, #footer::after, .free-block::after, .free-block .inner::after, .free-block .footer-link-in::after, #eventlist-block li a::after, dl.faqbox dd::after, .ranking dl::after, .floor-list::after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }

/* キャリア別表示・非表示*/
.pc { display: none; }

.sp { display: block; }

@media screen and (min-width: 960px) { .pc { display: block; }
  .sp { display: none; } }
/*--------------------------------------
	layout
--------------------------------------*/
#wrap { position: relative; height: 100%; width: 100%; top: 0; left: 0; }

#header { margin: 0 auto; z-index: 100; background: white; }

#container { width: 100%; min-height: 100%; margin: 0 auto; text-align: center; position: relative; overflow: hidden; background: #fff; }

/* -- main -- */
#main { margin: 0 auto; position: relative; overflow: hidden; width: 100%; }
@media screen and (min-width: 960px) { #main { padding: 3em 0; }
  #main.one-column #content { width: 100%; margin: 0; padding: 0; }
  #main.two-column #content { width: auto; margin: 0; padding: 0; width: -webkit-calc(100% - 320px); width: calc(100% - 320px); margin-right: 20px; } }
@media screen and (min-width: 1200px) { #main { max-width: 1200px; }
  #main.two-column #content { width: auto; margin: 0; padding: 0; max-width: 860px; width: -webkit-calc(100% - 340px); width: calc(100% - 340px); margin-right: 40px; } }

#secondary { padding: 3em 0; border-top: 0; }

.container-in { width: 100%; height: auto; margin: 0; position: relative; }
@media screen and (min-width: 960px) { .container-in { margin: auto; padding: 0 2%; }
  .container-in #main { float: left; max-width: 860px; width: -webkit-calc(100% - 340px); width: calc(100% - 340px); margin-right: 40px; } }
@media screen and (min-width: 1200px) { .container-in { max-width: 1200px; } }

header .inner, header .footer-link-in { width: auto; margin: 0 auto; padding-bottom: 0; }

.inner, .footer-link-in { width: 96%; margin: 0 2%; height: auto; position: relative; }
@media screen and (min-width: 960px) { .inner, .footer-link-in { margin: auto; padding: 0; } }
@media screen and (min-width: 1200px) { .inner, .footer-link-in { max-width: 1200px; } }

.no_inner, .header-in { width: 100%; height: auto; margin: 0; position: relative; }
@media screen and (min-width: 960px) { .no_inner, .header-in { margin: auto; padding: 0 2%; } }
@media screen and (min-width: 1200px) { .no_inner, .header-in { max-width: 1200px; } }

.inner_1000 { width: 96%; margin: 0 2%; height: auto; position: relative; }
@media screen and (min-width: 960px) { .inner_1000 { margin: auto; padding: 0 2%; max-width: 1000px; } }

/* -- two-column -- */
.two-column #secondary { width: 100%; padding: 0; margin: 0; border: none; }
@media screen and (min-width: 960px) { .two-column #secondary { width: 300px; float: right; } }

#sub { margin: 0 auto; position: relative; overflow: hidden; padding: 2.14289em 0; }
@media screen and (min-width: 960px) { #sub { width: 300px; float: right; } }

#footer { text-align: center; position: relative; background: #125dae; }

/* #HEADER
------------------------------*/
header { margin-bottom: 0; border-bottom: none; }

#header { width: 100%; height: 60px; margin: 0; position: fixed; border-bottom: 2px solid #125dae; top: 0; left: 0; }
#header .logo { width: 86px; height: 45px; position: absolute; left: 50%; top: 50%; margin-top: -22px; margin-left: -43px; }
@media screen and (min-width: 960px) { #header { height: 76px; }
  #header .logo { width: 118px; height: 62px; left: 12px; top: 7px; margin: 0; } }
@media screen and (min-width: 1200px) { #header .logo { left: 0; } }

/* メニューボタン */
#btn-menu { height: 60px; width: 60px; line-height: 60px; display: block; text-align: center; color: #242424; cursor: pointer; }
#btn-menu::before { content: "\f0c9"; font-family: FontAwesome; font-size: 30px; -moz-transition: all, 0.25s, linear; -o-transition: all, 0.25s, linear; -webkit-transition: all, 0.25s, linear; transition: all, 0.25s, linear; }
#btn-menu.on::before { content: "\e903"; font-family: "icomoon"; font-size: 26px; }
@media screen and (min-width: 960px) { #btn-menu { display: none; } }

#slide-menu { position: fixed; top: 0; left: -280px; width: 280px; height: 100%; background: #125dae; margin: 0; z-index: 1; padding-top: 80px; overflow: auto; }
#slide-menu .member-list { border-bottom: 1px solid #fff; }
#slide-menu .member-list a, #slide-menu .member-list li { color: #fff; }
#slide-menu .menu { color: #fff; }
#slide-menu .menu li { position: relative; }
#slide-menu .menu li ul { padding-left: 1.0em; }
#slide-menu .menu li ul li::before { content: "└ "; float: left; }
#slide-menu .menu a { display: block; color: #fff; padding: 5px 10px; }
#slide-menu .menu a:hover { text-decoration: none; background: #dcdcdc; color: #125dae; }
@media screen and (min-width: 960px) { #slide-menu .menu li:hover ul { display: block; }
  #slide-menu .menu li ul { display: none; position: absolute; } }

.member-list { text-align: center; padding: 15px 0; }
.member-list li { display: inline-block; padding: 5px; }
@media screen and (min-width: 960px) { .member-list { height: 76px; padding: 0; line-height: 76px; text-align: right; margin-right: auto; }
  .member-list li { padding: 0; margin-left: 10px; }
  .member-list li a { color: #777777; height: 76px; }
  .member-list .total-quant { width: 20px; height: 20px; line-height: 20px; background-color: #C00003; color: #fff; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-weight: bold; text-align: center; } }

.i-user { width: 100%; }
.i-user::before { content: "\e90a"; font-family: "icomoon"; margin-right: 5px; color: #fff; }
@media screen and (min-width: 768px) { .i-user::before { color: #000; } }
@media screen and (min-width: 960px) { .i-user { width: auto; } }

.i-login::before { content: "\e90b"; font-family: "icomoon"; margin-right: 5px; color: #fff; }
@media screen and (min-width: 768px) { .i-login::before { color: #000; } }

.i-member::before { content: "\e913"; font-family: "icomoon"; margin-right: 5px; color: #fff; }
@media screen and (min-width: 768px) { .i-member::before { color: #000; } }

.i-cart::before { content: "\e909"; font-family: "icomoon"; margin-right: 5px; position: relative; color: #000; }

.i-search { cursor: pointer; }
.i-search::before { content: "\f002"; font-family: FontAwesome; margin-right: 5px; color: #fff; font-size: 24px; }
@media screen and (min-width: 768px) { .i-search::before { color: #000; } }

.search-btn { position: relative; height: 36px; width: 36px; }

#search-h { height: 36px; margin: 0 auto; position: absolute; top: 20px; width: 36px; }
#search-h input[type="text"] { background: #ccc; border: none; border-radius: 22px; color: #333; cursor: pointer; height: 36px; width: 36px; opacity: 0; outline: none; padding: 5px; position: absolute; top: 0; right: 0; transition: all 0.7s; z-index: 5; }
#search-h input[type="text"]:focus { cursor: text; opacity: 1; width: 200px; }
#search-h input[type="submit"] { display: none; }

.incart-btn { height: 50px; padding-top: 10px; width: 60px; display: block; text-align: center; position: absolute; top: 0; right: 0; float: none; }
.incart-btn a { display: block; width: 60px; color: #242424; }
.incart-btn i { font-size: 30px; }
.incart-btn i:hover { cursor: pointer; }
.incart-btn .total-quant { top: -5px; right: 5px; left: auto; background-color: #C00003; }

.search2 { padding: 15px 12px; border-bottom: 1px solid #fff; }
.search2 form { background: #fff; position: relative; width: 100%; height: 40px; }
.search2 input { border: none; height: 40px; }
.search2 input[type="submit"] { width: 40px; height: 40px; background: #fff; position: absolute; top: 0; right: 0; }
.search2 input[type="text"] { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }

#h-navi { background: #125dae; margin-top: 75px; height: 42px; line-height: 42px; width: 100%; }
#h-navi ul { border: none; height: 42px; position: relative; border-left: 1px solid #dcdcdc; width: 100%; }
#h-navi ul li { display: inline-block; overflow: hidden; padding: 0; border-right: 1px solid #dcdcdc; }
#h-navi ul li a { position: relative; display: block; padding: 0 20px; color: #fff; text-decoration: none; white-space: nowrap; }
#h-navi ul li a:hover { text-decoration: none; background: #dcdcdc; color: #125dae; }
#h-navi ul li:hover ul { display: block; }
#h-navi ul ul { position: absolute; display: none; margin: 0; padding: 0; width: 260px; z-index: 100; }
#h-navi ul ul li { display: block; margin: 0; background-color: rgba(255, 255, 255, 0.88); border: 1px solid #fff; border-top: none; }
#h-navi ul ul li a { color: #125dae; }

/*----------------------------
	TOP 
-----------------------------*/
#main-image { position: relative; left: 0; top: 0; margin: 0; padding: 60px 0 0; overflow: hidden; width: auto; min-width: 100%; height: 300px; max-height: 576px; z-index: -1; }
@media screen and (max-width: 600px) { #main-image { height: 200px; } }
@media screen and (min-width: 960px) { #main-image { padding: 0; height: auto; } }
#main-image img { position: relative; width: 100%; height: auto; }
#main-image .description { display: none; z-index: 1; position: absolute; left: 15%; top: 15%; background: url(img/yamashiroya_tower.png) 50% center no-repeat rgba(18, 93, 174, 0.7); width: 428px; height: 360px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.6); }
#main-image .description p { width: 230px; font-size: 12px; margin: 194px 0 15px 15px; line-height: 1.4; }

/* カテゴリーナビ */
.cat-navi { background: #ffe100; position: relative; z-index: 1; }
.cat-navi ol { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.cat-navi li { position: relative; overflow: hidden; width: 50%; height: 50px; line-height: 50px; background: #125dae; letter-spacing: -0.1em; }
.cat-navi li a { color: #fff; display: block; text-align: center; }
.cat-navi li a span { display: none; }
.cat-navi li a::before { position: absolute; content: url(img/icon_yama.png); color: rgba(255, 255, 255, 0.35); display: block; font-weight: 900; font-size: 60px; top: 5px; left: 5px; }
.cat-navi li a:hover { background: #2482e8; text-decoration: none; font-weight: 700; }
.cat-navi li:nth-child(1) a { background: #eb153d; }
.cat-navi li:nth-child(1) a::before { content: "1F"; }
.cat-navi li:nth-child(1) a:hover { background: #8e0c24; }
.cat-navi li:nth-child(2) a { background: #3e07dd; }
.cat-navi li:nth-child(2) a::before { content: "2F"; }
.cat-navi li:nth-child(2) a:hover { background: #22047a; }
.cat-navi li:nth-child(3) a { background: #ff7800; }
.cat-navi li:nth-child(3) a::before { content: "3F"; }
.cat-navi li:nth-child(3) a:hover { background: #994800; }
.cat-navi li:nth-child(4) a { background: #52a80c; }
.cat-navi li:nth-child(4) a::before { content: "4F"; }
.cat-navi li:nth-child(4) a:hover { background: #244905; }
.cat-navi li:nth-child(5) a { background: #00aeff; }
.cat-navi li:nth-child(5) a::before { content: "5F"; }
.cat-navi li:nth-child(5) a:hover { background: #006899; }
.cat-navi li:nth-child(6) a { background: #f33e8f; }
.cat-navi li:nth-child(6) a::before { content: "BF"; }
.cat-navi li:nth-child(6) a:hover { background: #bf0c5c; }

/* お知らせBOX
--------------------------------------*/
#info-area { display: none; }

/* main
------------------------------*/
#itemlist-block, #eventlist-block, #recommlist-block, #keylink-block, #sns-block { padding: 24px 0; width: 100%; }

.list-col1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.column4, .column5, .column6 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.column4 article, .column5 article, .column6 article { width: 46%; margin: 0 2% 20px; }
@media screen and (min-width: 768px) { .column4 article, .column5 article, .column6 article { width: 30%; margin: 0 1.5% 20px; } }

@media screen and (min-width: 960px) { .column4 article { width: 23%; margin: 0 1% 40px; } }

@media screen and (min-width: 960px) { .column5 article { width: 18%; margin: 0 1% 40px; } }

@media screen and (min-width: 960px) { .column6 article { width: 14%; margin: 0 1% 40px; } }

/* フリーブロック
-----------------------------------*/
.free-block { padding: 24px 3%; text-align: center; }
.free-block .widget_title { font-size: 26px; color: #125dae; margin-bottom: 1.0em; }

.shima-y { border: #fff5ab solid 10px; border-image: url(img/shima-y.png) 24 24 round; }

.shima-b { border: #b1cae4 solid 10px; border-image: url(img/shima-b.png) 24 24 round; }

.front-title { font-size: 26px; color: #125dae; margin-bottom: 1.0em; }

/* ウェジェットスタイル */
.textwidget p { line-height: 1.4; margin-bottom: 1.0em; }
.textwidget p:last-child { margin-bottom: 0; }
.textwidget img { margin: 0 auto 15px; width: 100%; }

/* アイテムリスト
-----------------------------------*/
#itemlist-block { background: url(img/bg_yamachan.png) #efefef; }

.thumb { margin-bottom: 6px; overflow: hidden; }
.thumb img { width: 100%; height: auto; }

.tax { background: none; }

.itemprice { color: #d80000; font-weight: 500; text-align: right; }

.itemname { text-align: left; }

.item-btn { width: 94%; margin: 20px 3% 0; height: 48px; line-height: 48px; font-size: 18px; }

/* イベントリスト
-----------------------------------*/
#eventlist-block { background: #125dae; }
#eventlist-block .front-title { color: #fff; margin-bottom: 0; }
#eventlist-block li { border-bottom: 1px dotted #fff; width: 100%; }
#eventlist-block li a { display: block; padding: 20px 12px; color: #fff; }
#eventlist-block li a .tit { color: #ffe100 !important; font-size: 16px; margin-bottom: 5px; }
#eventlist-block li a .tit:hover { color: #fff; text-decoration: none; }
#eventlist-block li a .day { color: #e0e0e0 !important; font-size: 12px; margin-bottom: 5px; }
#eventlist-block li a .day:hover { color: #fff; text-decoration: none; }
#eventlist-block li a .desc, #eventlist-block li a .more-link { display: none; color: #fff; font-size: 15px; }
#eventlist-block li a .more-link { color: #ffe100; text-align: right; text-decoration: none; }
#eventlist-block .thumb { width: 40%; height: 110px; float: left; }
#eventlist-block .lead { margin-left: 42%; text-align: left; line-height: 1.4; }

.event-btn { width: 94%; margin: 20px 3% 0; height: 48px; line-height: 48px; font-size: 18px; }

/* バナーリスト
-----------------------------------*/
.list-bnr { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
.list-bnr li { width: 48%; max-height: 98px; max-width: 250px; margin-bottom: 10px; }
.list-bnr li a { display: inline-block; max-width: 250px; max-height: 90px; overflow: hidden; }
.list-bnr li img { width: 100%; height: auto; }

/* キーワードリスト
-----------------------------------*/
#keylink-block { text-align: left; padding: 18px 0; background: rgba(255, 229, 0, 0.15); }
#keylink-block .front-title { font-size: 20px; margin-bottom: 0.8em; text-align: center; }
#keylink-block a { display: inline-block; background: #e2e2eb; padding: 5px 8px; margin: 0 8px 8px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; white-space: nowrap; }

.itempage-bottom { margin-top: 1.0em; }
.itempage-bottom #keylink-block { background-color: transparent; }
.itempage-bottom #keylink-block .front-title { font-size: 18px; margin-bottom: 0.8em; }

/* SNS
-----------------------------------*/
#sns-block { background: #efefef; }

.sns-box { width: 100%; max-width: 430px; min-height: 250px; max-height: 340px; overflow-y: auto; border: 2px solid #125dae; background: #fff; border-radius: 8px; padding: 15px; margin: 0 auto; box-sizing: border-box; }
.sns-box:first-child { margin-bottom: 24px; }

#sns-sharebox { background: url(img/line_naname.png); padding-top: 1.0em; }
#sns-sharebox h2 { text-align: center; }

/*-----------------------------------
ページ・カテゴリーHEADER
-----------------------------------*/
#content .page-title, #content .entry-title { font-size: 24px; line-height: 1.4; border-bottom: 4px solid #e2e2eb; border-top: 1px solid #e2e2eb; }

.page-header { border: none; }
.page-header .page-title { position: relative; padding: 0.8em 10px; color: #125dae; }
.page-header .page-title::before { position: absolute; content: ""; color: rgba(255, 255, 255, 0.35); display: block; font-weight: 900; font-size: 60px; left: 5px; top: 0; }
.page-header .taxonomy-description { padding: 10px 12px; }
.page-header .taxonomy-description p { font-size: 14px; text-align: left; }
@media screen and (min-width: 960px) { .page-header .taxonomy-description { padding: 20px 0; }
  .page-header .taxonomy-description p { font-size: 16px; line-height: 1.6; } }

.entry-header { border: none; }
.entry-header .entry-title { font-size: 24px; position: relative; padding: 0.8em 10px; color: #125dae; text-align: left; }
.entry-header .taxonomy-description { padding: 10px 12px; }
.entry-header .taxonomy-description p { font-size: 14px; text-align: left; }
@media screen and (min-width: 960px) { .entry-header .taxonomy-description { padding: 20px 0; }
  .entry-header .taxonomy-description p { font-size: 16px; line-height: 1.6; } }

/* Category/Archive
-----------------------------------*/
/* CATEGORY　*/
.category-cat1 .page-title { background-color: #eb153d; color: #fff; }
.category-cat1 .page-title::before { content: "1F"; }

.category-cat2 .page-title { background-color: #3e07dd; color: #fff; }
.category-cat2 .page-title::before { content: "2F"; }

.category-cat3 .page-title { background-color: #ff7800; color: #fff; }
.category-cat3 .page-title::before { content: "3F"; }

.category-cat4 .page-title { background-color: #52a80c; color: #fff; }
.category-cat4 .page-title::before { content: "4F"; }

.category-cat5 .page-title { background-color: #00aeff; color: #fff; }
.category-cat5 .page-title::before { content: "5F"; }

.category-cat6 .page-title { background-color: #f33e8f; color: #fff; }
.category-cat6 .page-title::before { content: "BF"; }

/* -- .post-li -- */
.post-li time { display: inline-block; }
.post-li p { text-align: left; }

.pagination_wrapper li .current { background-color: #125dae; border: 1px solid #125dae; }

.pagination_wrapper li a { color: #125dae; }

/* = .entry-content,item-description
-------------------------------------------------------------- */
.entry-content { padding: 1.0em 12px; }
@media screen and (min-width: 960px) { .entry-content { padding: 1.0em 0; } }

.item-description { padding-top: 1.5em; }

/* -- h1,h2,h3,h4,h5 -- */
.entry-content, .item-description { clear: both; }
.entry-content h2, .item-description h2 { border-top: 3px solid #e2e2eb; border-bottom: none; position: relative; font-size: 20px; text-align: left; padding: 10px 10px 0; clear: both; }
.entry-content h2::after, .item-description h2::after { position: absolute; content: " "; display: block; border-top: solid 3px #125dae; top: -3px; left: 0; width: 30%; }
.entry-content h3, .item-description h3 { border-left: 5px solid #125dae; font-size: 18px; color: #125dae; text-align: left; clear: both; }
.entry-content h4, .entry-content h5, .entry-content h6, .item-description h4, .item-description h5, .item-description h6 { clear: both; color: #125dae; background-color: transparent; font-size: 18px; text-align: left; padding-left: 0; }
.entry-content p, .item-description p { text-align: left; line-height: 1.6; margin-bottom: 1.5em; }
.entry-content dl, .item-description dl { clear: both; margin-bottom: 1.5em; }
.entry-content dl dt, .item-description dl dt { text-align: left; padding: 10px 0 5px; }
.entry-content dl dd, .item-description dl dd { text-align: left; padding: 5px 1.0em 10px; border-bottom: 1px solid #e2e2eb; }
.entry-content table, .item-description table { clear: both; width: 100%; margin-bottom: 1.5em; }
.entry-content thead th, .item-description thead th { background: #039bd5 !important; }
.entry-content em, .entry-content code, .item-description em, .item-description code { font-size: 100%; }
.entry-content ol, .item-description ol { margin: 0 0 1.5em 0; }
.entry-content ul, .item-description ul { margin: 0 0 1.5em 1.6em; }
.entry-content ul li, .item-description ul li { list-style-image: url(img/icon_maru.png); text-align: left; }
.entry-content ol, .item-description ol { counter-reset: mycount; list-style: none; }
.entry-content ol li, .item-description ol li { padding-left: 30px; position: relative; list-style: none; text-align: left; }
.entry-content ol li::before, .item-description ol li::before { content: counter(mycount); counter-increment: mycount; background-color: #bada55; color: #222; display: block; float: left; line-height: 22px; margin-left: -30px; text-align: center; height: 22px; width: 22px; border-radius: 50%; }

.entry-meta { padding: 0 12px; border-left: none; text-align: left; }
.entry-meta .date { display: inline-block; margin-right: 15px; }
.entry-meta .date::before { content: "\f073"; color: #333; font-size: 12px; }
.entry-meta .cat { display: inline-block; }
.entry-meta .cat::before { content: "\f07b"; color: #333; font-size: 12px; }

/* イベント終了スタイル
-----------------------------*/
.event-end { border: 1px dotted #125dae; background: #FFFCF2; font-size: 16px; font-size: 1.6rem; text-align: center; padding: 1.0em; margin-bottom: 1.5em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; line-height: 1.3; }

/* tableスタイル
-----------------------------*/
table.price-table { font-size: 14px; }
table.price-table td { text-align: right !important; }
table.price-table th { text-align: center !important; }

/* dlスタイル
-----------------------------*/
dl.shiyo { border: 4px solid #e2e2eb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 1.0em; }
dl.shiyo dd:last-child { border-bottom: none; }

dl.faqbox dt { display: block; background: #e2e2eb; padding: 10px 20px 10px 30px; margin-bottom: 1.0em; color: #125dae; cursor: pointer; position: relative; clear: both; }
dl.faqbox dt::before { position: absolute; left: 10px; content: "Q"; font-weight: bold; }
dl.faqbox dt::after { position: absolute; right: 10px; top: 50%; margin-top: -10px; content: "\f107"; font-family: FontAwesome; color: #125dae; }
dl.faqbox dd { margin-bottom: 1.0em; border-bottom: none !important; display: none; }

dl.step-list dt { clear: both; margin-bottom: 1.0em; }
dl.step-list dt span { font-size: 20px; font-weight: bold; border: 1px solid #125dae; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #125dae; }
dl.step-list dd { border-bottom: none !important; padding-bottom: 20px; }
dl.step-list dd::after { content: ""; }
dl.step-list dd img { width: 400px; height: auto; }
dl.step-list dd:last-child { padding-bottom: 40px; }

.ranking dl { border: 2px solid #FFB600; padding: 0.5em 0.5em 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 15px; }
.ranking dl:nth-child(1) { border: 2px solid #c8ab37; }
.ranking dl:nth-child(1)::before { content: url(img/ranking1.png); }
.ranking dl:nth-child(2) { border: 2px solid #939dac; }
.ranking dl:nth-child(2)::before { content: url(img/ranking2.png); }
.ranking dl:nth-child(3) { border: 2px solid #c87137; }
.ranking dl:nth-child(3)::before { content: url(img/ranking3.png); }
.ranking dl:nth-child(4) { border: 2px solid #bcd35f; }
.ranking dl:nth-child(4)::before { content: url(img/ranking4.png); }
.ranking dl:nth-child(5) { border: 2px solid #e9afaf; }
.ranking dl:nth-child(5)::before { content: url(img/ranking5.png); }
.ranking dl:nth-child(6) { border: 2px solid #87aade; }
.ranking dl:nth-child(6)::before { content: url(img/ranking6.png); }
.ranking dl:nth-child(7) { border: 2px solid #ffb380; }
.ranking dl:nth-child(7)::before { content: url(img/ranking7.png); }
.ranking dl:nth-child(8) { border: 2px solid #5fd3bc; }
.ranking dl:nth-child(8)::before { content: url(img/ranking8.png); }
.ranking dl:nth-child(9) { border: 2px solid #5fbcd3; }
.ranking dl:nth-child(9)::before { content: url(img/ranking9.png); }
.ranking dl:nth-child(10) { border: 2px solid #ddafe9; }
.ranking dl:nth-child(10)::before { content: url(img/ranking10.png); }
.ranking dd:last-child { border: none; }
.ranking .data span { display: inline-block; width: 5em; }
.ranking .comment { padding: 5px 0 0; }

.yamashiroya-tw { background: url(img/yamashiro-tower1000.png) right top no-repeat; background-size: 150px; }

/*----------------------------
	original style
-----------------------------*/
.guide-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0; }
.guide-box .box { border: 1px solid #e2e2eb; width: 96%; margin: 0 2%; position: relative; }
@media screen and (min-width: 960px) { .guide-box .box { width: 32%; margin: 0 0 16px; } }
.guide-box .box .tit { background: #e2e2eb; text-align: left; padding: 10px 20px; }
.guide-box .box .tit a { display: block; color: #333; }
.guide-box .box .tit a::before { content: "\f138"; font-family: FontAwesome; color: #125dae; }
.guide-box .box ul { margin: 1.0em 0 0 20px; }
.guide-box .box ul li { list-style-type: circle; }
.guide-box .more-link2 { margin-top: 1.0em; text-align: right; display: block; }
.guide-box .more-link2::before { content: "\f138"; font-family: FontAwesome; color: #125dae; margin-right: 6px; }
.guide-box .box-in { padding: 10px 14px; }

.tit-floor { padding: 0.8em; font-size: 20px; border-left-width: 5px; border-left-style: solid; margin-bottom: 1.5em; }
.tit-floor span { font-family: 'Oswald', sans-serif; font-size: 14px; margin-left: 15px; white-space: nowrap; }

.floor-links { margin-bottom: 1.5em; }
.floor-links a { display: inline-block; padding: 5px 20px 5px 0; }
.floor-links a::after { content: " \f0d7"; font-family: FontAwesome; color: #125dae; }
.floor-links a span { font-family: 'Oswald', sans-serif; font-size: 14px; margin-left: 5px; }
.floor-links a b.f1 { color: #eb153d; }
.floor-links a b.f2 { color: #3e07dd; }
.floor-links a b.f3 { color: #ff7800; }
.floor-links a b.f4 { color: #52a80c; }
.floor-links a b.f5 { color: #00aeff; }
.floor-links a b.bf { color: #f33e8f; }

.original-content #f1 { border: 1px solid #eb153d; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #f1 .tit-floor { color: #eb153d !important; border-left-color: #eb153d; }
.original-content #f1 .tit-floor a { color: #eb153d; }
.original-content #f2 { border: 1px solid #3e07dd; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #f2 .tit-floor { color: #3e07dd !important; border-left-color: #3e07dd; }
.original-content #f2 .tit-floor a { color: #3e07dd; }
.original-content #f3 { border: 1px solid #ff7800; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #f3 .tit-floor { color: #ff7800 !important; border-left-color: #ff7800; }
.original-content #f3 .tit-floor a { color: #ff7800; }
.original-content #f4 { border: 1px solid #52a80c; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #f4 .tit-floor { color: #52a80c !important; border-left-color: #52a80c; }
.original-content #f4 .tit-floor a { color: #52a80c; }
.original-content #f5 { border: 1px solid #00aeff; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #f5 .tit-floor { color: #00aeff !important; border-left-color: #00aeff; }
.original-content #f5 .tit-floor a { color: #00aeff; }
.original-content #bf { border: 1px solid #f33e8f; padding: 1.0em; margin-bottom: 1.5em; }
.original-content #bf .tit-floor { color: #f33e8f !important; border-left-color: #f33e8f; }
.original-content #bf .tit-floor a { color: #f33e8f; }

.floor-list { clear: both; margin: 1.5em 0; width: 100%; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.floor-list ul { margin: 0 0 1.0em; width: 100%; display: block; }
.floor-list li { padding: 4px 10px; }
.floor-list li:first-child { color: #fff; }
.floor-list li:nth-child(2n) { background: #f8f8f8; }

.photo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.photo li { width: 32%; }
.photo li img { width: 100%; height: auto; }

/* メールフォーム
-------------------------------*/
dl.post-form { width: 100%; margin: 30px 0; border-top: 1px solid #e2e2eb; }
dl.post-form dt { padding: 10px 0 0; }
dl.post-form dt i { font-size: 11px; color: #e70011; background: #FFCACB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 3px; margin-left: 5px; }
dl.post-form dd { padding: 10px; border-bottom: none; }
dl.post-form dd input { width: 100%; padding: 0.2em 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
dl.post-form dd #age { width: 50px; }

dl.post-form dd select.input-s{ width: 60px; padding: 0.2em 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.btn-submit { text-align: center; margin-top: 20px; }
.btn-submit input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.wpcf7-radio .wpcf7-list-item-label{ display: inline-block; }
.wpcf7-radio input[type="radio"]{ width: 20px; padding: 0; }
.wpcf7-submit { margin: auto; width: 200px; }

/* SIDE
-------------------------------------- */
#secondary h3 { margin-bottom: 1.0em; padding-bottom: 0; border-bottom: none; text-align: left; font-size: 18px; }
#secondary section { margin-bottom: 24px; padding: 0 2%; }
@media screen and (min-width: 960px) { #secondary section { padding: 0; } }

.widget_welcart_search { border: 1px solid #c9c9c9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px !important; margin: 0 2%; }
.widget_welcart_search .widget_title { border: 0; font-size: 18px; color: #333; }

/*---- SIDE 検索BOX ----*/
.widget_welcart_search .searchtext { width: 75%; width: -webkit-calc(100% - 87px); width: calc(100% - 87px); height: 40px; border: 1px solid #ccc; border-right: none; }

.widget_welcart_search #searchsubmit { width: 87px; background-color: #125dae; height: 40px; }

.widget_welcart_search div { margin-top: 10px; }

.widget_welcart_search div a { padding: 5px 10px; }

/*---- カテゴリスト ----*/
#menu-shop_cat { padding: 0; margin: 0 -12px; }
@media screen and (min-width: 960px) { #menu-shop_cat { margin: 0; } }
#menu-shop_cat li { position: relative; overflow: hidden; font-size: 16px; background: #125dae; margin: 0; }
#menu-shop_cat li a { color: #fff; display: block; text-align: left; padding-left: 30px; height: 50px; width: 100%; line-height: 50px; }
#menu-shop_cat li a:hover { text-decoration: none; font-weight: 700; }
#menu-shop_cat li a::before { position: absolute; content: url(img/icon_yama.png); color: rgba(255, 255, 255, 0.35); display: block; font-weight: 900; font-size: 60px; top: 5px; left: 5px; }
#menu-shop_cat li a::after { content: "\f101"; font-family: FontAwesome; font-size: 20px; position: absolute; right: 10px; top: 0; color: #fff; }
#menu-shop_cat li:nth-child(1) a { background: #fff; border: 1px solid #125dae; font-size: 18px; color: #125dae; }
#menu-shop_cat li:nth-child(1) a::before { content: "All floor"; color: rgba(0, 116, 242, 0.2); }
#menu-shop_cat li:nth-child(1) a::after { color: #e70011; }
#menu-shop_cat li:nth-child(1) a:hover { background: #feffd6; }
#menu-shop_cat li:nth-child(2) a { background: #eb153d; border: 1px solid #eb153d; }
#menu-shop_cat li:nth-child(2) a::before { content: "1F"; }
#menu-shop_cat li:nth-child(2) a:hover { background: #8e0c24; }
#menu-shop_cat li:nth-child(3) a { background: #3e07dd; border: 1px solid #3e07dd; }
#menu-shop_cat li:nth-child(3) a::before { content: "2F"; }
#menu-shop_cat li:nth-child(3) a:hover { background: #22047a; }
#menu-shop_cat li:nth-child(4) a { background: #ff7800; border: 1px solid #ff7800; }
#menu-shop_cat li:nth-child(4) a::before { content: "3F"; }
#menu-shop_cat li:nth-child(4) a:hover { background: #994800; }
#menu-shop_cat li:nth-child(5) a { background: #52a80c; border: 1px solid #52a80c; }
#menu-shop_cat li:nth-child(5) a::before { content: "4F"; }
#menu-shop_cat li:nth-child(5) a:hover { background: #244905; }
#menu-shop_cat li:nth-child(6) a { background: #00aeff; border: 1px solid #00aeff; }
#menu-shop_cat li:nth-child(6) a::before { content: "5F"; }
#menu-shop_cat li:nth-child(6) a:hover { background: #006899; }
#menu-shop_cat li:nth-child(7) a { background: #f33e8f; border: 1px solid #f33e8f; }
#menu-shop_cat li:nth-child(7) a::before { content: "BF"; }
#menu-shop_cat li:nth-child(7) a:hover { background: #bf0c5c; }

/*---- usces_recent_entries + widget_welcart_page + widget_welcart_post ----*/
.usces_recent_entries ul, .widget_welcart_page ul, .widget_welcart_post ul { text-align: left; }
.usces_recent_entries li, .widget_welcart_page li, .widget_welcart_post li { border-bottom: 1px solid #c9c9c9; position: relative; }
.usces_recent_entries li::before, .widget_welcart_page li::before, .widget_welcart_post li::before { content: "\e904"; font-family: "icomoon"; color: #0074f2; position: absolute; }
.usces_recent_entries li a, .widget_welcart_page li a, .widget_welcart_post li a { padding-left: 16px; }

ul#menu-side_navi_info li::before { content: "\f105"; font-family: FontAwesome; color: #0074f2; margin-right: 8px; }

/* footer 
----------------------*/
#footer-link { background: #125dae; padding-bottom: 100px; position: relative; border-bottom: 1px solid #fff; }
#footer-link .widget_title { font-size: 18px; text-align: left; color: #fff; padding: 25px 10px; background: url(img/line.png) 10px bottom no-repeat; margin-bottom: 0.8em; }
#footer-link .menu a { padding: 2px 0; display: block; color: #fff; text-align: left; }
#footer-link .menu a:hover { text-decoration: none; background: #dcdcdc; color: #125dae; }
#footer-link .address { color: #fff; line-height: 1.6; padding: 0 10px; }
#footer-link .address a { color: #ffe100; }
#footer-link .columnleft, #footer-link .columnleft2, #footer-link .columncenter, #footer-link .columnright { width: 100%; overflow: hidden; }
@media screen and (min-width: 768px) { #footer-link .columnleft, #footer-link .columncenter { width: 50%; } }
@media screen and (min-width: 960px) { #footer-link { padding-top: 30px; }
  #footer-link .columnleft, #footer-link .columncenter { width: 25%; }
  #footer-link .columnleft2 { width: 48%; }
  #footer-link .columnright { width: 50%; }
  #footer-link .columnright .fl_l, #footer-link .columnright .fl_r { width: 50%; margin-bottom: 24px; } }

.footer-link-in { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column-reverse; }
@media screen and (min-width: 960px) { .footer-link-in { flex-direction: row; } }
.footer-link-in::after { content: url(img/yamachan_line.png); position: absolute; bottom: -107px; right: 0; }

.box-wt { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; padding: 15px; margin-top: 24px; }
.box-wt p { color: #125dae; font-size: 12px; }
@media screen and (min-width: 768px) { .box-wt p { font-size: 13px; } }
@media screen and (min-width: 960px) { .box-wt { margin-top: 0; } }

#map { width: 100%; height: 170px; margin: 16px 0; }

footer { color: #fff; padding: 20px 0; background-color: #131313; }
footer a { color: #fff; }
footer a:visited { color: #fff; }

/* -- .copyright -- */
.copyright { padding: 15px 0; margin: 0 auto; text-align: center; font-size: 12px; }

#site-info { font-size: 12px; padding: 0; margin: 2.0em auto 0; }
#site-info li { display: inline-block; padding: 0 10px; }
@media screen and (min-width: 768px) { #site-info li { border-left: 1px solid #fff; font-size: 13px; }
  #site-info li:first-child { border: none; } }

/*---- widget_welcart_calendar ----*/
.widget_welcart_calendar table { width: 46%; margin: 0 2% 2%; border: 1px solid #5ba8fb; }
@media screen and (max-width: 600px) { .widget_welcart_calendar table { width: 80%; margin: 0 auto 15px; float: none; } }
.widget_welcart_calendar table caption { color: #fff; text-align: center; }

.widget_welcart_calendar th { color: #fff; background-color: #0066d5; border: 1px solid #5ba8fb; text-align: center; line-height: 1.0; }

.widget_welcart_calendar td { border: 1px solid #5ba8fb; text-align: center; background: #fff; line-height: 1.0; color: #333; }

.widget_welcart_calendar .businessday { background-color: #fff100; }

#footer-link .widget_welcart_calendar li { color: #fff; }

/*-------------------------------------- 
600px～1260px
 'md': 'screen and(min-width: 768px) ', 'lg': 'screen and(min-width: 960px) ', 'xl': 'screen and(min-width: 1200px)',

TOP #main
------------
#itemlist-block
#eventlist-block
#recommlist-block
#keylink-block
#sns-block
-------------------------------------- */
@media screen and (min-width: 768px) { /*768px以下 -------------------------------------- */
  /* main ------------------------------*/
  /* カテゴリーナビ */
  .cat-navi li { width: 33%; width: -webkit-calc(100% / 3); width: calc(100% / 3); letter-spacing: normal; }
  .cat-navi li a span { display: inline-block; }
  /* アイテムリスト -----------------------------------*/
  .item-btn { width: 460px; margin: 0 auto; height: 50px; line-height: 50px; font-size: 22px; padding: 0 20px; text-align: center; }
  /* イベントリスト -----------------------------------*/
  #eventlist-block li { border-bottom: 1px dotted #fff; width: 100%; }
  #eventlist-block li a { padding: 20px 12px; }
  #eventlist-block li a .day { font-size: 14px; margin-bottom: 5px; }
  #eventlist-block li a .day:hover { color: #fff; text-decoration: none; }
  #eventlist-block li a .desc, #eventlist-block li a .more-link { display: block; }
  #eventlist-block .thumb { height: 180px; }
  #eventlist-block .lead { margin-left: 42%; line-height: 1.5; font-size: 1.125em; }
  .event-btn { width: 460px; height: 50px; line-height: 50px; font-size: 22px; }
  /* バナーリスト -----------------------------------*/
  .list-bnr li { border: 1px solid #c9c9c9; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; }
  /* SNS BOX -----------------------------------*/
  #sns-block .inner, #sns-block .footer-link-in { background: url(img/sns_bg.png) right 50% no-repeat; padding: 20px 0; }
  /* イベント終了スタイル -----------------------------*/
  .event-end { font-size: 20px; font-size: 2rem; } }
@media screen and (min-width: 960px) { /*--------------------------------------  960px以下 -------------------------------------- */
  /*	TOP  -----------------------------*/
  #main-image .description { display: block; }
  /* main ------------------------------*/
  #itemlist-block, #eventlist-block, #recommlist-block, #keylink-block { padding: 44px 0; }
  /* カテゴリーナビ */
  .cat-navi li { width: 16%; width: -webkit-calc(100% / 6); width: calc(100% / 6); height: 65px; line-height: 65px; font-size: 16px; }
  /* お知らせBOX --------------------------------------*/
  #info-area { display: block; margin: 32px auto; padding: 10px; overflow: hidden; position: relative; height: 58px; border: 1px solid #c9c9c9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  #info-area span { background: #ff0000; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; display: block; height: 38px; line-height: 38px; padding: 0 15px; margin-right: 15px; color: #fff; float: left; }
  #info-area .info li { text-align: left; padding: 9px; font-size: 16px; }
  #info-area .info li b { font-size: 12px; color: #686868; font-weight: normal; }
  #info-area .info-btn { position: absolute; right: 10px; top: 10px; width: 124px; height: 38px; line-height: 38px; font-size: 16px; text-align: left; padding: 0 10px; }
  /* フリーブロック -----------------------------------*/
  .free-block { padding: 36px 3%; }
  .free-block .widget_title { font-size: 36px; }
  .front-title { font-size: 36px; }
  /* ウェジェットスタイル */
  .textwidget p { font-size: 16px; margin-bottom: 1.0em; }
  .textwidget img { width: auto; margin-right: 18px; }
  /* アイテムリスト -----------------------------------*/
  /* イベントリスト -----------------------------------*/
  #eventlist-block ul { margin-bottom: 26px; }
  #eventlist-block .front-title { margin-bottom: 0.6em; }
  #keylink-block .front-title { font-size: 26px; }
  /* SNS BOX -----------------------------------*/
  #sns-block { padding: 24px 0; }
  .sns-box { float: left; }
  .sns-box:first-child { margin-right: 24px; }
  /*----------------------------------- ページ・カテゴリーHEADER -----------------------------------*/
  #content .page-title, #content .entry-title { font-size: 30px; line-height: 1.4; margin-bottom: 1.0em; }
  /*---------------------------- 	original style -----------------------------*/
  .floor-list { margin: 1.5em 0; }
  .floor-list ul { margin: 0 1% 1.0em; width: 31%; }
  /* = .entry-content,item-description -------------------------------------------------------------- */
  .page-header .page-title { text-align: left; }
  .page-header .taxonomy-description { padding: 0 0 20px; }
  .page-header .taxonomy-description p { font-size: 16px; line-height: 1.6; }
  /* メールフォーム -------------------------------*/
  dl.post-form { width: 100%; }
  dl.post-form dt { padding: 15px 10px; float: left; clear: left; width: 15em; }
  dl.post-form dd { padding: 15px 10px 15px 15em; border-bottom: 1px solid #e2e2eb; }
  dl.post-form dd input { width: 100%; padding: 0.2em 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  .btn-submit { text-align: center; }
  .btn-submit input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  .wpcf7-submit { margin: auto; width: 200px; }
  .ranking dl { padding: 55px 1em 0; position: relative; }
  .ranking dl::before { position: absolute; top: 10px; left: 22%; }
  .ranking dt { width: 47%; float: left; margin-bottom: 20px; }
  .ranking dd { width: 50%; float: right; }
  .yamashiroya-tw { background: url(img/yamashiro-tower1000.png) right top no-repeat; background-size: 300px; padding: 0 360px 0 0; height: 800px; }
  /* CATEGORY　*/
  .category-cat1 .page-title, .category-cat2 .page-title, .category-cat3 .page-title, .category-cat4 .page-title, .category-cat5 .page-title, .category-cat6 .page-title { padding-left: 3.0em; } }
@media screen and (min-width: 1200px) { /*--------------------------------------  1200px以下 -------------------------------------- */ }