@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: sunsetlive_template
Author: lablier
Version: 1.0.0
---------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');

/*-------------------------------------
リセットCSS
--------------------------------------*/
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,a,
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;
box-sizing: border-box;}
time{
    color: #1c2c59
}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
transition: .3s;}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#1c2c59;
text-decoration:none;}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#1c2c59;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;}
table {
border-collapse:collapse;
border-spacing:0;}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {vertical-align:middle;}



/*-------------------------------------
全体設定
--------------------------------------*/
html { font-size: 62.5%;}
body { ;font-size:1.6rem; }

body { font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.font-Josefin-Sans300{font-family: 'Josefin Sans', sans-serif; font-weight:300;}
.font-Josefin-Sans400{font-family: 'Josefin Sans', sans-serif; font-weight:400;}

html,
body { height: 100%; margin:0; padding:0; letter-spacing:0.05em; word-wrap: break-word; background-color: #FFF; color:#1c2c59;}
.wapper {
    background: url(images/bg03.png);
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,ol,li,
dl, dt, dd,
table,
tr,
th,
td{ line-height: 2; color:#1c2c59; box-sizing: border-box;}

p {
    font-size: 1.6rem;
}
li {
    list-style: none;
}

/* リンク */
a { color: #333; text-decoration:none;}
a:hover { transition: all .2s ease-in; opacity:0.7;}

/* 要素 */
img, video, object,source { max-width: 100%; height: auto; border: none; vertical-align: bottom;}
iframe { max-width: 100%;}

/* 画像リンクのマウスオーバーに透かし */
a:hover img { /*-moz-opacity: 0.7; opacity: 0.7;*/ transition: all .2s ease-in;}
img.size-full, img.size-large { margin-bottom: 10px; height: auto; max-width: 100%;}

/*table*/
table{ border: solid 1px #CCC; width: 100%;}
table thead tr th{
	border: solid 1px #666;
    background: #444;
    color: #FFF;
    padding: 1.8rem;
    text-align: left;
    font-weight: 400;
}
table tbody tr th{
	border: solid 1px #CCC;
	padding: 1.0rem 1.8rem;
	vertical-align:middle;
	line-height:1.6;
	font-weight: 700;
	text-align: left;
	font-size: 1.45rem;
	background:#F9F9F9;
}
table tbody tr td{
	border: solid 1px #CCC;
	padding: 1.0rem 1.8rem;
	vertical-align:middle;
	line-height:1.6;
	font-size: 1.45rem;
	background:#F9F9F9;
}

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



/*font-size*/
.textS{ font-size: 80%; }
.textL{ font-size: 115%; }


/*-------------------------------------
コンポーネント
--------------------------------------*/

/*見出し（大）*/
.titleBig{ position: relative;}

/*ぱんくず*/
.borderLing{ display: none; }

/*ページリンク*/
.paging {
    width: 95vw;
    margin: 3.0rem auto;
    line-height: 1.5;
}
.next {
    font-weight: 700;
    margin-bottom: 2rem;
}
.prev {
    font-weight: 700;
}
.next a,
.prev a{ margin-left: 1.8rem; font-weight: 400; }

/*時間*/
.timeSt {
    font-size: 1.3rem;
    display: inline-block;
}

/*カテゴリ ボタン*/
.categorySt {
    font-size: 1.3rem;
    display: inline-block;
    margin-right: 1rem;
}
.categorySt a {
    display: inline-block;
    background: #fff;
    color: #1c2c59;
    padding: 0.3rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 2.5rem;
}
.news_archive .categorySt a {
    background: #1c2c59;
    color: #fff;
}

/*box-shadow*/
.box-shadow{
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}


/*
以下クイックタグ
*/
/*01_見出し（中）*/
.titleMiddle {
    font-size: 2.0rem;
    position: relative;
    padding-left: 4.0rem;
    line-height:1.4;
    margin: 0 0 0.4rem 0;
    font-weight: bold;
}
.titleMiddle:before {
    content: "";
    width: 1.6rem;
    height: 0.3rem;
    background: #E30B21;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.titleMiddle:after {
    content: "";
    width: 1.6rem;
    height: 0.3rem;
    background: #39B200;
    display: block;
    position: absolute;
    top: 0;
    left: 1.6rem;
    bottom: 0;
    margin: auto;
}
/*01_見出し（小）*/
.titleSmall {
    font-size: 1.7rem;
    line-height:1.4;
    margin: 0 0 0.4rem 0;
    font-weight: bold;
}

/*02_文字装飾（赤字）*/
.importantText{
	color: #E30B21;
}

/*03_リスト（中点）*/
.listUsually{}
.listUsually li{
    text-indent: -1.4em;
    line-height: 1.6;
    margin: 0 0 0.4em 0;
    border: solid 1px #CCC;
    padding: 0.9em 1.2em 0.8em 2.5em;
    background: #F9F9F9;
	font-size: 1.45rem;
}
/*03_リスト（数字）*/
.listNumber{}
.listNumber li {
    text-indent: -1.0em;
    line-height: 1.6;
    margin: 0 0 0.4em 0;
    border: solid 1px #CCC;
    padding: 0.9em 1.2em 0.8em 2.5em;
    background: #F9F9F9;
	font-size: 1.45rem;
}

/*04_雛形（枠線）*/
.borderBox{
	border:solid 1.0rem #CCC;
	padding: 6%;
}
.borderBox h2.titleBig {
    display: inline-block;
    font-size: 1.8rem;
}
.borderBox h2.titleBig:before {
    content: "";
    width: calc(4.6rem / 2.4);
    height: calc(4.0rem / 2.4);
    background: url(img/common/checkIcon.png) no-repeat 0 0/calc(4.6rem / 2.4) calc(4.0rem / 2.4);
    display: inline-block;
    margin-right: 0.2em;
    position: relative;
    top: 0.12em;
}
.borderBox h2.titleBig:after {
    position: absolute;
    top: -0.4em;
    right: -0.9em;
}
.borderBox .borderBoxInner{
}
.borderBox .borderBoxInner p{
	font-size: 1.45rem;
}
/*04_雛形（引用）*/
blockquote{
	display: block;
	background:#F9F9F9;
	border:solid 1px #F1F1F1;
	padding: 6%;
	position:relative;
}
blockquote:before{
	content: "";
	display: block;
	width: calc(8.9rem / 2.8);
	height: calc(6.4rem / 2.8);
	background:url(img/common/quoteIcon.png) 0 0 / calc(8.9rem / 2.8) calc(6.4rem / 2.8);
	margin-bottom: 1.5rem;
}
blockquote p{
	font-size: 1.45rem;
}
blockquote p.textS{
	color: #999 !important;
}


/*05_レイアウト（文字：左　画像：右）*/
.layout01{
	border:none;
	width: 100%;
}
.layout01 tr{}
.layout01 tr td{
	display: block;
    border: none;
    padding: 0;
    line-height: 2;
    font-size: 1.6rem;
    background: #FFF;
    margin-bottom: 0.4rem;
    width: 100%;
}
.layout01 tr td img{
	width: 100%;
}
/*05_レイアウト（画像横並び）*/
.layout02{
	border:none;
	width: 100%;
	table-layout: fixed;
}
.layout02 tr{}
.layout02 tr td{
    border: none;
    padding: 0 0.4rem;
    line-height: 2;
    font-size: 1.6rem;
    background: #FFF;
    margin-bottom: 0.4rem;
    vertical-align: top;
}
.layout02 tr td img{
	width: 100%;
}


/*06_ボタン（大）*/
.btn {
    display: block;
    border: solid 1px #000 !important;
    text-align: center;
    padding: 1.5rem !important;
    color: #1c2c59 !important;
    margin: 0.8em 0 1.2em 0;
}
.btn.titleBig{
    -webkit-transition: all 0.6s ;
    -moz-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;
    background: linear-gradient(90deg,#FFF 0%,#FFF 50%,#E30B21 50%,#E30B21 75%,#39B200 75%,#39B200 100%);
    background-position: calc(200% - 0px) calc(100% + 0px);
    background-repeat: no-repeat;
    background-size: calc(200% + 1px) 100%;
    background-color: rgba(255,255,255,1.0);

}
.btn.titleBig:hover {
    opacity: 1;
    border: solid 1px #FFF !important;
        -webkit-transition: all 0.6s ;
    -moz-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;
    background: linear-gradient(90deg,#FFF 0%,#FFF 50%,#E30B21 50%,#E30B21 75%,#39B200 75%,#39B200 100%);
    background-position: calc(100% - 0px) calc(100% + 0px);
    background-repeat: no-repeat;
    background-size: calc(200% + 1px) 100%;
    background-color: rgba(255,255,255,1.0);
}
.btn:before{
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 3.5%;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.6s ;
    -moz-transition: all 0.6s ;
    -o-transition: all 0.6s ;
    transition: all 0.6s ;
}
.btn.titleBig{
	font-weight: 700;
}
.btn.titleBig:after{
	position: absolute;
    top: -2.2rem;
    right: -1.0rem;
}

/*06_ボタン（小）*/
.btnSmall {
    display: inline-block;
    border: solid 1px #000;
    padding: 1.2rem 1.0rem !important;
    font-size: 1.3rem;
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin: 0.8em 0 1.2em 0;
    position: relative;
    border-bottom: solid 1px #000 !important;
    color: #1c2c59 !important;
}
.btnSmall:before{
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 3.5%;
    bottom: 0;
    margin: auto;
}
.btnSmall:hover{
    opacity: 1;
}

/*タブ切り替え*/
.tabs {
    margin-top: auto;
    padding-bottom: 4.0rem;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin: 0 auto;
}
.tab_item {
    width: calc(100%/3);
    height: 5.0rem;
    border-bottom: 3px solid #39B200;
    background-color: #d9d9d9;
    line-height: 5.0rem;
    font-size: 1.4rem;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.7;
  cursor: pointer;
cursor: hand;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding:0 4vw 4vw 4vw;;
  clear: both;
  overflow: hidden;
}
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}
.tabs input:checked + .tab_item {
  background-color: #39B200;
  color: #fff;
}


/*遊戯アイコン*/
.playInfoBox{line-height: 1.6;}
.playInfoBox li {
    list-style-type: none;
    display: inline-block;
    font-size: 80%;
    line-height: 1.6;
    /* background: #39B200; */
    padding: 0.2em 0.4em;
    margin: 0.2em 0;
    color: #FFF;
    border-radius: 3px;
}


/*snsBox*/
.snsBox {
    text-align: center;
    padding: 2% 1.2%;
    position: absolute;
    top: 0;
    right: 0;
}
.snsBox li{
	list-style-type: none;
	display: inline-block;
	width: 7.8rem;
}

/*緑リンク*/
.linkGreen{ color: #39B200; text-decoration: underline; }





/*th,
td {
    background: #fff !important;
    border: 1px solid #bbb !important;
    font-size: 1.3rem !important;
    text-align: center !important;
    vertical-align: middle !important;
}*/
.row-3 .column-1 {
    background: #C5E1A5 !important;
}
.row-4 .column-1 {
    background: #d9edf7 !important;
}
.row-5 th {
    background: #dedede !important;
}




/*
以下固定ページの場合のクイックタグ
*/
/*01_見出し（中）*/
.page .titleMiddle {
    padding-left: 0;
    margin: 0 0 2.6rem 0;
    text-align: center;
}
.page .titleMiddle:before {
    top: 2em;
    right: 1.6rem;
}
.page .titleMiddle:after {
    top: 2em;
    right: 0;
    left: 1.6rem;
}
.page .titleSmall {
    margin: 2.4rem 0 1.2rem 0;
    text-align: center;
}


/*
クイックタグ組み合わせ
*/
.page .layout01 .titleSmall:first-child{
    margin: 0rem 0 1.2rem 0;
}






/*フォーム*/
input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea,
select {
    box-sizing:border-box;
    padding:1.5rem;
    font-size:1.5rem;
    letter-spacing:0.1em;
}
textarea {
    width: 100%;
}
.page input,
.page textarea {
    border-radius: 0px;
    background: #F6F6F6;
    border: solid 1px #eee;
}

.form_wrap {
    color: #1c2c59;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.wpcf7 h3 {
    color: #1c2c59;
    margin-top: 2rem;
}
.page .wpcf7-form-control-wrap{
    margin-top:4px;
}

/*コンタクトフォーム7の送信ボタン*/
.page .wpcf7-submit {
    text-indent: 3rem;
    letter-spacing: 1rem;
    width: 76%;
    padding: 2.0rem;
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    transition: all .2s ease-in;
    margin: 0 auto 1.5rem auto;
    background: url(img/common/mailWhite.png) no-repeat #39B200 calc( 50% - 3.6rem ) 50% / calc( 4.2rem / 2) calc( 3.6rem / 2);
    color: #FFF;
    position: relative;
    border: none;
        line-height: 1.8;
}
.page .wpcf7-submit:hover{
	background:url(img/common/mailWhite.png) no-repeat #E30B21 calc( 50% - 3.6rem ) 50% / calc( 4.2rem / 2) calc( 3.6rem / 2);
	cursor: pointer;
	cursor: hand;

}

/*送信後に出てくる文字*/
div.wpcf7-response-output{ padding:1em;}

a.nolink{
    pointer-events:none;
}



/*-------------------------------------
レイアウト
--------------------------------------*/
/*inner-layout*/
.page .inner-layout {
    width: 100rem;
    margin: 0 auto;
}
.sp100vw{ width: 100vw; }

/*header*/
header{
    /*position: relative;*/
    background: url(images/bg03.png);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 60;
}
header .inner {
    width: 100rem;
	max-width: 100%;
    margin: 0 auto;
}
header .headLeft{ float: left; }
header .headLeft img {
    max-width: 60vw;
    display: block;
    max-height: 4.4rem;
    margin: .8rem 1rem;
}
header .headRight{
    float: right;
    margin-right: 2.0rem;
}
header .headRight nav ul {
    margin-top: 2rem;
    padding-bottom: 1rem;
}
header .headRight .sns li {
    margin: 1rem 4% 0 0;
}
header .headRight .sns li:last-child {
    margin-right: 0;
}
header .headRight .sns a:hover {
    opacity: 1;
}
header .headRight .sns img {
    width: 4rem;
    height: auto;
}
header .headRight nav li {
    position: relative;
}
li.icon01::before {
    content: url(images/foot_icon01.png) !important;
}
li.icon02::before {
    content: url(images/foot_icon02.png) !important;
}
li.icon03::before {
    content: url(images/foot_icon03.png) !important;
}
li.icon04::before {
    content: url(images/foot_icon04.png) !important;
}
li.icon05::before {
    content: url(images/foot_icon05.png) !important;
}
li.icon06::before {
    content: url(images/foot_icon06.png) !important;
}
li.icon07::before {
    content: url(images/foot_icon07.png) !important;
}
li.icon08::before {
    content: url(images/foot_icon08.png) !important;
}
li.icon09::before {
    content: url(images/foot_icon09.png) !important;
}
header .headRight nav li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 17%;
}
header .headRight nav ul li a {
    color: #fff;
    display: block;
    font-size: 1.6rem;
    margin: 0 auto;
    padding: .8rem;
}
.drawer-nav .sns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
header .drawer-nav .sns li {
    margin: .5rem .5rem 0 0;
    padding-left: 0;
}
.main_gnav {
    background: url(images/bg03.png);
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
    max-width: 100%;
    height: auto;
    z-index: 50;
}
.main_gnav ul {
    display: flex;
    margin: 2rem auto 1rem;
    padding: 0 0 1rem;
    width: 100rem;
	max-width: 100%;
}
.main_gnav li {
    width: 12.5%;
}
.main_gnav a {
    border-right: 1px dotted #1c2c59;
    color: #1c2c59;
    display: block;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.main_gnav li.first a {
    border-left: 1px dotted #1c2c59;
}
.main_gnav a .lubi {
}
.main_gnav a .lubi {
    font-size: 1.2rem;
}
.main_gnav img {
    width: auto;
    height: 6rem;
}

/*titleBox*/
.titleBox {
    text-align: center;
    padding-bottom: 3.2vw;
    position: relative;
    padding-top: 4.6vw;
    border-top: solid 0.1rem #CCC;
    background: #FFF;
}
.titleBox:before{ content: ""; width: 50%; height: 0.3rem; display: block; background: #E30B21; position:absolute; bottom:0; left: 0;}
.titleBox:after{ content: ""; width: 50%; height: 0.3rem; display: block; background: #39B200; position:absolute; bottom:0; right: 0;}

.titleBox p,
.titleBox h1,
.titleBox h2 {
    font-size: 6vw;
    line-height: 1.15;
    display: inline-block;
    text-transform: capitalize;
}
.titleBox p span,
.titleBox h1 span,
.titleBox h2 span {
    font-size: 3.2vw;
    font-weight: 700;
    display: block;
}



/*sidebar.php*/
.sideTopBanner {
    text-align: center;
    width: 95vw;
    margin:0 auto 3.0rem auto;
}
.sideGet{margin-bottom: 3.0rem;}
.sideGet h3{ font-size: 1.8rem; border-bottom:solid 3px #000; padding-left:2.5vw;}
.sub figcaption {
    margin-top: .5rem;
}
.sideGet figure {
    border-bottom: solid 1px #000;
    background: none;
    text-align: center;
    margin-bottom: 0;
    padding: 2rem 0;
    width: 100%;
}

.category .sideGet figure {
    border-bottom: none;
    background: none;
    width: 49%;
    margin: 0 2% 0 0;
    position: relative;
    padding-top: 0;
    transition: .3s;
}
.category .sideGet figure:hover {
    opacity: .8;
    cursor: pointer;
}
.category .sideGet figure:nth-child(2n) {
    margin-right: 0;
}
.category .sideGet figure > a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.category .sideGet figure .fig_in {
    border-bottom: 1px dotted #1c2c59;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.category .sideGet figure .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 2.5rem 1.5rem;
    width: 100%;
}
.category .sideGet figure .right_sign {
    background: #1c2c59;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6%;
}
.category .sideGet figure .thumb_link {
    display: block;
    width: 34%;
    height: auto;
  position: relative;
}



.category .sideGet figure{
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-parent .category .sideGet figure .thumb_link{
  position: relative;
  width: 34%;
}
.page-template-page-parent .category .sideGet figure .thumb_link:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.page-template-page-parent .category .sideGet figure .thumb_link img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  max-height: 15.3rem;
}




.category .sideGet figure img {
    max-height: 100%;
}
.category .sideGet figure figcaption {
    font-size: 1.6rem;
    margin-left: 4%;
    position: relative;
    width: 62%;
    text-align: left;
}
.category .sideGet figure figcaption .content p {
    font-size: 1.4rem;
    line-height: 1.3;
}
.category .sideGet figure figcaption .title {
    font-weight: bold;
    margin: 1rem 0;
    line-height: 1.5;
    color: #1c2c59;
}
.category .sideGet figure figcaption time {
    margin-top: 0.4rem;
    font-size: 1.4rem;
    line-height: 1;
}
.single .layoutRight figcaption{
    line-height:1.5;
    color: #1c2c59;
}
.single .layoutRight figcaption a{
    line-height:1.5;
    color: #1c2c59;
}

.single-gallery {
    width: 100%;
}

.artist .inner {
    margin: 4rem auto;
    width: 108rem;
	max-width: 100%;
}
.artist .date_label {
    background: #1c2c59;
    border-radius: 5rem;
    text-align: center;
    margin: 4rem auto;
    padding: 2rem 4rem;
    width: 20rem;
}
.artist .date_label span {
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
}
.artist .date_wrap {
    display: flex;
    flex-wrap: wrap;
}
.artist .inner figure {
    width: 23.5%;
    margin-right: 2%;
}
.artist .inner figure:nth-child(4n) {
    margin-right: 0;
}

.sideBottomBanner {
    text-align: center;
    width: 95vw;
    margin:0 auto 3.0rem auto;
}

/*footer*/
footer {
    background: url(images/bg01.jpg);
    text-align: center;
    margin-top: 4rem;
}
footer .inner {
    width: 100rem;
	max-width: 100%;
    margin: 0 auto;
}
.foot_top {
    background: url(images/foot_bg.png);
    height: 2.8rem;
}
.foot01{ position:relative;}
.foot01 p {
    margin: 0 auto;
    padding-top: 4rem;
}
.foot01 p img {
    max-width: 12rem;
    height: auto;
}
.foot02 .inner {
    display: flex;
    flex-wrap: wrap;
}
.foot02 .box2 {
    padding: 2rem;
    width: 50%;
	max-width: 100%;
}
.foot02 .box2.right dd {
    display: flex;
    flex-wrap: wrap;
}
.foot02 dt,
.foot02 dd,
.foot02 a {
    color: #fff;
    font-size: 1.5rem;
    text-align: left;
}
.foot02 dt {
    border-bottom: 1px solid #fff;
    margin: 2rem 0 .8rem;
    padding-bottom: .8rem;
}
.foot02 .sns {
    display: flex;
    flex-wrap: wrap;
}
.foot02 .sns li {
    margin: 2% 4% 0 0;
}
.foot02 .sns li:last-child {
    margin-right: 0;
}
.foot02 .sns li img {
    width: 4rem;
    height: auto;
}
.foot02 .right ul {
    width: 50%;
}
.foot02 li {
    list-style: none;
    margin-left: 2rem;
    padding-left: .5rem;
    position: relative;
}
.foot02 li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -2rem;
}
.foot03 {
    background: url(images/bg02.jpg);
}
.foot03 p {
    color: #fff;
    padding: 2rem 0;
}



/*single.php*/
.single main {
    display: flex;
    flex-wrap: wrap;
    margin: 6rem auto 0;
}
main.single {
    max-width: 138rem;
}
main.single-artist,
main.single-gallery {
    width: 100rem;
}
.single .contentBox {
    background: #fff;
    padding: 4rem;
}
.single .layoutLeft {
    max-width: 100rem;
    width: 70%;
}
.single .layoutRight {
    max-width: 29rem;
    margin-left: 5%;
    width: 25%;
}
.single .contentBox  a{
	color: #FFF;
	border-bottom: solid 1px #FFF;
	padding-bottom: 0.08em;
}
/*.single .contentBox h1,
.single .contentBox h2,
.single .contentBox h3,
.single .contentBox h4,
.single .contentBox h5,
.single .contentBox h6,
.single .contentBox p,
.single .contentBox ul,
.single .contentBox ol,
.single .contentBox table {
	margin:0 0 0.8rem 0;
}*/

.titleText {
    font-size: 2.0rem;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}
.lineup-template-default .titleText {
    text-transform: none;
}
.titleText span {
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
}
.single h1.titleText + img{
	margin-bottom:4.0rem;
	width: 100%;
}
.single .timeSt time{
    color: #fff;
}
.single .mainbox_inner,
.content_head_inner {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}
.content_head {
    background: url(images/bg01.jpg);
    padding: 4rem 0;
}
.content_head_inner {
    text-align: center;
    margin: 0 auto;
}
.mainbox_inner {
    margin: 0 auto 5rem;
}
.mainbox_inner figure {
    margin-bottom: 4rem;
}
.single .mainbox_inner figure img{
    display: block;
    margin: 0 auto;
}

/*single-artist.php*/
.single-artist .databox {
    border-bottom: 1px solid #1c2c59;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
}
.single-artist .box2 {
    width: 50%;
}
.single-artist .contentBox {
    background: transparent;
}
.single-artist .box {
    border-bottom: 1px solid #1c2c59;
    padding: 3rem 0;
}
.single-artist .box .inner {
    display: inline-block;
    padding-left: 1rem;
}
.single .single-artist  .contentBox p {
    margin: 0;
}
.single-artist .videobox .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}
.single-artist .videobox .video {
    width: 33%;
    height: auto;
    margin-right: .5%;
}
.single-artist .videobox iframe {
    width: 100%;
}
.single-artist .videobox .video:last-child {
    margin-right: 0;
}
.single-artist .mainbox_inner .box2::before,
.single-artist .mainbox_inner .box::before {
    background: #1c2c59;
    color: #fff;
    content: '';
    display: inline-block;
    font-weight: bold;
    margin-right: 1rem;
    padding: .5rem 0;
    text-align: center;
    width: 10rem;
}
.single-artist .mainbox_inner .date::before {
    content: 'DATE';
    margin-right: 2rem;
}
.single-artist .mainbox_inner .stage::before {
    content: 'STAGE';
    margin-right: 2rem;
}
.single-artist .mainbox_inner .textBox::before {
    content: 'PROFILE';
    vertical-align: top;
}
.single-artist .mainbox_inner .link::before {
    content: 'OFFICIAL';
    vertical-align: top;
}
.single-artist .mainbox_inner .videobox::before {
    content: 'VIDEO';
    margin-bottom: 2rem;
}
.archivebtn_area {
    text-align: center;
}
.archivebtn_area a {
    background: #1c2c59;
    border: none;
    border-radius: 5rem;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 5rem 0;
    padding: 2rem 0;
    width: 30%;
}

.w3eden {
    width: 20rem;
}
.w3eden .pull-left {
    padding-right: 0 !important;
    width: 30%;
}
.w3eden .ptitle {
    font-size: 1.3rem;
}
.w3eden .ptitle span {
    display: block;
    margin-top: .5rem;
}
.w3eden .btn {
    color: #fff !important;
    background: #1c2c59 !important;
    border: none !important;
    font-size: 1.1rem !important;
    text-decoration: none !important;
    padding: 1rem !important;
    width: auto;
}
.w3eden .media-body {
    text-align: center;
}

.category .wp-pagenavi {
    text-align: center;
}
.category .wp-pagenavi a,
.category .wp-pagenavi span {
    padding: 1rem 1.5rem;
}
.wp-pagenavi .current {
    background: #1c2c59;
    color: #fff;
}
.category .wp-pagenavi a {
    border: 1px solid #1c2c59;
    color: #1c2c59;
}

/*single-gallery.php*/
.gallery_content .gallery,
.gallery_content .movie {
    display: flex;
    flex-wrap: wrap;
}
.gallery_content .gallery-item {
    width: 19.2%;
    margin-right: 1%;
    overflow: hidden;
}
.gallery_content .gallery-item:nth-child(5n) {
    margin-right: 0;
}
.gallery_content .gallery-item img {
    width: 100%;
    height: auto;
}
.gallery_date {
    background: #fff;
    border-radius: 5rem;
    display: inline-block;
    font-size: 2.0rem;
    font-weight: bold;
    margin-top: 2rem;
    padding: .5rem 2rem;
    text-align: center;
}
.movie_box {
    width: 32%;
    margin: 0 2% 4rem 0;
}
.movie_box  .movie_text{
    line-height:1.5;
    color: #1c2c59;
}
.movie_box:nth-child(3n) {
    margin-right: 0;
}
.movie_box div,
.movie_box iframe {
    max-width: 100%;
}

.tab_inner {
    width: 108rem;
    margin: 0 auto;
}

/*.recommendedBox*/
.recommendedBox .titleBox p {
    background: url(images/h2_under.png) no-repeat left bottom;
    font-size: 3.2rem;
    line-height: 1.2;
    display: inline-block;
    padding-bottom: 1rem;
}
.recommendedBox .titleBox p span{
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
}
.recommendedBox {
    margin: 0 auto;
    padding: 6rem 0;
    width: 138rem;
}
.recommendedBox .titleBox{
	background:none;
	border: none;
}
.recommendedBox .titleBox:before{
	content: none;
}
.recommendedBox .titleBox:after{
	content: none;
}
.recommendedBox dl a:nth-child(2) dd:after{
    background: #39B200;
}

/*new*/
.recommendedBox .titleBox:before{
	content: none;
}
.recommendedBox .titleBox:after{
	content: none;
}
.recommendedBox .inner-layout {
	margin-bottom: 0;
}
.recommendedBox dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.recommendedBox dl dt {
    overflow: auto;
    height: auto;
}
.recommendedBox dl dt img {
    position: static;
    transform: none;
    width: 100%;
}
.recommendedBox dl dd {
    overflow: auto;
    width: 100%;
    display: block;
    height: auto;
    color: #1c2c59;
    text-shadow: none;
    position: static;
    font-size: 1.45rem;
    padding: 0;
    background: none;
    margin-top: 0.4rem;
    font-weight: 700;
    line-height: 1.5;
}

/*page.php*/
main.category {
    width: 100rem;
    margin: 4rem auto 0;
}
.page .contentBox {
    line-height: 1.8;
    padding: 4rem;
}
.page .contentBox .alignright {
    float: right;
    margin-left: 2rem;
}
.page .mainbox{
    padding: 0;
}
.page .layoutCenter{}

.pageKv{
    width: 100%;
    height: 11rem;
}

.page .titleBox{}
.page .titleBox h1:after {
    width: calc(4.4em / 6.5);
    height: calc(5.6em / 6.5);
    background-size: calc(4.4em / 6.5) calc(5.6em / 6.5);
    position: absolute;
    top: -0.55em;
    right: -0.7em;
}
.pageLayoutBox {
    margin: 3.5rem 0 0rem 0;
    padding-bottom: 3.5rem;
    border-bottom: solid 1px #eee;
}
.pageLayoutBox:last-child{
	border: none;
}

/*page-tab.php*/
.page.tab .mainbox_inner {
    display: none;
}
.page.tab .mainbox_inner.show {
    display: block;
}
.page.tab .tab_top_text {
    margin: 4rem 0;
}
.page.tab .tab_top_text p {
    color: #1c2c59;
}
.page.tab .pagetab_menu {
    border-bottom: .4rem solid #1c2c59;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.page.tab .pagetab_menu li {
    background: #8390a8;
    border-right: solid #1c2c59;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.6;
    list-style: none;
    padding: 1rem 0;
    text-align: center;
    transition: .3s;
    text-transform: uppercase;
}
.page.tab .pagetab_menu li span {
    display: block;
    font-size: 1.3rem;
}
.page.tab .pagetab_menu li:last-child {
    border-right: none;
}
.page.tab .pagetab_menu li:hover,
.page.tab .pagetab_menu li.active {
    background: #1c2c59;
}
.page.tab .pagetab_menu li.active {
    cursor: default;
}
.page.tab .pagetab_menu.tab_w2 li {
    width: 50%;
}
.page.tab .pagetab_menu.tab_w3 li {
    width: 33.3%;
}
.page.tab .pagetab_menu.tab_w3 li:last-child {
    width: 33.4%;
}
.page.tab .pagetab_menu.tab_w4 li {
    width: 25%;
}
.sponsor_box .gallery {
    display: flex;
    flex-wrap: wrap;
}
.sponsor_box .gallery figure {
    width: 19%;
    margin-right: 1.25%;
}
.sponsor_box .gallery figure:nth-child(5n) {
    margin-right: 0;
}
.GAnone {
    display: none;
}
.lb-dataContainer .GAnone {
    display: block;
    margin-top: 1rem;
}
.event_caption,
.event_caption h3,
.event_caption p {
    color: #fff;
}
.event_caption {
    font-size: 2rem;
}

.event_caption h2 {
    color: #fff;
    margin: 1rem 0 2rem;
}
.event_caption h3 {
    background: #fff;
    border-radius: 5rem;
    color: #1c2c59;
    display: inline-block;
    font-size: 1.6rem;
    margin: 2rem 0 1rem;
    padding: .5rem 1.5rem;
}
.event_caption p {
    line-height: 1.4;
    text-align: left;
}
.event_caption a {
    color: #fff;
}
.page.gogo .gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page.gogo figure {
    margin-bottom: 2rem;
}
.page.gogo .first_gogo figure {
    max-width: 20.0rem;
    width: 19%;
}
.page.gogo .second_gogo figure {
    max-width: 24.0rem;
    width: 24%;
}
.page.gogo .final_gogo figure {
    max-width: 49.0rem;
    width: 49%;
}
.page.gogo .GAnone {
    display: block;
}
.page.gogo .GAnone h2 {
    color: #fff;
    background: #1c2c59;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    margin-top: .5rem;
}
.page.gogo .GAnone p {
    display: none;
}

/*sns*/
.snsBtn{
    display: block;
    margin-bottom: 3.0rem;
    text-align: center;
}
.snsBtn div{
    margin-right: 1.0rem;
    display: inline-block;
}

/*-------------------------------------
個別ページ
--------------------------------------*/
/*home*/
.home .content_head {
    padding: 6rem 0;
}
.home .topMainV{
    width: 100%;
    display: block;
}
.home .topMainV img{
    width: 100%;
}
.top_img img {
    width: 100%;
}
.top_area .inner {
    width: 100rem;
    margin: 0 auto;
}
.top_area h2 {
    background: none;
    color: #1c2c59;
    font-size: 4rem;
    line-height: 1.4;
    text-align: center;
}
.top_area h2 span {
    display: block;
    font-size: 1.6rem;
}
.top_area.topics {
    margin-top: 6rem;
}
.top_area.topics ul {
    border-top: 1px solid #1c2c59;
    margin-top: 4rem;
}
.top_area.topics li {
    list-style: none;
    border-bottom: 1px solid #1c2c59;
    padding: 0 2rem;
}
.top_area.topics time,
.top_area.topics p:last-child span {
    color: #1c2c59;
    font-size: 1.6rem;
}

.top_area.topics .categorySt a {
    background: #1c2c59;
    border: none;
    color: #fff;
    text-align: center;
    margin: 1.2rem 2.4rem;
    width: 12rem;
}
.top_area.topics p:last-child {
    display: inline-block;
    vertical-align: middle;
}
.top_area.menu {
    background: url(images/bg02.jpg);
    padding: 6rem 0 4rem;
}
.top_area.menu .inner {
    display: flex;
    flex-wrap: wrap;
}
.top_area.menu .box3 {
    margin: 0 2% 2rem 0;
    width: 32%;
}
.top_area.menu .box3:nth-child(3n) {
    margin-right: 0;
}
.top_area.menu a {
    background: #fff;
    display: block;
    text-align: center;
    padding: 1.5rem;
}
.top_area.menu a span {
    display: block;
    margin-top: 1rem;
}
.top_area.about {
    margin-top: 6rem;
}
.top_area.about p {
    color: #1c2c59;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 2rem;
}
.about_gallery {
    margin-bottom: 2rem;
}
.about_gallery .gallery {
    display: flex;
    flex-wrap: wrap;
}
.about_gallery .gallery-item {
    width: 49%;
    margin: 0 2% 2rem 0;
}
.about_gallery .gallery-item:nth-child(2n) {
    margin-right: 0;
}
.morebtn_wrap {
    text-align: center;
}
.morebtn_wrap a {
    background: #1c2c59;
    border: none;
    border-radius: 5rem;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 5rem 0;
    padding: 2rem 0;
    width: 30%;
}
.top_area.gallery {
    background: url(images/bg01.jpg);
    padding-top: 6rem;
}
.top_area.gallery h2 {
    color: #fff;
}
.top_area.gallery .slider {
    padding: 4rem 0;
}
.top_area.gallery .box2 {
    display: flex;
    flex-wrap: wrap;
}
.top_area.gallery .box {
    width: 47%;
    margin-right: 3%;
}
.top_area.gallery .box:last-child {
    margin-right: 0;
}
.top_area.gallery .morebtn_wrap a {
    background: #fff;
    color: #1c2c59;
}
.top_area.access,
.top_area.supported {
    padding-top: 6rem;
}
.top_area.access .box {
    margin-top: 4rem;
}
.top_area.supported .box6 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
}
.top_area.supported .box {
    width: 15%;
    margin: 0 2% 2rem 0;
}
.top_area.supported .box:nth-child(6n) {
    margin-right: 0;
}
.category figure {
    padding-bottom: 0;
}



.home .mainvisual {
    width: 100%;
    height: 100vh;
    position:relative;
    max-height: 56.0rem;
    min-height: 48.0rem
}
.home .mainvisual .mainvisualCenter{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	height: 28vw;
	margin:auto;
}
.home .mainvisual .mainvisualCenter h1{
	text-align: center;
	color: #FFF;
	letter-spacing: 0em;
	font-weight: 400;
	line-height:1.4;
	-moz-text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	-webkit-text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	-ms-text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
	font-size: 9vw;
	position:relative;
	text-indent: -0.3em;
}
.home .mainvisual .mainvisualCenter h1.titleBig:after{
    content: "";
    width: calc(4.4em / 7);
    height: calc(5.6em / 7);
    background-size: calc(4.4em / 7) calc(5.6em / 7);
    position: absolute;
    top: -0.4em;
    right: 0.4em;
}
.home .mainvisual .mainvisualCenter h1 span.h1-03{
    display: block;
    font-size: 4.2vw;
    letter-spacing: 0.6em;
}


.home .mainvisual .mainvisualBottomLeft{
	position:absolute;
	bottom:0;
}
.home .mainvisual .mainvisualBottomLeft ul{
	width: 95vw;
    margin: 2.5vw 2.5vw;}
.home .mainvisual .mainvisualBottomLeft ul li{ list-style-type: none; float: left;}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(1){ width: 15vw; height: 15vw; background: #FFF;}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) {width: calc(100% - 15vw);}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a{ display: block;width: 80vw; height: 15vw; background:rgba(0,0,0,0.6); color: #FFF; font-size: 3.0vw; line-height:1.5; padding: 3vw 0 0 3vw;}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a time{
	display: inline-block;
	margin-left:1em;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a span {
    display: block;
    font-size: 3.5vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60vw;
}

.home .mainvisual .mainvisualBottomRight{
	display: none;
}

/*home共通*/
.home .titleBox{
	background:none;
	border-top: none;
}
.home .titleBox:before{
	content: none;
}
.home .titleBox:after{
	content: none;
}
.home .titleBox h2:after {
    width: calc(4.4em / 6.5);
    height: calc(5.6em / 6.5);
    background-size: calc(4.4em / 6.5) calc(5.6em / 6.5);
    position: absolute;
    top: -0.55em;
    right: -0.7em;
}


/*contact*/
.page.contact{}
.pageKv_contact{
    background: url(img/page/contactKv.jpg) center center / cover;
}
.page.contact .contact01{}
.page.contact .contact01 p:nth-child(2) a{
    text-indent: 3rem;
    letter-spacing: 0rem;
    width: 76%;
    padding: 2.0rem;
    font-size: 1.5rem;
    font-weight: 400;
    display: block;
    transition: all .2s ease-in;
    margin: 0 auto 1.5rem auto;
    background: url(img/page/telWhite.png) no-repeat #39B200 calc( 50% - 8.0rem) 50% / calc( 4.2rem / 1.5 ) calc( 3.8rem / 1.5 );
    color: #FFF;
    position: relative;
    text-align: center;
}
.page.contact .contact01 p:nth-child(2) a:hover {
    background: url(img/page/telWhite.png) no-repeat #E30B21 calc( 50% - 8.0rem) 50% / calc( 4.2rem / 1.5 ) calc( 3.8rem / 1.5 );
    opacity: 1;
}
.page.contact .contact02{}



/*company*/
.page.company{}
.pageKv_company {
    background: url(img/page/companyKv.jpg) center center / cover;
}
.company .page .titleSmall {
    /* margin: 0 0 1.2rem 0; */
    text-align: left;
}
.company .page .companyCharacter{
	text-align: center;
}
.company .page .companyCharacter img {
    width: 58%;
}
/*recruit*/
.page.recruit{}
.pageKv_recruit {
    background: url(img/page/recruitKv.jpg) bottom center / cover;
}
.page .recruit .tabs .titleMiddle {
    margin-top: 5rem;
    margin-bottom: 3rem;
}


/*shop*/
.page.shop{}
.pageKv_shop {
    background: url(img/page/shopKv.jpg) bottom center / cover;
}
.page .shop .contentBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
.page.shop .shop01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.page.shop .pageLayoutBox > h2.titleMiddle{
	width: 100%;
}
.page.shop .shopContentBox {
    margin-bottom: 2.5rem;
    position: relative;
    width: 100%;
}
.page.shop .shopContentBox:last-child{
	margin-bottom: 0;
	}
.page.shop .shopContentBox > img{
	width: 100%;
}
.page.shop .shopContentBoxSmall {
    width: 95%;
    margin: 1.8rem auto 0 auto;
    padding-bottom: 1.2rem;
}
.page.shop .shopContentBoxSmall h2.titleMiddle{
}
.page.shop .shopContentBoxSmall table{}
.page.shop .shopContentBoxSmall table tr{}
.page.shop .shopContentBoxSmall table tr th{
	padding: 0.8rem 1.0rem 0.8rem 1.2rem;
	font-size: 80%;
}
.page.shop .shopContentBoxSmall table tr td {
    padding: 0.8rem 1.0rem 0.8rem 1.2rem;
    font-size: 80%;
    line-height: 1.6;
}
.page.shop .shopContentBoxSmall table tr:last-child th,
.page.shop .shopContentBoxSmall table tr:last-child td{
	border-bottom: none;
}
.page.shop .shop02 {
    width: 100%;
}
.page.shop .shop02 .shopContentBox{
	width: 100%;
}
.page.shop .shop03 {
    width: 100%;
}
.page.shop .shop03 .shopContentBox{
	width: 100%;
}



/*category.php*/
.category .sideGet{
	margin-bottom:0;
}

/*404*/
.error404 .titleBox h1:after {
    width: calc(4.4em / 6.5);
    height: calc(5.6em / 6.5);
    background-size: calc(4.4em / 6.5) calc(5.6em / 6.5);
    position: absolute;
    top: -0.55em;
    right: -0.7em;
}

/*archive-lineup.php*/
.newIconTitle{
    display: inline-block;
}
.newIcon{
    display: inline-block;
    background: #F2E63D;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

.pcnone {
    display: none;
}
.lineup-template-default .link a{
word-break: break-all;
}

/*////////////////////////////////////////////////////////////

▼▼  SP表示 max-768px  ▼▼

////////////////////////////////////////////////////////////*/
@media (max-width: 768px) {
header .inner {
    width: 100%;
}
header .snsnav,
.main_gnav {
    display: none;
}
header .headRight nav li {
    padding-left: 4rem;
}

footer .inner {
    width: 100%;
    display: block;
}
.foot02 .box2 {
    width: 100%;
}
footer .box2.right {
    display: none;
}
.foot02 dt,
.foot02 dd,
.foot02 a {
    font-size: 1.3rem;
}
.foot03 p {
    font-size: 1.2rem;
}

.home .mainvisual {
    max-height: none;
}
.top_img img {
    filter: drop-shadow(.2rem .2rem .2rem rgba(0, 0, 0, .8));
}
.top_img .vegas-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_img .vegas-wrapper img {
    vertical-align: middle;
}
.home .content_head {
    display: none;
}
.top_area.topics {
    margin-top: 0;
}
.top_area.topics ul {
    margin-top: 2rem;
}
.top_area .inner {
    width: 100%;
    padding-top: 2rem;
}
.top_area .timeSt {
    margin-top: .5rem;
}
.top_area .timeSt time {
    line-height: 1.2;
}
.top_area.topics .categorySt a {
    margin: .5rem 2.4rem;
}
.morebtn_wrap a {
    margin: 4rem 0;
    width: 60%;
}
.top_area.menu {
    padding: 0;
}
.top_area.menu .inner {
    padding: 1.5rem 1.5rem 0;
}
.top_area.menu .box3 {
    margin-right: 2%;
    width: 49%;
}
.top_area.menu .box3:nth-child(3n) {
    margin-right: 2%;
}
.top_area.menu .box3:nth-child(2n) {
    margin-right: 0;
}
.top_area.menu a {
    font-size: 1.2rem;
    padding: .5rem;

}
.top_area.menu a span {
    margin-top: .5rem;
}
.top_area.about {
    margin-top: 0;
}
.top_area.about .inner {
    padding: 4rem 2rem 0;
    margin-top: 0;
}
.top_area.gallery,
.top_area.access,
.top_area.supported,
.top_area.supported .inner {
    padding-top: 0;
}
.top_area.gallery .slider {
    padding: 2rem 0 0;
}
.top_area.gallery .box2 {
    display: block;
}
.top_area.gallery .box {
    width: 100%;
    margin-right: 0;
}
.top_area.supported .box6 {
    margin-top: 2rem;
}
.top_area.supported .box {
    width: 32%;
    margin: 0 2% 2rem 0;
}
.top_area.supported .box:nth-child(3n) {
    margin-right: 0;
}
.top_area.topics li {
    line-height: 1;
}
.top_area.topics p:last-child {
    font-size: 1.3rem;
    line-height: 1.5;
    padding-bottom: .5rem;
}
.top_area.topics p:last-child span {
    font-size: 1.4rem;
}

.about_gallery .gallery {
    display: block;
}
.about_gallery .gallery-item {
    width: 100%;
    margin-bottom: 2%;
}
.home .about_gallery .gallery-item {
    width: 100%;
    margin-bottom: 5%;
}
.about_gallery .gallery-item {
}
.top_area.access .box {
    margin-top: 2rem;
}


.single .mainbox_inner,
.content_head_inner {
    width: 100%;
    margin-top: 0;
}
.single .mainbox_inner {
    margin-top: 2rem;
}
main {
    margin-top: 2rem;
}
.home main {
    margin-top: 0.2rem;
}
main.single-artist,
main.single-gallery {
    width: 100%;
}
.gallery_content .gallery,
.gallery_content .movie {
    display: flex;
    flex-wrap: wrap;
}
.gallery_content .gallery-item {
    width: 49%;
    margin-right: 2%;
}
.gallery_content .gallery-item:nth-child(5n) {
    margin-right: 2%;
}
.gallery_content .gallery-item:nth-child(2n) {
    margin-right: 0;
}
.mainbox_inner figure {
    margin-bottom: 2rem;
}
.archivebtn_area a {
    width: auto;
    padding: 2rem;
}
.movie_box {
    width: 100%;
    margin: 0 0 4rem 0;
}
.movie_box div {
    max-width: none;
}

.single .contentBox {
    padding: 4rem;
}
.single .layoutLeft,
.single .layoutRight {
    width: 100%;
    max-width: none;
    margin-left: 0;
}
.recommendedBox {
    padding: 0 1rem 1rem;
    width: 100%;
}
.recommendedBox dd {
    margin-bottom: 2rem;
}

.single-artist .databox,
.single-artist .videobox .inner {
    display: block;
}
.single-artist .databox {
    margin-top: 2rem;
    padding-bottom: 0;
}
.single-artist .box2 {
    width: 100%;
    margin-bottom: 2rem;
}
.single-artist .videobox .video {
    width: 100%;
    margin: 0 0 2rem;
}
.artist .inner {
    padding: 0 2rem;
    width: 100%;
}
.artist .inner figure {
    width: 49%;
    margin-right: 2%;
}
.artist .inner figure:nth-child(2n) {
    margin-right: 0;
}

.page .contentBox {
    line-height: 1.6;
    padding: 2rem;
}
.page.tab .pagetab_menu {
    margin: 2rem 0;
}
.page.tab .pagetab_menu li span {
    font-size: 1.0rem;
}
.page .contentBox .alignright {
    float: none;
    margin: 0 auto;
}
.sponsor_box .gallery figure {
    width: 32%;
    margin-right: 2%;
}
.sponsor_box .gallery figure:nth-child(5n) {
    margin-right: 2%;
}
.sponsor_box .gallery figure:nth-child(3n) {
    margin-right: 0;
}

.category .sideGet figure {
    width: 100%;
    margin: 1rem 0;
}
.categorySt {
    margin: 0;
}
.categorySt a {
    padding: 0 .8rem;
}
.category .sideGet figure figcaption time {
    margin-top: .5rem;
    font-size: 1.2rem;
}
.category .sideGet figure figcaption .title {
    margin: .5rem 0;
}

.sideGet figure {
    text-align: center;
}
main.category {
    width: 100%;
    margin: 2rem auto 0;
}
.page .inner-layout {
    width: 100%;
}

.pcnone {
    display: block;
}
.table_wrap {
    overflow-x: scroll;
}
.table_wrap .tablepress {
    width: 180%;
}
.page-template-page-tab-php .table_wrap .tablepress {
    width: 100%;
}
.tab_inner {
    width: 100%;
}

.page.gogo .first_gogo figure,
.page.gogo .second_gogo figure {
    max-width: 49.0rem;
    width: 49%;
}
.page.gogo .GAnone h2 {
    font-size: 1.2rem;
    padding: .5rem 0;
}

.category .wp-pagenavi {
    padding-top: 3rem;
}


input:not([type=checkbox]):not([type=radio]):not([type=submit]),
textarea,
select {
    max-width: 100%;
}


}














/*////////////////////////////////////////////////////////////

　　▼ ▼　　SP（横）表示 min-481px　　▼ ▼　　

////////////////////////////////////////////////////////////*/
@media (min-width:481px) {
/*-------------------------------------
全体設定
--------------------------------------*/
html { font-size: 62.5%;}
body { ;font-size:1.6rem; }


/*-------------------------------------
コンポーネント
--------------------------------------*/
/*04_雛形（枠線）*/
.borderBox{
	padding: 5%;
}
/*04_雛形（引用）*/
blockquote{
	padding: 5%;
}
/*05_レイアウト（文字：左　画像：右）*/
.layout01 tr td{
	display: table-cell;
	vertical-align: top;
}
.layout01 tr td:nth-child(1) {
    width: 65% !important;
    padding-right: 5%;
}
.layout01 tr td:nth-child(2){
}
.layout01 tr td img{
	width: 100%;
}

/*-------------------------------------
レイアウト
--------------------------------------*/
/*sidebar.php*/
.sideTopBanner img{
    padding: 0 7.45rem 3.45rem 7.45rem;
}
.sideGet {
    width: 95vw;
    margin: 0 auto 3.0rem auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.sideGet h3{ border-bottom:none; padding-left: 0; width: 100%;}
.sideGet figure:nth-of-type(3n){
	margin-right: 0;
}

/*.taitleBox*/
.titleBox {
    padding-bottom: 2.0vw;
    padding-top: 3.4vw;
}
.titleBox p,
.titleBox h1 {
    font-size: 4.5vw;
}
.titleBox p span,
.titleBox h1 span {
    font-size: 2.0vw;
}

/*single.php*/
.titleText {
    font-size: 3.0rem;
}

/*page.php*/
.pageKv {
    width: 100%;
    height: 18.0rem;
}
.page .contact .contact01 p:nth-child(2) a {
    padding: 3rem;
}
.page .wpcf7-submit {
    padding: 3.0rem;
}



/*category.php*/
.category .recommendedBox {
    margin-top: 0;
    border-top: solid 1px #eee;
}
.category .sideGet {
    padding-top:2.5rem;
}
.category .sideGet figure:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 32.5vw;
}
.category .categorySt a {
    width: auto;
}

/*404.php*/
.error404 .recommendedBox {
    margin-top: 0;
    border-top: solid 1px #eee;
}
.error404 .page-404 {
    padding: 6.0rem 0;
}

/*-------------------------------------
個別ページ
--------------------------------------*/
/*home*/
.home .mainvisual .mainvisualCenter {
    height: 20vw;
}
.home .mainvisual .mainvisualBottomLeft ul {
    width: auto;
    margin: 0;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(1){ width: 6.8rem; height: 6.8rem; }
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a {
    display: block;
    width: 100%;
    height: 6.8rem;
    font-size: 1.6rem;
    padding:1.0rem 2.0rem;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a time{
	display: inline-block;
	margin-left:1em;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a span{
	display: block;
	font-size: 1.6rem;
	width: auto;
}

/*company*/
.company .page .companyCharacter img{
    width: 30%;
}

/*shop*/
.page.shop .shop01 {
    justify-content: center;
}
.page.shop .shopContentBox {
    width: 70%;
}
.page.shop .shopContentBox p:nth-child(1) img{
    width: 100%;
}
.page.shop .shop02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page.shop .shop02 .shopContentBox {
    width: 70%;
}
.page.shop .shop03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page.shop .shop03 .shopContentBox {
    width: 70%;
}


}/*SP（横）表示 min-481pxここまで */


/*////////////////////////////////////////////////////////////

▼▼  TB表示 min-768px  ▼▼

////////////////////////////////////////////////////////////*/
@media (min-width:768px) {

/*.taitleBox*/
.titleBox {
    padding-bottom: 2.0vw;
    padding-top: 3.4vw;
}
.titleBox p,
.titleBox h1,
.titleBox h2 {
    font-size: 4.5vw;
}
.titleBox p span,
.titleBox h1 span,
.titleBox h2 span {
    font-size: 2.0vw;
}



/*-------------------------------------
レイアウト
--------------------------------------*/
/*inner-layout*/
.sp100vw{ width: 95vw; }

/*.recommendedBox*/
.recommendedBox dl a {
    width: 24%;
}
.recommendedBox dl dd {
	font-size: 1.45rem;
}

/*page.php*/
.pageKv {
    width: 100%;
    height: 21.0rem;
}
.page .titleMiddle {
    padding-left: 0;
    margin: 0 0 4.5rem 0;
    text-align: center;
    font-size: 2.4rem;
}
.page .titleMiddle:before {
    top: 2.4em;
    right: 3.2rem;
    width: 3.2rem;
}
.page .titleMiddle:after {
    top: 2.4em;
    right: 0;
    left: 3.2rem;
    width: 3.2rem;
}


/*category.php*/
.category .sideGet {
    margin-bottom: 0;
    padding-top:3.5rem;
}

/*404.php*/
.error404 .page-404 {
    padding: 10.0rem 0;
}



/*-------------------------------------
個別ページ
--------------------------------------*/
.home .mainvisual {
    height: 45vh;
    min-height: 52.0rem;
    max-height: none;
}
.home .mainvisual .mainvisualCenter {
    height: 19vw;
    text-align: center;
}
.home .mainvisual .mainvisualCenter h1 {
    font-size: 7.5vw;
    display: inline-block;
    margin: 0 auto;
    text-indent: 0;
}
.home .mainvisual .mainvisualCenter h1.titleBig:after {
    width: calc(4.4em / 8);
    height: calc(5.6em / 8);
    background-size: calc(4.4em / 8) calc(5.6em / 8);
    top: -3.0vw;
    right: -4vw;
}
.home .mainvisual .mainvisualCenter h1 span.h1-03 {
    font-size: 3.4vw;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(1){
    width: 5.6rem;
    height: 5.6rem;
    background: #FFF;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a {
    height: 5.6rem;
    font-size: 1.2rem;
    padding: 1vw;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a span {
    font-size: 1.4rem;
}
.home .mainvisual .mainvisualBottomRight {
    display: block;
    position: absolute;
    top: 0;
    right: 1.0rem;
}
.home .mainvisual .mainvisualBottomRight p {
    display: inline-block;
    height: 5.6rem;
    line-height: 5.6rem;
    font-size: 1.2rem;
    color: #FFF;
    font-weight: 300;
}


/*shop*/
.page.shop .shop01 {
    justify-content: space-between;
}
.page.shop .shopContentBox {
    width: 48.5%;
}
.page.shop .shop02 {
    width: 48.5%;
    border: none;
}
.page.shop .shop02 .shopContentBox {
    width: 100%;
}
.page.shop .shop03 {
    width: 48.5%;
}
.page.shop .shop03 .shopContentBox {
    width: 100%;
}

/*2019.06.02 sakai 追記*/
.single-artist{
    width: 100%;
}
.youtube_outer {
  width: 33%;
  padding-top: 20%;
  position: relative;
  top: 0;
  left: 0;
}
.youtube_outer > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}





}/*TB表示 min-768pxここまで */


/*////////////////////////////////////////////////////////////

PC表示 min-960px

////////////////////////////////////////////////////////////*/
@media (min-width:960px) {

/*-------------------------------------
全体設定
--------------------------------------*/
p {
    font-size: 1.6rem;
}

/*-------------------------------------
コンポーネント min-960px
--------------------------------------*/
/*ぱんくず*/
.borderLing{
	display: block;
	height: 6.0rem;
	line-height: 6.0rem;
	font-weight: 500;
}
.borderLing div div {
    display: inline-block;
    margin-right: 0.8rem;
}
.borderLing div div:after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    display: inline-block;
    transform: rotate(45deg);
    position: relative;
    top: -1px;
    margin-left:0.8rem;
}
.borderLing div div:last-child:after{ content: none }
.borderLing{ color: #999999; }
.borderLing div div a{ opacity: 1; }

/*ページリンク*/
.paging {
    width: 97.5vw;
    margin: 6.0rem auto 0 auto;
}

/*06_ボタン（大）*/
.btn {
    padding: 2.5rem !important;
    font-size: 1.8rem;
    font-weight: 700;
    width: 76%;
    margin: 1em auto 1.8em auto;
}
.btn.titleBig:after {
    right: -2.0rem;
}

/*06_ボタン（小）*/
.btnSmall {
    padding: 0.8rem 3rem !important;
    width: auto;
    z-index: 0;
    overflow: hidden;
}
.btnSmall:hover{
    color: #FFF !important;
}
.btnSmall:before{
    content: none;
}
.btnSmall:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
}
.btnSmall:hover:after {
    left: 0;
    background: rgba(0,0,0,1);
}

/*タブ*/
.tabs {
    margin-top: auto;
    padding-bottom: 4.0rem;
    background-color: #fff;
    box-shadow: none;
    width: 100%;
    margin: 0 auto;
}
.tab_content {
    padding: 0;
}

/*sns*/
.snsBtn{
    text-align: left;
}
.snsBtn div{
}

/*-------------------------------------
レイアウト min-960px
--------------------------------------*/
/*header*/

header .headRight nav ul {
    margin-top: 0;
    padding-bottom: 0;
}
header .headRight nav ul li a {
    color: #333;
    display: inline;
    width: auto;
    background: none;
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    position: static;
}
header .headRight nav ul li a:before {
    content: none;
    border-top: none;
    border-right: none;
    transform: none;
    top: auto;
    right: auto;
}

header .headRight nav ul {
	line-height:1;
}
header .headRight nav ul li {
    line-height: 1.8rem;
    float: left;
}


/*titleBox*/
.titleBox {
    padding-top: 0.5rem;
    padding-bottom: 2.5rem;
    border: none;
}
.titleText {
    font-size: 3.2rem;
}
.titleBox p {
    font-size: 5.2rem;
    line-height: 1.15;
    display: inline-block;
}
.titleBox p span{
	font-size: 1.6rem;
	font-weight: 700;
	display: block;
}

/*main*/

/*footer*/
.foot01 p a{ opacity: 1; }

.foot02{ display: block; }
.foot02 ul {line-height:1;}

/*sidebar*/
.sideTopBanner img {
    padding: 0;
}
.sideGet h3 {
    border-bottom: solid 3px #000;
    padding-left: 0;
}
.sideGet figure figcaption time{
	font-weight: 400;
	font-size: 1.3rem;
	margin-top: 0.4rem;
}
.sideTopBanner {margin-bottom: 5.0rem; width: auto;}
.sideGet figure > a {
    position: relative;
    z-index: 1;
}
.sideGet{
	margin-bottom: 5.0rem;
	display: block;
	width: 100%;
}
.sideBottomBanner {margin-bottom: 0; width: auto;}
.sideBottomBanner img{ padding: 0;}


/*single.php*/
.single .mainbox {
	box-shadow: none;
}

.paging {
    width: 100%;
}

/*single-gallery.php*/
.single-gallery .mainbox_inner figure {
    margin-bottom: 1%;
}


/*.recommendedBox*/
.recommendedBox .titleBox {
    padding-top: 0.5rem;
    padding-bottom: 2.5rem;
    border: none;
}
.recommendedBox .single .titleText {
    font-size: 2.7rem;
}
/*.recommendedBox .titleBox {
    background:none;
}*/
.recommendedBox .titleBox:before{
	content: none;
}
.recommendedBox .titleBox:after{
	content: none;
}
.recommendedBox .inner-layout {
	margin-bottom: 0;
}
.recommendedBox dl dt {
    overflow: auto;
    height: auto;
}
.recommendedBox dl dd {
    font-size: 1.5rem;
}

/*page.php*/
.pageKv {
    width: 100%;
    height: 30.0rem;
}
.page .mainbox{
    padding: 0;
}
main.page {
    width: 100%;
    max-width: 100%;
    margin-top: 4rem;
}
.page .inner-layout {
    width: 70%;
    max-width: 98.0rem;
    margin: 0 auto;
}
.page .titleBox h1:after {
    width: calc(4.4em / 10);
    height: calc(5.6em / 10);
    background-size: calc(4.4em / 10) calc(5.6em / 10);
    position: absolute;
    top: -0.4em;
    right: -0.6em;
}
.page .borderLing {
    border-bottom: solid 1px #eee;
    padding-left: 2.0rem;
    margin-bottom: 0;
}

.pageLayoutBox {
    margin: 4.5rem 0 0rem 0;
    padding-bottom: 7.5rem;
}
.page.contact .contact01 p:nth-child(2) a {
	text-indent: 7rem;
	font-size: 2.5rem;
    width: 100%;
    max-width: 85.0rem;
    padding: 4.0rem;
	background: url(img/page/telWhite.png) no-repeat #39B200 calc( 50% - 12.5rem) 50% / calc( 4.2rem / 1.0 ) calc( 3.8rem / 1.0 );
}
.page.contact .contact01 p:nth-child(2) a:hover{
	background: url(img/page/telWhite.png) no-repeat #E30B21 calc( 50% - 12.5rem) 50% / calc( 4.2rem / 1.0 ) calc( 3.8rem / 1.0 );
}
.page .wpcf7-submit {
    text-indent: 6rem;
    font-size: 1.8rem;
    width: 100%;
    max-width: 40.0rem;
    margin-top: 2rem;
    padding: 2.0rem;
    background: url(img/common/mailWhite.png) no-repeat #39B200 calc( 50% - 3.0rem ) 50% / calc( 4.2rem / 1.5) calc( 3.6rem / 1.5);
}
.page .wpcf7-submit:hover{
    background: url(img/common/mailWhite.png) no-repeat #E30B21 calc( 50% - 3.0rem ) 50% / calc( 4.2rem / 1.5) calc( 3.6rem / 1.5);
}


/*category.php*/
.category .titleBox h1:after {
    width: calc(4.4em / 10);
    height: calc(5.6em / 10);
    background-size: calc(4.4em / 10) calc(5.6em / 10);
    position: absolute;
    top: -0.4em;
    right: -0.6em;
}
.category .borderLing {
    border-bottom: solid 1px #eee;
    padding-left: 2.0rem;
    margin-bottom: 6.0rem;
}
.category .sideGet {
    width: 100%;
    margin: 0 auto 3.0rem auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top:0;
    padding-bottom:7.5rem;
}
.category .sideGet h3{ border-bottom:none; padding-left: 0; width: 100%;}

/*404.php*/
.error404 .titleBox h1:after {
    width: calc(4.4em / 10);
    height: calc(5.6em / 10);
    background-size: calc(4.4em / 10) calc(5.6em / 10);
    position: absolute;
    top: -0.4em;
    right: -0.6em;
}
.error404 .page-404 {
    padding: 10.0rem 0 16.0rem 0;
}
.error404 .page-404 p {
    text-align: center;
}

/*-------------------------------------
個別ページ
--------------------------------------*/
main.home {
    width: 100%;
    max-width: 100%;
}
.home .titleBox {
    text-align: left;
}
.titleBox p,
.titleBox h1,
.titleBox h2 {
    font-size: 5.2rem;
}
.titleBox p span,
.titleBox h1 span,
.titleBox h2 span {
    font-size: 1.6rem;
}
.home .mainvisual {
    height: 60vh;
    min-height: 65.0rem;
}
.home .mainvisual .mainvisualCenter {
    height: 8em;
}
.home .mainvisual .mainvisualCenter h1 {
    font-size: 7.2rem;
}
.home .mainvisual .mainvisualCenter h1.titleBig:after {
    width: calc(4.4em / 11);
    height: calc(5.6em / 11);
    background-size: calc(4.4em / 11) calc(5.6em / 11);
    top: -2rem;
    right: -3rem;
}
.home .mainvisual .mainvisualCenter h1 span.h1-03 {
    font-size: 2.8rem;
}
.home .mainvisual .mainvisualBottomRight {
	top: auto;
    bottom: 0;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) {
    width: auto;
}
.home .mainvisual .mainvisualBottomLeft ul li:nth-child(2) a {
    padding: 1rem;
}
.home .titleBox h2:after {
    width: calc(4.4em / 6.5);
    height: calc(5.6em / 6.5);
    background-size: calc(4.4em / 6.5) calc(5.6em / 6.5);
    position: absolute;
    top: -0.55em;
    right: -0.7em;
}
.home .titleBox h2:after {
    width: calc(4.4em / 10);
    height: calc(5.6em / 10);
    background-size: calc(4.4em / 10) calc(5.6em / 10);
    top: -0.45em;
    right: -0.65em;
}



/*contact*/
.pageKv_contact{
    background: url(img/page/contactKvPC.jpg) no-repeat top center / 100% auto;
    background-attachment: fixed;
}

/*company*/
.pageKv_company {
    background: url(img/page/companyKvPC.jpg) no-repeat top center / 100% auto;
    background-attachment: fixed;
}


/*recruit*/
.pageKv_recruit {
        background: url(img/page/recruitKvPC.jpg) no-repeat top right / 100% auto;
    background-attachment: fixed;
}
.page .recruit .tabs .titleMiddle {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

/*shop*/
.pageKv_shop {
    background: url(img/page/shopKvPC.jpg) no-repeat top center / 100% auto;
    background-attachment: fixed;
}
.shop.page .inner-layout {
    width: 95%;
    max-width: 118.0rem;
    margin: 0 auto;
}
.page.shop .shopContentBox {
    margin-bottom: 2.5rem;
    position: relative;
    width: 32%;
}

.page.shop .shop02 {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: none;
}
.page.shop .shop02 .shopContentBox {
    width: 100%;
}
.page.shop .shop03 {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.page.shop .shop03 .shopContentBox {
    width: 100%;
}


}/*PC表示 min-980pxここまで */