@charset "utf-8";
/*--------------------------------------------------------------------

ブレイクpoint　1100px
font-size 320-640

--------------------------------------------------------------------*/	
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, 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-style: normal; list-style: none; font-weight: 500}

  
.movie_blk {
    width: 100%;
    height: 100vh;
    position:fixed;
}
.movie_blk video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left:0;
}

   
a{text-decoration: none; color:#99153d ; transition: 0.3s}
a:hover{ color:#91808d; }
img{vertical-align: bottom; height: auto}


body{color: #22201e; background: url("../img/bg.jpg") repeat; 
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
}
.goshi{font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }
.min{ font-family: "Shippori Mincho", serif;  font-weight: 700;}

.imp{font-weight: 700}
.red{color: #8c4a55}
.bggold{background:#afa68f !important }


.tate { -webkit-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      text-orientation: upright; }

.line{display: inline ; background: linear-gradient(transparent 50%, rgba(235, 222, 222, 1) 50%); font-weight: 600}
.line2{display: inline ; background: linear-gradient(transparent 50%, rgba(213, 191, 193, 1) 50%); font-weight: 600}
.updw{animation: floating-y 1.8s ease-in-out infinite alternate-reverse;}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
.uplr{animation: floating-r 1.8s ease-in-out infinite alternate-reverse;}
@keyframes floating-r {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}

@keyframes shinea {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

a.btt {margin: 0 auto; line-height: 1.2; text-align: center; display: block; width: 80%; transition: .3s; box-shadow: 0 0 8px #80747d; border-radius: 10px 0 10px 0; 
color: #fff; padding: 20px 0 50px; background:#91808d; font-size: clamp(1.125rem, 0.458rem + 3.33vw, 1.75rem) }/*18-28*/
a.btt span{font-size: 13px; letter-spacing: 2px }
a.btt:hover{ box-shadow: none}

.fuki{position: relative; display: inline-block; padding: 0 15px 10px; margin-bottom: 30px}
.fuki::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  border: 1px solid #333333;
  border-top: none;
  border-bottom-right-radius: 50px; /* 左下の角丸 */
  border-bottom-left-radius: 50px; /* 右下の角丸 */
  translate: -50%;
}
.fuki::after {
  content: "";
  position: absolute;
  top: calc(100% + 8px); /* フキダシのサイズに応じて調整してください */
  left: 50%;
  width: 30px;
  height: 1px;
  box-sizing: border-box;
  background-color: #333333;
  box-shadow: 0 2px 0 #f8f2f4, 0 -2px 0 #f8f2f4;
  rotate: 50deg;
  translate: -50%;
}




/* アニメ　*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*--------------------------------------------------------------------

フェードイン
--------------------------------------------------------------------*/
.fade-in {
    animation-name: fadeIn; animation-duration:3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate3d(0,-20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
.fadeInUp {
    animation-name: fadeInUp; animation-duration:3s;
}

body{ line-height:1.8; font-size:clamp(0.875rem, 0.75rem + 0.63vw, 1rem)}/*14-16*/

.contBoxFlaxr{padding-top: 130px; max-width: 620px; margin: 0px auto 0; position: relative; z-index: 1}
#freekiji{padding: 0px 5% 100px}
#freekiji h2.freekijitit{ font-weight: 600; font-size:clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem) }
#freekiji .customer{background:#91808d; color: #fff; padding: 0 5px; display: inline-block; font-size:clamp(0.688rem, 0.625rem + 0.31vw, 0.75rem) }/*11-12*/
#freekiji .course-list .cat-5 .customer{background:#99153d;}

#freekiji .categoryt{text-align: right; font-size: 15px; margin-bottom: 40px}

#freekiji .archive-title{margin-bottom: 40px; text-align: center; font-size:clamp(1.375rem, 0.375rem + 5vw, 2.375rem)}/*22-38*/
#freekiji .side h2.widgettitle{margin-bottom: 10px;  padding: 10px 0;
  border-top: solid 1px #d6ced5; border-bottom: solid 1px #d6ced5; font-size:clamp(1.125rem, 0.75rem + 1.88vw, 1.5rem) }/*18-24*/

.blogBox .course-list a{position: relative ; display: block; border-bottom: dashed 1px #d6ced5; margin-bottom: 15px; padding-bottom: 15px}
.blogBox .course-list a h3{padding-left: 15px; }
.blogBox .course-list li{position: relative}
.blogBox .course-list a::before {
  content: "+";
  color: #99153d; position: absolute; top: 0px
}
.blogBox .course-list a .customer{line-height: 1.4; background:#91808d; display: inline-block; padding:0 5px; color:#fff ; margin-left: 15px; font-size:clamp(0.688rem, 0.438rem + 1.25vw, 0.938rem) }/*11-15*/
.blogBox .course-list a .category-list{color:#22201e ; padding-left: 15px; text-align: right; font-size:clamp(0.688rem, 0.438rem + 1.25vw, 0.938rem) }/*11-15*/

.blogBox .course-list dl{display: flex ; color:#8c4a55; letter-spacing: -1px}
.blogBox .course-list dt{ width: 50% }
.blogBox .course-list dd{width: 45% ; text-align: right; }


.pager {
    margin:0.4rem auto;
	margin: 50px auto 0;
    max-width: 1100px;
}
.pager:after, .pager ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pager a{ display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #91808d;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;  
}
.pager a:first-child {
    margin-left: 0;
}
.pager span{display:inline-block;
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	margin-bottom:5px;
	background-color: #c0c0c0;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 10px 20px;}

.pager a:hover {
    background-color: #ffe4df;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}	






.pagernav{font-size: 10px; padding-bottom: 40px }
.pagernav li{display: inline-block; margin-right: 5px}


.kijiBox .hh1{font-size:16px !important; border-left: solid 5px #91808d; padding:0 0 10px 10px; border-bottom: solid 1px #91808d; }
.kijiBox .hh2{font-size:16px !important; border-bottom: solid 1px #91808d; padding-bottom:10px}
.kijiBox .hh2:before{ content:none}

.kijiBox .style3b {padding:1.1em .9em 1em; font-size:16px !important; border-top:2px solid #91808d; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }

.kijiBox .style4a {padding:.3em 0 .3em .8em; font-size:16px !important; border-bottom:none; border-left:2px solid #91808d; }

.kijiBox .balloon { position:relative; display:block; margin:20px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:16px !important;font-weight: 700; background:#91808d; z-index:0; border-bottom:0; }
.kijiBox .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#91808d transparent transparent transparent; }

.kijiBox .style5a {  padding:.5em .8em .3em 1em; font-size:16px !important; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.kijiBox .style5b {  padding:.5em .8em .4em 1em; font-weight:400; font-size:16px !important; color:#fff; background:#91808d; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }

.kijiBox .well { background-color:#fff; min-height:20px; padding:19px; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.kijiBox .well2 {padding:1em 1.5em; line-height:2; border:1px dashed #91808d; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.kijiBox .wel3{
	padding:1em 1.5em;
	background-color:#fff;/*背景色*/
	position:relative;
}
.kijiBox .wel3:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #e2d6ca #e7ddde #e2d6ca;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.kijiBox a.q_button{display: block; box-shadow: 0 0 8px #80747d; padding:15px 40px; border-radius:30px; background:#91808d; color:#fff !important} 
.kijiBox a.q_button:hover{ box-shadow: none} 

.kijiBox .youtube{position: relative;
height: 0;
margin: 0px 0 10px;
padding: 30px 0 56.25%;
overflow: hidden;
}

.kijiBox .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-shorts {
    position: relative;
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
}

.youtube-shorts iframe {
    width: 100%;
    height: 560px;
}

.kijiBox ul li{list-style: disc; margin-left: 20px; line-height: 1.7; margin-bottom: 10px}
.kijiBox ol li{list-style-type: decimal; margin-left: 20px; line-height: 1.7; margin-bottom: 10px}


.kijiBox table,.kijiBox td,.kijiBox th {
    border-collapse: collapse;
    border:1px solid #eae4e4;
    padding: 10px 
    }

.kijiBox strong{font-weight: 800}



.priv{font-weight: 500; text-align: right; color: #fff; margin: 80px 5% 0 0 ; font-size: clamp(0.813rem, 0.625rem + 0.94vw, 1rem)}/*13-16*/
.priv a{ display: block; margin-bottom: 5px; color: #000}
.priv a:hover{color: #e79fa5}
.sukfoot{margin: 20px 5% ; text-align: center}
.sukfoot img{max-width: 558px}
.copy{padding:60px 0 0px; text-align: center; font-size: 12px; letter-spacing: -1px}

.side .sideBox1{margin-top: 80px}
.pagination-single{margin-top: 80px}
.pagination-single a{display: block;
    background: #f1eaeb;
    padding: 15px; font-size: clamp(0.688rem, 0.563rem + 0.63vw, 0.813rem)}/*11-13*/
.pagination-single .pagination-box{margin-bottom: 20px}


nav.globalMenuSp ul li.snsbox p{position: relative; display: inline-block}
nav.globalMenuSp ul li.snsbox p::before,
nav.globalMenuSp ul li.snsbox p::after{
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 20px;
  height: 1px;
}
nav.globalMenuSp ul li.snsbox p::before{
  transform: rotate(60deg);
  transform-origin: center;
}
nav.globalMenuSp ul li.snsbox p::after{
  transform: rotate(-60deg);
  transform-origin: center;
}

nav.globalMenuSp ul li.snsbox{text-align: center; padding-top: 20px; font-size: 13px; letter-spacing: 1px}
nav.globalMenuSp ul li .snsboxf{display: flex; justify-content: space-between}
nav.globalMenuSp ul li.snsbox a{width:47%; text-align: right; border: none}
nav.globalMenuSp ul li.snsbox a:last-child{text-align: left}
nav.globalMenuSp ul li.snsbox a:hover{background:none; opacity: 0.7 }
nav.globalMenuSp ul li.snsbox a img{width: 50px; border-radius: 5px}



@media screen and (max-width: 639px) {
body{overflow-x: hidden; font-size: 16px}
img{max-width: 100%; width: 100%; height: auto ; }

}



@media screen and (min-width: 640px) {
body{font-size: 16px}
main{width: 100%;}
img{height: auto ; max-width: 100%}

.blogBox .course-list a{margin-bottom: 25px; padding-bottom: 25px;}
.blogBox .course-list h3{font-size: 18px}
.blogBox .course-list a::before {
  content: "+";
  color: #99153d; position: absolute; top: 0
}

}


@media screen and (min-width: 740px) {
.kotei{left: 50%; margin-left: -350px !important}
}

@media screen and (max-width: 1099px) {
.smtno{display: none !important}

/*.kasoupage .contBoxFlaxr{padding-top: 10px;}*/

.contBoxFlaxl {position: absolute; top: 0; left: 0; padding: 20px 0 20px 5%}
.contBoxFlaxl h1{width: 280px ; font-weight: 700; line-height: 1.4; position: relative; z-index: 10}
.contBoxFlaxl h1 a{color: #fff ; letter-spacing: 1px;}
.contBoxFlaxl h1 img{max-width: 280px; width: 60%; top: -4px; position: relative;}
.contBoxFlaxl h2{font-size: 10px; position: absolute; left:98px; top: 20px}

.contBoxFlaxr .maintitle{text-align: center; color: #FFFFFF}
.contBoxFlaxr .maintitle img{width: 487px; max-width: 80%; }


/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 9000;
  right : 3%;
  top   : 15px;
  width : 60px;
  height: 60px;
  cursor: pointer;
  text-align: center;
  background: #91808d; border-radius:10px;
}
.hamburger:after{  content: "MENU"; color: #FFF; font-size: 11px; font-weight: 700; font-style: normal; position: absolute; top: 3px; left:11px}

.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 3px ;
  right    : 10px;
  background : #fff; border-radius: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 24px;
  width: 40px;
}
.hamburger span:nth-child(2) {
  top: 34px;
  width: 40px;
  animation-delay: 0.33s;
}
.hamburger span:nth-child(3) {
  top: 44px;
  width: 40px;
}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {width:40px;
 transform: translate(0, 10px) rotate(-45deg); animation: unset;
}

.hamburger.active span:nth-child(2){
animation: unset;opacity: 0; 
}
.hamburger.active span:nth-child(3) {width:40px;
  transform: translate(0, -10px) rotate(45deg);
  animation: unset;
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 1000;
  top  : 0;
  left : 0;
  color: #fff;
  height:100vh;
  background: #91808d;
  width: 100%;
/*  transform: scale(0,0);*/
transform: translateX(-100%);
  transition: all 0.6s;
  align-items: center;
  justify-content: center;
}
/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: translateX(0);
 transform: scale(1,1);
}

nav.globalMenuSp img{width: 169px}
nav.globalMenuSp ul { 
  margin: 0;
  padding: 20px 0 0;
  width: 100%;
  position: absolute;
  /* 子要素の高さが 200px とすると… */
  height: 700px; /* 子要素の固定高さ */ 
  top: calc((100% - 780px) / 2);
}


nav.globalMenuSp ul li .dro{padding-top: 10px}

nav.globalMenuSp ul li.ml20px{background:#baa5b5; padding: 10px 0 2px; position: relative}
nav.globalMenuSp ul li.ml20px p{border-bottom: dashed 1px #fff; margin-left: 9%}
nav.globalMenuSp ul li.ml20px p:last-child{border: none}
nav.globalMenuSp ul li.ml20px .bikasera{text-align: center; padding-bottom: 10px; line-height: 1.5 }
nav.globalMenuSp ul li.ml20px .bikasera strong{font-size: 12px ; color:#5a4a56 ;}
nav.globalMenuSp ul li.ml20px .bikasera a{display: block; width: auto; padding:4px 0;}
nav.globalMenuSp ul li.meth{letter-spacing: -1px}
nav.globalMenuSp ul li.blo p{display: flex; justify-content: space-between; border-bottom: dashed 1px #fff; text-align: center}
nav.globalMenuSp ul li.blo a{ padding:10px 0px 5px 0; border:none; width: 50%}
nav.globalMenuSp ul li.blo a:first-child{border-right: 1px solid #fff}
nav.globalMenuSp ul li.cont a{padding: 15px 0}


nav.globalMenuSp ul li p.pctate{text-align: center; color:#5a4a56 ; font-size: 11px; position: absolute; left: -14%; top: 35px ; transform: rotate(90deg); border: none ; letter-spacing: 2px} 
nav.globalMenuSp ul li.ml20px a{border: none; padding: 8px 0}

nav.globalMenuSp ul li .dropdown__lists {padding: 0}
nav.globalMenuSp ul li a:hover{
  background :#c16a72;
}
nav.globalMenuSp ul li{width: 100%}
nav.globalMenuSp ul li.w50 {width: 49%; position: relative; }
nav.globalMenuSp ul li.w50 a::before{content: "+ "; }
nav.globalMenuSp ul li.rec{margin-top: 10px}
nav.globalMenuSp ul li a{
  display: block; width: 100%; transition: .4s all; text-align: center;
  color: #fff; border-bottom: 1px dashed #fff;
  padding: 10px 0;
  text-decoration :none;
  font-size:clamp(1rem, 0.875rem + 0.63vw, 1.125rem)}/*16-18*/
  nav.globalMenuSp ul li a.brderno{border: none}
nav.globalMenuSp ul li:first-child a{border: none; font-size: 20px; margin-bottom: 10px}



nav.globalMenuSp ul li a span{display: block; margin-top: -5px; font-size: 13px}
nav.globalMenuSp ul li.ml20px a span{display: inline-block}

nav.globalMenuSp ul li .dropdown__lists li a{border: none; padding: 0 0px 0 25px} 
nav.globalMenuSp ul li .dropdown__lists li:last-child a{padding-bottom: 5px ; border-bottom: 1px dashed #fff;}
nav.globalMenuSp ul li.rec a{padding: 20px 0; background: #fff; color:#91808d; border-radius: 10px; text-align: center}

nav.globalMenuSp ul li.snsbox{display: flex; justify-content: space-between; max-width: 300px; margin: 0 auto; }
nav.globalMenuSp ul li.snsbox p.goshi{width: 28%}
.snsboxf{width: 70% ; letter-spacing: -1px;}
nav.globalMenuSp ul li.snsbox p::before, nav.globalMenuSp ul li.snsbox p::after{display: none}
nav.globalMenuSp ul li.snsbox a{font-size: 12px; text-align: center; padding: 0}
nav.globalMenuSp ul li.snsbox a:last-child{text-align: center}

.kotei{ margin: 0 5%;
  position: fixed; line-height: 1;
  bottom: 5px; 
  color: #fff;
  cursor: pointer;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
  z-index: 88; text-align: center; width: 90%; max-width: 700px;
    transform: translateY(100%); /* 下に隠す */
  transition: all 0.4s ease-in-out; /* スムーズなアニメーション */
}
.kotei a{color: #fff; display: block ; text-align: center; background:#91808d; transition: .3s; 
position: relative; border-radius: 10px 0 10px 0; box-shadow: 0 0 8px #80747d; }
.kotei li img{max-width:50px ; width: 38% }

.kotei li{border-radius: 10px;}
.kotei li a{min-height: 84px; box-sizing: border-box;}
.kotei li:first-child a {padding: 30px 0; background:#91808d; background-size:152px 60px; font-size: clamp(1.125rem, 0.458rem + 3.33vw, 1.75rem) }/*18-28*/
.kotei li:hover a{ box-shadow: none}
/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible; transform: translateY(0); /* 元の位置に戻す */
}

.copy{padding-bottom: 130px}
.cpp{padding: 50px 0 80px; text-align: center}
.cont-right{display: none}

}


@media screen and (min-width: 1100px) {

.contBoxFlax{width: 100%;}
.contBoxFlaxl{width:22%; position: fixed; right: 1%}
.contBoxFlaxr{padding-top: 50px; width: 620px; position: relative; z-index: 3; margin: 0 0 0 17%; }/*メインコンテンツ*/
#freekiji{padding-top: 30px}
.cont-right{position: fixed; left: 3%; top: 0px; padding-top: 50px; width: 12%; height: 100vh}
.sukholink{position: fixed; bottom: 8%; width: 12%}
.sukholink span{font-size: 10px}

.pcno{display: none !important}

header{position: fixed; height: 100vh; width: 100%; z-index: 1}
.pcmenuflex{line-height: 2.2 ; font-size:clamp(0.813rem, -1.25rem + 3vw, 1rem) }/*13-16 1100-1200*/
.pcmenuflex .bikasera{line-height: 1.5; padding-bottom:10px !important;}
.pcmenuflex .bikasera strong{font-size: 12px ; color: #80747d;}

.headl h1{display: none}

.headr{position: absolute; top: 8%; width:20% }
.headr a{ color: #22201e; font-weight: 700}
.headr a:hover{ color: #99153d}

nav.globalMenuSp ul li.cont{margin-bottom: 20px}
nav.globalMenuSp ul li.snsbox{margin: 0 auto 0 0; text-align: center; letter-spacing: normal; padding-top: 0 }

nav.globalMenuSp ul li.snsbox a{text-align: center; width: 50%}

nav.globalMenuSp ul li.snsbox a:first-child{padding-left:0}
nav.globalMenuSp ul li.snsbox a:first-child i{display: inline-block; padding-left: 7px}
nav.globalMenuSp ul li.snsbox a:last-child{width: 50%; padding-right: 0px; text-align: center}
nav.globalMenuSp ul li.snsbox a:last-child i{display: inline-block; padding-left: 5px}
nav.globalMenuSp ul li.snsbox p::before, nav.globalMenuSp ul li.snsbox p::after{background-color:#22201e}


nav.globalMenuSp ul li.ml20px{position: relative; margin-bottom: 20px; margin-left: 20px}
nav.globalMenuSp ul li.ml20px p{border-bottom: dashed 1px ; color: #80747d; padding: 5px 0 ;}
nav.globalMenuSp ul li.mainl a{padding: 3px 0}
nav.globalMenuSp ul li.cont a{padding: 8px 0}
nav.globalMenuSp ul li.meth{letter-spacing: -1px; font-size:clamp(0.688rem, -0.172rem + 1.25vw, 1rem)}/*1100 1500 11-16*/
nav.globalMenuSp ul li p.pctate{color: #80747d; border: none;
        position: absolute;
        left: -50px;
        top: 27px;
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 1px;
        transform: rotate(90deg);}
nav.globalMenuSp ul li.ml20px a{border: none; display: block}
nav.globalMenuSp ul li.blo p{display: flex; justify-content: space-between}
nav.globalMenuSp ul li.blo a{width: 49%; display: block; padding: 0 ;line-height: 1.5; margin-top: 5px;}
nav.globalMenuSp ul li.blo a:first-child{border-right: dashed 1px ;  }
nav.globalMenuSp ul li.blo a:last-child{text-align: center}

nav.globalMenuSp ul li .bikasera a{padding: 5px 0;}
nav.globalMenuSp ul li .snsboxf{font-size: 11px; width: 220px; margin: 0 auto}

.kotei{direction: none}
.pcmenuflex a.btt{font-size: 18px ; padding: 20px 0 20px; margin: 20px auto 0 0; width: 100%; color: #fff}
.pcmenuflex a:hover.btt{color: #fff}

.copy{ padding-bottom: 30px}

.ftbtn{display: none}

}

@media screen and (min-width: 1200px) {
.contBoxFlaxr{ margin:0 auto; padding-right:5% }/*メインコンテンツ*/
.cont-right {width: 16%; }


}


@media screen and (min-width: 1550px){
.cont-right {width: 16%; left: 12%}
.contBoxFlaxl{right: 5%}

}