@charset "UTF-8";


/*
    藍色……#1c2c59
    意図的に少し薄くしたい藍色……#1C366C
*/



/*テンプレート箇所*/
.single .contentBox{}
.single .contentBox p,
.page .contentBox p{
    color: #1C366C;
    margin-bottom: 1.0rem;
}
.page .contentBox {
    line-height: 1.8;
    padding: 1rem;
}
@media only screen and (max-width: 768px){
.content_head {
    padding: 2rem 0;
}
.single main {
    margin: 0rem auto 0;
}
.single .contentBox {
    padding: 1.5rem;
    width: 96vw;
    margin: 0 auto;
    padding-bottom: 6.8rem;
}
}


/*-------------------------------------

コンポーネント 投稿ページ

--------------------------------------*/
/*****  00_コンポーネント共通  *****/
/*大型Margin-Bottom*/



/*****  01_見出し関係  *****/

/*
    01_TitleBig
    01_見出し（大）
*/
.TitleBig {
    color: #1c2c59;
    font-size: 2.2rem;
    padding-bottom: 1rem;
    margin: 6.5rem 0 1.0rem 0;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding:0 0 1.4rem 0;
    line-height: 1.5;
}
.TitleBig:before{
    position:absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 5.0rem;
    height: 0.6rem;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/bg01.jpg) repeat top left / 50% 50%;
}
.TitleBig:after{
    position:absolute;
    bottom: 0;
    left: 5.0rem;
    content: "";
    display: inline-block;
    width: 100%;
    height: 0.6rem;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/bg02.jpg) repeat top left / 50% 50%;
}
/*
    01_TitleMiddle
    01_見出し（小）
*/
.TitleMiddle {
    color: #1c2c59;
    font-size: 1.8rem;
    margin: 3.5rem 0 1.0rem 0;
    line-height: 1.5;
    text-indent: calc( -1em + -0.5rem);
    margin-left: calc( 1em + 0.5rem);
}
.TitleMiddle::before {
    content: '◎';
    margin-right: .5rem;
    width: 1em;
    height: 1em;
}



/*****  02_装飾関係  *****/
/*
    02_FontBig
    02_文字サイズ（極大）
*/
.FontBig,
.p180 {
    font-size: 170%;
    font-weight: bold;
}
/*
    02_FontLarge
    02_文字サイズ（大）
*/
.FontLarge,
.p130 {
    font-size: 130%;
    font-weight: bold;
}
/*
    02_FontSmall
    02_文字サイズ（小）
*/
.FontSmall,
.p80 {
    font-size: 80%;
}
.single .contentBox a,
.page .contentBox a{
    color: #3366CC;
    text-decoration: underline;
    border-bottom: none;
}
/*
    02_Icon
    02_アイコン
*/
.Icon,
.icon {
    background: #1c2c59;
    color: #fff;
    font-weight: bold;
    padding: .5rem 1rem;
    margin: 1.0rem 0 0 0;
    display: inline-block;
    font-size: 90%;
}
/*
    02_FontMarker
    02_マーカー
*/
.FontMarker,
.marker {
    background: linear-gradient(transparent 65%, #ffcc33 35%);
    font-weight: bold;
}
/*
    02_FontBold
    02_ボールド
*/
.FontBold {
    font-weight: bold;
}



/*****  03_リスト関係  *****/
/*
    リスト共通CSS
*/
.LiCircle,
.LiNum,
.LiRice,
.li_circle,
.li_num,
.li_rice {
    margin-bottom: 3.5rem;
}
.LiCircle li,
.LiNum li,
.LiRice li,
.li_circle li,
.li_num li,
.li_rice li{
    line-height: 1.5;
    margin-bottom: 1.8rem;
    color: #1C366C;
}

/*
    03_LiCircle
    03_一般リスト
*/
.LiCircle,
.li_circle{}
.LiCircle li,
.li_circle li {
    text-indent: calc( -1em + -0.2rem);
    margin-left: calc( 1em + 0.5rem);
}
.LiCircle li:before,
.li_circle li:before {
    content: '・';
    width: 1em;
    height: 1em;
}
/*
    03_LiNum
    03_番号付きリスト
*/
.LiNum,
.li_num{
    counter-reset: num;
}
.LiNum li,
.li_num li {
    text-indent: calc(-1em + -1.9rem);
    margin-left: calc(1em + 1.9rem);
}
.LiNum li:before,
.li_num li:before {
    border: 1px solid #1c2c59;
    counter-increment: num;
    content: counter(num);
    margin-right: 0.8rem;
    padding: 0 .8rem;
}
/*
    03_LiRice
    03_米印リスト
*/
.LiRice,
.li_rice{}
.LiRice li,
.li_rice li {
    text-indent: calc( -1em + -0.8rem);
    margin-left: calc( 1em + 1.3rem);
}
.LiRice li:before,
.li_rice li:before {
    content: '※';
    width: 1em;
    height: 1em;
    margin-right: 0.5rem;
}
/*
    03_DlDtDd
    03_定義リスト
*/
.DlDtDd{}
.DlDtDd dt:first-child{
    margin-top: 0;
}
.DlDtDd dt:before{
    content: "Q."
}
.DlDtDd dt{
    background: #1D2C58;
    padding: 1.5rem 3.8rem 1.5rem 1.8rem;
    color: #FFF;
    font-weight: bold;
    margin-top: 1.8rem;
    position: relative;
}
.DlDtDd dt:after{
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
    transform: rotate(135deg);
    display: block;
    position: absolute;
    top: calc( 50% - 0.35rem);
    right: 2.0rem;
}
.DlDtDd dt.open:after{
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: calc( 50% - 0.35rem);
    right: 2.0rem;
}
.DlDtDd dd{
    display: none;
    background: #1D2C58;
    padding: 0 1.8rem 1.8rem 1.8rem;
    color: #1C366C;
}
.DlDtDd dd .DlDtDdInner{
    background: #EBF0F6;
    display: block;
    padding: 1.0rem 1.5rem;
}



/*****  04_表・ボックス関係  *****/
/*
    04_Box01
    04_ボックス（スタイル01）
*/
.Box01{
    width: calc( 100% - 5px);
    border: solid 2px #1D2C58;
    padding: 3.5rem 2.0rem;
    position: relative;
    z-index: 1;
}
.Box01:after{
    content: "";
    display: block;
    width: calc( 100% + 2px);
    border: solid 1px #1D2C58;
    height: calc( 100% + 2px );
    position:absolute;
    top: 4px;
    left: 4px;
    z-index: -1;

}
.Box01 h2{
    position:relative;
    padding-bottom: 0.6rem;
    font-size: 2.0rem;
    line-height: 1.5;
    color: #1D2C58;
    margin-bottom: 1.8rem;
}
.Box01 h2:before{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/Box01_Icon.png) repeat top left / 1em 1em;
    position: relative;
    top: 0.14em;
    margin-right: 0.5rem;
}
.Box01 h2:after{
    position:absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 0.6rem;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/bg02.jpg) repeat top left / 50% 50%;
}
/*
    04_Box02
    04_ボックス（スタイル02）
*/
.Box02{
    width: 100%;
    border: solid 1px #1D2C58;
    padding:0 2.0rem 3.5rem 2.0rem;
}
.Box02 h2{
    width: calc( 100% + 4.0rem + 2px);
    background: #1D2C58;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #FFF;
    margin-left:  calc( -2.0rem + -1px);
    padding: 1.0rem 2.0rem ;
}
/*
    04_Box03
    04_ボックス（引用専用）
*/
.Box03{
    width: 100%;
    border: solid 1px #C5D5E3;
    background: #EBF0F6;
    padding:3.5rem 2.0rem 3.5rem 2.0rem;
}
.Box03:before{
    content: "";
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/Box03_Icon.png) repeat top left / 4.5rem 4.5rem;
}
.Box03 .Box03LinkText{
    font-size: 80%;
}


/*
    04_Table01
    04_表（スタイル01）
*/
table.Table01 {
    border: solid 1px #1D2C58;
    width: 100% !important;
    text-align: left;
}
th, td {
    color: #1D2C58;
    font-size: 1.3rem !important;
    text-align: center;
    vertical-align: middle !important;
}
table.Table01 thead tr th,
table.Table01 thead tr td {
    border: solid 1px #666;
    background: #1D2C58;
    color: #FFF;
    padding: 1.8rem;
    text-align: left;
    font-weight: 400;
}
table.Table01 tbody tr th {
    border: solid 1px #1D2C58;
    padding: 1.0rem 1.8rem;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: 700;
    text-align: left;
    font-size: 1.45rem;
    background: rgba(0,0,0,0);
}
table.Table01 tbody tr td {
    border: solid 1px #1D2C58;
    padding: 1.0rem 1.8rem;
    vertical-align: middle;
    line-height: 1.6;
    font-size: 1.45rem;
    background: rgba(0,0,0,0);
    color: #1C366C;
}
table.Table01 thead tr th:first-child,
table.Table01 thead tr td:first-child,
table.Table01 tbody tr th:first-child,
table.Table01 tbody tr td:first-child{
    text-align: left !important;
}
/*
    04_Table01
    04_表（スタイル01）
*/
/*      なし（tableデフォルトスタイルと同一）     */
/*
    04_Table02
    04_表（スタイル02）
*/
table.Table02{
    border: none;
    width: 100% !important;
}
table.Table02 tbody tr{
    background: none;
}
table.Table02 tbody tr:nth-child(odd){
    background: #EBF0F6;
}
table.Table02 tbody tr:last-child{
    border-bottom: solid 2px #EBF0F6;
}
table.Table02 tbody tr th{
    border: none;
    text-align: left !important;
    background: none;
    color: #1D2C58;
}
table.Table02 tbody tr td{
    border: none;
    text-align: left !important;
    background: none;
    color: #1C366C;
}

/*table　複合*/

/*table02 > Box01*/
table.Table02 tbody tr td .Box01{
    margin:3.0rem 0;
}

/*table02 > table01*/
table.Table02 tbody tr td table.Table01 tbody{}
table.Table02 tbody tr td table.Table01 tbody tr{
    background: none;
}
table.Table02 tbody tr td table.Table01 tbody tr:last-child{
    border-bottom: solid 1px #1D2C58;
}
table.Table02 tbody tr td table.Table01 tbody tr th{
    border: solid 1px #1D2C58;
}
table.Table02 tbody tr td table.Table01 tbody tr td{
    border: solid 1px #1D2C58;
}



/*****  05_ボタン関係  *****/
/*
    05_BtnBig
    05_ボタン（大）
*/
.BtnBig a {
    background: #1c2c59;
    border: none;
    border-radius: 5rem;
    color: #fff !important;
    display: block;
    font-weight: bold;
    padding-bottom: 1rem !important;
    margin: 5rem 0;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
}
/*
    05_BtnSmall
    05_ボタン（小）
*/
.BtnSmall a {
    background: #1c2c59;
    border: none;
    border-radius: 5rem;
    color: #fff !important;
    display: inline-block;
    font-weight: normal;
    padding-bottom: 0.2rem !important;
    margin: 0.5rem 0;
    padding: 0.2rem 1.5rem;
    width: auto;
    text-align: center;
    text-decoration: none !important;
    font-size: 90%;
}



/*****  06_レイアウト関係  *****/
/*
    レイアウト関係_共通
*/
.ColInner{
    margin-bottom: 2.8rem;
}
.ColInner img{
    max-width: 100%;
    width: 100%;
}
/*
    08_HeightMatch
    08_技術者向け（display:flex）
*/
.HeightMatch{
    display: flex;
}
/*
    06_Layout2Col
    06_レイアウト（2カラム）

    06_Layout3Col
    06_レイアウト（3カラム）

    上記480pxまで1カラムのためなし
/*

/*
    06_Layout4Col
    06_レイアウト（4カラム）
*/
.Layout4Col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Layout4Col .ColInner {
    width: 48%;
}

/*
    06_LayoutRightImg
    06_レイアウト（右に画像左に文字）

    上記480pxまで1カラムのためなし
*/







/*固定ページ用*/
.page table.Table02 tbody tr:nth-child(odd) {
    background: #FFF;
}
.page table.Table02 tbody tr:last-child {
    border-bottom: solid 2px #FFF;
}
.page table.Table02 tbody tr td table.Table01 tbody tr{
    background: none;
}
/*
    07_TitleBigCenter
    07_センタリング見出し（大）
*/
.TitleBigCenter {
    color: #1c2c59;
    font-size: 2.2rem;
    padding-bottom: 1rem;
    margin: 6.5rem auto 1.0rem auto;
    position: relative;
    overflow: hidden;
    display: block;
    padding:0 0 1.4rem 0;
    line-height: 1.5;
    text-align: center;
}
.TitleBigCenter:before{
    position:absolute;
    bottom: 0;
    left: 0;
    right: 8.0rem;
    content: "";
    display: block;
    width: 8.0rem;
    height: 0.6rem;
    margin: auto;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/bg01.jpg) repeat top left / 50% 50%;
}
.TitleBigCenter:after{
    position:absolute;
    bottom: 0;
    left: 8.0rem;
    right: 0;
    content: "";
    display: block;
    width: 8.0rem;
    height: 0.6rem;
    margin: auto;
    background: url(http://test.sunsetlive-info.com/wp/wp-content/themes/sunsetlive_template/images/bg02.jpg) repeat top left / 50% 50%;
}
/*
    07_TitleMiddleCenter
    07_センタリング見出し（小）
*/
.TitleMiddleCenter {
    color: #1c2c59;
    font-size: 1.8rem;
    margin: 3.5rem 0 1.0rem 0;
    line-height: 1.5;
    text-align: center;
}
.TitleMiddleCenter::before {
    content: '◎';
    margin-right: .5rem;
    width: 1em;
    height: 1em;
}
.TitleMiddleCenter::after {
    content: '◎';
    margin-left: .5rem;
    width: 1em;
    height: 1em;
}


/*コンポーネント最初の要素*/
.TitleBig:first-child,
.TitleBigCenter:first-child,
.Icon,
.icon,
.Layout2Col h2:first-child,
.Layout2Col h3:first-child,
.Layout2Col .Icon:first-child,
.Layout2Col .icon:first-child,
.Layout3Col h2:first-child,
.Layout3Col h3:first-child,
.Layout3Col .Icon:first-child,
.Layout3Col .icon:first-child,
.Layout4Col h2:first-child,
.Layout4Col h3:first-child,
.Layout4Col .Icon:first-child,
.Layout4Col .icon:first-child,
.LayoutRightImg h2:first-child,
.LayoutRightImg h3:first-child,
.LayoutRightImg .Icon:first-child
.LayoutRightImg .icon:first-child{
    margin-top: 0 ;
}

/*コンポーネント隣接する要素*/
.TitleBig + .TitleMiddle{
    margin-top: 0;
}

/*要素の中の場合のスタイル*/
.Box01 .Box02 h2:before,
.Box01 .Box02 h2:after{
    content: none;
}



/*上書き用CSS （コンポーネント以外のコード編集で使用する汎用CSS）*/
 .margin0px{
    margin: 0 !important;
    line-height: 1.2 !important;
 }
.mb30px li{
    margin-bottom: 3.0rem;
}


/*form*/
.page input, .page textarea {
    border-radius: 0px;
    background: #FFF;
    border: solid 1px #CCC;
}
.page .wpcf7-submit {
    background: url(../img/common/mailWhite.png) no-repeat #1D2C58 calc( 50% - 3.0rem ) 50% / calc( 4.2rem / 1.5) calc( 3.6rem / 1.5);
}
.page .wpcf7-submit:hover {
    opacity: 0.7;
    background: url(../img/common/mailWhite.png) no-repeat #1D2C58 calc( 50% - 3.0rem ) 50% / calc( 4.2rem / 1.5) calc( 3.6rem / 1.5);
}

/*tablepress*/
table.tablepress tbody tr th,
table.tablepress tbody tr td,
table.tablepress tfoot tr th,
table.tablepress tfoot tr td {
    border: solid 1px #1D2C58 !important;
}

/*個別ページ　個別CSS*/
/*ヒストリー*/
.history .gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.history .gallery figure.gallery-item {
    width: 24%;
    max-width: 24.0rem;
}
.history .gallery figure.gallery-item figcaption{
    text-align: center;
    margin-bottom: 3.0rem;
}

/*アーティスト個別ページ*/
.single-artist .mainbox_inner figure{
    display: block;
    background: rgba(0,0,0,0.35);
    padding: 1.5rem;
    border: solid 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36);
}
.single-artist .mainbox_inner figure img {
    display: block;
    margin: 0 auto;
}

/*アーティストラインナップ*/
.post-type-archive-lineup .artist.page.tab .pagetab_menu.tab_w3{
	width: 108rem;
	margin: 0 auto;
}
.post-type-archive-lineup .TitleBigCenter{
    margin-bottom: 2.8rem;
    margin-top: 1.5rem;
}
.post-type-archive-lineup figcaption{
    line-height:1.5;
}
/*.post-type-archive-lineup .artist.page.tab .inner.mainbox_inner.show{
	display: flex;
}*/
.post-type-archive-lineup .artist.page.tab .inner.mainbox_inner.show figcaption{
	line-height:2;
}

/*ギャラリー*/
.post-type-archive-gallery .page.tab .mainbox_inner.show{
	width: 108rem;
	margin: 0 auto;
}
.post-type-archive-gallery .page.tab .mainbox_inner.show{
	display: flex;
    flex-wrap: wrap;
}
.post-type-archive-gallery .page.tab .mainbox_inner.show figcaption{
	line-height:2;
}

/*固定親ページ*/
.page-template-page-parent figcaption div,
.page-template-page-parent figcaption p{
    color: #1c2c59;
}
.page-template-page-parent p.content{
    line-height:1.5;
}

/*トップページ*/
@media (max-width: 768px){
.top_area.topics li {
    line-height: 1;
    /*display: flex;*/
    padding: 0.8rem 2rem;
}
.top_area.topics .timeSt {
    float: left;
}
.top_area.topics li p{
	flex-direction: column;
    justify-content: center;
    display: flex;
}
.post-type-archive-gallery .page.tab .mainbox_inner.show{
    width: 100%;
}
.post-type-archive-gallery .page.tab .mainbox_inner.show{
    display: flex;
    flex-wrap: wrap;
}
}





/*=======================================

以下　480px以上

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

/*****  01_見出し関係  *****/
/*なし*/

/*****  02_装飾関係  *****/
/*なし*/

/*****  03_リスト関係  *****/
/*なし*/

/*****  04_表・ボックス関係  *****/
/*なし*/

/*****  05_ボタン関係  *****/
/*
    05_BtnBig
    05_ボタン（大）
*/
.BtnBig a {
    width: 65%;
    margin: 5rem auto;
}

/*****  06_レイアウト関係  *****/
/*
    06_Layout2Col
    06_レイアウト（2カラム）
*/
.Layout2Col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Layout2Col .ColInner {
    width: 48%;
}

/*
    06_Layout3Col
    06_レイアウト（3カラム）
*/
.Layout3Col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Layout3Col .ColInner {
    width: 31%;
}
.Layout3Col .ColInner p,
.Layout3Col .ColInner ul li,
.Layout3Col .ColInner ol li{
    font-size: 80%;
}

/*
    06_Layout4Col
    06_レイアウト（4カラム）
*/
.Layout4Col{}
.Layout4Col .ColInner {
    width: 23%;
}
.Layout4Col .ColInner p,
.Layout4Col .ColInner ul li,
.Layout4Col .ColInner ol li{
    font-size: 80%;
}

/*
    06_LayoutRightImg
    06_レイアウト（右に画像左に文字）
*/
.LayoutRightImg{
    display: flex;
    justify-content: space-between;
}
.LayoutRightImg .ColInner:first-child{
    width: 35%;
    order: 2;
}
.LayoutRightImg .ColInner:last-child{
    width: 60%;
    order: 1;
}


}