/* メニュー */
#sidr{display:none; position:absolute; top:0; height:auto; float:right; right:0; z-index:998; overflow-x:hidden; overflow-y:auto; background:#FFF; color:#666; width:100%; box-shadow: -1px 1px 4px 1px rgba(0,0,0,0.3); transform: translate3d(0, 0, 0); transform-style: preserve-3d; font-family: 'Noto Sans JP', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', 'Meiryo UI', Verdana, 'ＭＳ Ｐゴシック', sans-serif; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif; font-size: 11px;}
#sidr *{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;}
#sidr a{text-decoration:none; color:#000;}
#sidr img{height:0.7em; width:auto; margin-left: 0.5em; margin-bottom: 0.1em;}
#sidr ul{display:block; padding:0;}
#sidr ul li{display:block; margin:0; border-top:1px solid #fff; border-bottom:1px solid #dfdfdf;}
#sidr ul li a{display:flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;margin:0;padding: 1em 5% 0.9em 5%;line-height: 1em;vertical-align:middle;background-repeat:no-repeat;background-size:9% auto;color:#444;}
#sidr ul li a span:first-child{/*padding-right: 1em;*/}
#sidr ul li a .arrow{display: block; background-image: url(../common_images_sp/ico_arrow03.png); background-repeat: no-repeat; width: 10px; height: 20px; background-size: 10px; flex-shrink: 0;}
#sidr ul li a .tell{display: inline-block; font-weight: bold; font-size: 110%;}

/* メニューアイコン */
#sidr li.ico01{background: #fff;border: solid 1px #999;}
#sidr li.ico01 a{background-image:url(../common_images_sp/ico21c.png); color: #999; background-size: 1.3em;}
#sidr li.ico02 {background: #80dbe5;}
#sidr li.ico02 a{background-image:url(../common_images_sp/ico_login_b.png); color: #fff;}
#sidr li.ico03{background: #FBB03D;}
#sidr li.ico03 a{background-image:url(../common_images_sp/ico22.png); color: #fff; font-weight: bold;}
#sidr li.ico04{background: #4FCDDC;}
#sidr li.ico04 a{background-image:url(../common_images_sp/ico23.png); color: #fff; font-weight: bold;}
#sidr li.ico05{background: #E7F9F9;}
#sidr li.ico05 a{background-image:url(../common_images_sp/ico24.png);}
#sidr li.ico06 a{background-image:url(../common_images_sp/ico25.png);}
#sidr li.ico07 a{background-image:url(../common_images_sp/ico27.png);}
#sidr .menuIcon a{background-size:1.5em; padding-left:4em;}

/* トップとログイン */
#sidr .TopLogin{display:flex; justify-content:space-between; gap:0.8em; padding:0.8em; font-size: 75%;}
#sidr .TopLogin li{border-radius:3em;}
#sidr .TopLogin li a{padding: 0.7em 0.7em 0.6em 3.5em;}
#sidr .TopLogin li a span:first-child{padding-right: 0.3em;}
#sidr .TopLogin li a .arrow{background-image: url(../common_images_sp/ico_arrow04.png); width: 15px;}

#sidr .TopLogin li a .arrow03{background-image: url(../common_images_sp/ico_arrow03.png); width: 15px;}
#sidr .TopLogin li a .arrow04{background-image: url(../common_images_sp/ico_arrow04.png); width: 15px;}


/* バナー */
#sidr .bnrLi{display:flex; flex-wrap:wrap; justify-content:center; gap:1em; padding:1em 3em;}
#sidr .bnrLi img{width:100%; height:auto; margin-left: 0;}
#sidr .bnrLi a{width: 46%; padding:0;}

/* カテゴリー別メニュー */
#sidr .Category{font-size: 140%;display:block;margin:0;line-height:1.0em;vertical-align:middle;padding: 1em 5% 0.9em 3%;color: #fff;font-weight: bold;border-left: 8px solid;}
#sidr .sidrCategory1{background-color: #fff;color: #40b9d6;}
#sidr .sidrCategory2{background-color: #fff;color: #f69674;}
#sidr .sidrCategory3{background-color: #fff;color: #93c445;}
#sidr .sidrCategory4{background-color: #86d2e4; border-left: 8px solid #86d2e4;}
#sidr .sidrGreen{background-color: #f6ffe6;}
#sidr .sidrGray{background-color: #f7f7f7;}
#sidr .sidrGray .blue{color: #40b9d6;}

/* リンクアイコン */
#sidr .link_img{padding:2% 0;}
#sidr .link_img a{ display:block;  width:40%;  float:left;  margin:1%;  line-height:1em;  vertical-align:middle;  padding:0;}
#sidr .link_img a:nth-child(odd){margin-left:14%;}
#sidr .link_img img{width:100%; height:auto; padding:0;}

/* 閉じるボタン */
#sidr .closeUl, #sidr .closeUl li{border:none; box-shadow:none;}
#sidr .closeUl li{margin-bottom: 25px;}
#sidr .rokuS{width:40px; height:40px; margin:2em auto 0 auto; background-color: #999; text-align:center; color:#fff; padding:1px;}
#sidr .closeBtn{display:block; position:relative; width:25px; height:25px; margin:0 auto;}
.closeBtn::before,.closeBtn::after{content:""; position:absolute; top:55%; width:4px; height:27px; background:#fff; border-radius:2.5px;}
.closeBtn::before{transform:translate(-50%,-50%) rotate(45deg);}
.closeBtn::after{transform:translate(-50%,-50%) rotate(-45deg);}


/* 縦画面 */
.portrait #wrap{background: rgba(255,255,255,1);}
.portrait.wp-nova-content #content,
.portrait.wp-nova-content #navAreaInner,
.portrait #contBox{width: 100%;}
.portrait #headerAreaLogo{width: 32%; margin: 4% 0% 3% 3%;}
.portrait #headerArea .menu.tel{width: 14%; margin-top: 0.3%;}
.portrait #headerArea .menu.login{width: 14%; margin-top: 0.3%; margin-right: -2%;}
.portrait #footerArea{width: 100%;}
.portrait #menuBtn{display: block; width: 15%; margin-top: 2%;}
.portrait #sliderNavi .sliderPage{width: 100vw; height: auto;}
.portrait #sliderNavi #slBox03 li.floatL{margin: 1.7% 0 1.7% 1.6%;}
.portrait #sliderNavi #slBox03 li.floatR{margin: 1.7% 1.6% 1.7% 0;}
.portrait .rokuS{display: block;}
.portrait #sidr{position: fixed; width: 100%; height: 100%; padding-top: 0; border-left: none;}
.portrait #sidr li{width: 100vw;}
.portrait #sidr li a{background-position: 6% 50%; font-size: min(4.0vw, 2.5em);}
.portrait #sidr .bnrLi{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.portrait #sidr .bnrLi a{width: 46%;}
.portrait #sidr .bnrCpn{width: 100vw;border-bottom: none;}
.portrait #sidr .bnrCpn a{width: 100%;padding:0.9em 5% 0;}
.portrait #sidr .bnrCpn img{width: 100%;margin: 0 auto;height: auto;}
.portrait #sidr .TopLogin{display: flex; flex-direction: row;}
.portrait #sidr .TopLogin li a{background-position: 7% 50%;font-size: min(3.6vw, 2.5em);}
.portrait #sidr .TopLogin li a:first-child{background-position: 10% 50%;}
.portrait .closeUl{display: block;}
.portrait .floatNon{float: none;}

/* 横画面 */
.landscape body{position: static;}
.landscape #wrap{background: rgba(238,238,238,1);}
.landscape.wp-nova-content #content,
.landscape.wp-nova-content #navAreaInner,
.landscape #contBox{width: 65%;}
.landscape #headerAreaLogo{width: 16%; margin: 3% 0 2% 3%;}
.landscape #headerArea .menu.tel{width: 8%; margin-top: 0.5%;}
.landscape #headerArea .menu.login{width: 8%; margin-top: 0.5%; margin-right: 0;}
.landscape #footerArea{width: 100%;}
.landscape #menuBtn{display: none;}
.landscape .menu_b{width: 20%;}
.landscape .menu_b a{margin-top: 2%;}
.landscape #sliderNavi .sliderPage{width: 65vw; height: auto;}
.landscape #sliderNavi #slBox03 li.floatL{margin: 2% 0 2% 1.6%;}
.landscape #sliderNavi #slBox03 li.floatR{margin: 2% 1.6% 2% 0;}
.landscape .rokuS{display: none;}
.landscape #sidr{position: absolute; width: 35%; max-height: none; padding-top: 0;}
.landscape #sidr li{width: 100%;}
.landscape #sidr li a{background-position: 8% 50%; font-size: 1.8vw;}
.landscape #sidr .bnrLi{display: flex; flex-direction: column; gap: 0.6em; align-items: center;}
.landscape #sidr .bnrLi a{width: 90%;}
.landscape #sidr .TopLogin{display: flex; flex-direction: column;}
.landscape #sidr .TopLogin li a{background-position: 6% 50%;}
.landscape #sidr .bnrCpn img{height:auto; width:100%;}
.landscape .closeUl{display: none;}
.landscape .floatNon{float: none;}

/* 新しいヘッダーのみ適用 */
body.newHeader.landscape.wp-nova-content #content,
body.newHeader.landscape.wp-nova-content #navAreaInner,
body.newHeader.landscape #contBox{width: 100%;}