@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
html,
body {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 2;
    background: #f0f0f0;
    -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure,
form {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style-type: none;
}

ol {
    padding-left: 40px;
    padding-bottom: 15px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}

iframe {
    width: 100%;
}

@keyframes opa1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*a（全般）設定---------------------------------------------------------------------------*/

a:link {
	/*color: #333;*/
	color: #1967d2;
    /*リンクテキストの色*/
    transition: 0.5s;
    /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
    text-decoration: underline;
}

a:hover {
    color: #ff4765;
    /*マウスオン時の文字色*/
    text-decoration: none;
    /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*ヘッダー（一番上の、ロゴやメニューが入っているブロック）-------------------------------------------*/
header {
    height: 100%;
    overflow: auto;
    position: relative;
    background:
        url(../img/2layer_header.jpg) no-repeat;
    /*background:
        url(../images/top02.png) no-repeat left center,
        url(../images/top011.jpg) no-repeat center center / cover;*/
    /*背景画像の読み込み*/
}

/*ロゴ画像----------------------------------------------------------------------------------*/
header #logo img {
    display: block;
    width: 220px;
    position: absolute;
    right: 0;
    bottom: 0px;
    top: 2px;
    left: 10px;
    z-index: 100;
}

/*メニュー----------------------------------------------------------------------------------*/
/*メニューブロック全体*/
#menubar {
    font-family: Georgia, "Times New Roman", Times, "serif";
    font-style: italic;
    position: absolute;
    bottom: 2%;
    left: 0px;
    width: 100%;
    text-align: left;
    padding-left: 5%;
}

/*メニュー１個*/
#menubar li {
    display: inline-block;
    /*margin: 0 0 0 1%;*/
    animation-name: opa1;
    animation-delay: 1S;
    animation-duration: 1S;
    animation-fill-mode: both;
}

#menubar li a {
    text-decoration: none;
    display: block;
    text-align: center;
    width: 140px;
    border-bottom: 2px solid transparent;
    padding-bottom: 7px;
}

/*マウスオン時*/
#menubar li a:hover {
    border-bottom: 2px solid #fff;
    letter-spacing: 0.1em;
}

/* SNSボタン---------------------------------------------------------------------------------------*/

.fa-twitter-square {
    color: #00bfff;
    font-size: 24px;
}

.fa-instagram {
    color: #ff7fff;
    font-size: 24px;
}

.fa-youtube {
    color: #DA1725;
    font-size: 24px;
}

#h_nav-sns {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
}

.nav-sns {
    width: 140px;
    position: absolute;
    top: 8px;
    right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.member_sns {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    color: #000 !important;
}


member_box > .fa-twitter-square {
    color: #000;
    font-size: 24px;
}

member_box > .fa-instagram {
    color: #fff;
    font-size: 24px;
}

member_box > .fa-youtube {
    color: #000;
    font-size: 24px;
}

.member_box > img {
    padding: 20px 8px 10px;
}

@media screen and (max-width:1000px) {
    .nav-sns {
        display: none;
    }
}

.nav-sns li {
    padding-left: 20px
}

.nav-sns-sp {
    display: none;
}

@media only screen and (max-width : 768px) {
    #h_nav-sns {
        display: none;
    }

    .nav-sns-sp {
        width: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
        margin: 0 auto;
    }

    .nav-sns-sp img {
        width: 50px;
        margin: 20px 0;
        display: flex;


    }

    .nav-sns li {
        display: flex;
    }
}

/*コンテナー---------------------------------------------------------------------------*/
#container {
    /*max-width: 1400px;*/
    margin: 0 auto;
    background-color: chartreuse;

}

/*コンテンツ---------------------------------------------------------------------------*/
#contents {
    overflow: hidden;
    padding: 70px 10% 130px;

}

#contents_half_L {
    overflow: hidden;
    width: 50%;
    float: left;
    max-height: 450px
}

#contents_half_R {
    width: 50%;
    float: right;
    max-height: 450px
}

#contents_half_L h2 {
    font-size: 250%;
    text-align: center;
}

#contents_half_R h2 {
    font-size: 250%;
    text-align: center;
}

@media screen and (max-width:768px) {
    #contents {
        padding: 70px 5% 130px;
    }

    #contents_half_L {
        width: 100%;
        max-height: 450px
    }

    #contents_half_R {
        width: 100%;
        max-height: 450px
    }

    #contents_half_L h2 {
        font-size: 250%;
        text-align: center;
    }

    #contents_half_R h2 {
        font-size: 250%;
        text-align: center;
    }
}

.bg_gradation {
    background-image: linear-gradient(to top, #fff 0%, #fff1eb 30%, #ace0f9 100%);
}

.bg_gradation_goosche {
    background-image: linear-gradient(to top, #fff 0%, #f3f8f9 100%);
}

.bg_offw {
    background-color: #f0f0f0;
}

.bg_white {
    background-color: #ffffff;
}

/*コンテンツ（メンバーのブロック）---------------------------------------------------------------------------*/
.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

#Member {
    background: url(../img/back_audience.png) no-repeat center bottom;
}

@media screen and (max-width:768px) {

    /*コンテンツ（メンバーのブロック）---------------------------------------------------------------------------*/
    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .member_box {
        width: 50%;
    }
}


/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box {
    opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width:599px) {
    #contents {

        padding: 30px 3%;
    }
}

#contents section + section {
    padding-top: 50px;
}

/*コンテンツ内にあるh2(見出し)----------------------------------------------*/
#contents h2 {
    font-family: "Carter One", "Montserrat", "sans-serif";
    margin-bottom: 20px;
    clear: both;
    padding: 0 20px;
    font-size: 4.89rem;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 200;
    color: #fff;
    text-shadow: 0 4px 9px #3a676d, 0px -2px 1px #fff;
    border-radius: 10px;
}

index_section_title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: .1em;
    position: relative;
    margin: 0 0 24px;
}

/*コンテンツ内にあるh3(見出し)------------------------------------------------*/
#contents h3 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: bold;
    margin-bottom: 20px;
    clear: both;
    padding: 0 20px;
    font-size: 24px;
    /*text-align: center;*/
    letter-spacing: 0.1em;
}

#contents h3 {
    position: relative;
    padding: 0 65px;
    /*text-align: center;*/
}

#contents h3:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #000;
}

#contents h3 span {
    position: relative;
    padding: 0 1em;
    background: #f0f0f0;
    font-size: 3rem;
}

#contents h3 span2 {
    position: relative;
    padding: 0 1em;
    background: #ffffff;
    font-size: 3rem;
}

#contents .greeting_t {
    font-size: 200%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: bold;
    position: relative;
    padding: 0 65px;
    text-align: center;
}

#contents .greeting_text {
    font-size: 150%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    position: relative;
    padding: 0 65px;
    text-align: center;
    margin: 2% 0;
}

/*#contents p {
    padding-bottom: 20px;
    margin-right: 30px;*/
}

#contents p + p {
    margin-top: -5px;
}

#contents h2 + p,
#contents h3 + p {
    margin-top: -10px;
}
				
				
/*コンテンツ内にあるh4(見出し)----------------------------------------------*/
#contents h4 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    position: relative;
    margin-bottom: 20px;
    clear: both;
    padding: 0 20px;
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 200;
    color: #fff;
    text-shadow: 0 4px 9px #3a676d, 0px -2px 1px #fff;
    border-radius: 10px;
}
/*list-column（トップページで使っている３列ブロック）---------------------------------------------------------------------------*/
/*カラムブロック全体を囲むボックス*/
#contents .list-column-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

/*１カラムあたりの設定*/
#contents .list-column {
    display: flex;
    flex-direction: column;
    width: 32%;
    margin-bottom: 20px;
    background: #444;
    color: #e2d06e;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #fff;
}

@media screen and (max-width:800px) {
    #contents .list-column-container {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-content: center;
    }

    /*１カラムあたりの設定*/
    #contents .list-column {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
        background: #444;
        color: #e2d06e;
        border-radius: 5px;
        overflow: hidden;
    }
}

/*リンクテキストの文字色*/
#contents .list-column a {
    color: #fff0f5;
}

/*ボックス内のh4（見出し）タグ*/
#contents .list-column h4 {
    margin-bottom: 20px;
    /*下のテキストとの間に空けるスペース*/
    font-size: 140%;
    /*文字サイズ*/
}

/*ボックス内のp（段落）タグ*/
#contents .list-column p {
    padding: 0;
}

/*「class="text"」を指定したブロック。テキストブロック。*/
#contents .list-column .text {
    padding: 5%;
    flex: 1 0 auto;
}

/*IEのバグ対応*/
#contents .list-column figure {
    min-height: 0%;
}

/*ボックス内のボタン（共通）*/
.btn1 a {
    display: block;
    text-decoration: none;
    border-top: 1px solid #e2d06e;
    text-align: center;
    padding: 10px 30px;
    margin: 0 auto 0;
}

/*Serviceページ---------------------------------------------------------------------------*/
/*各ブロックごとの設定*/
.list {
    overflow: hidden;
    line-height: 1.5;
    border-bottom: 1px solid #999;
    padding: 20px;
}

/*１番目のlistブロックへの追加指定。上に線を入れる。*/
.list_2 {
    overflow: hidden;
    line-height: 1.5;
    padding: 20px;
}

/*１番目のlistブロックへの追加指定。上に線を入れる。*/
.list:first-of-type {
    border-top: 1px solid #999;
}

/*h4見出しの設定*/
.list h4 {
    font-size: 34px;
    /*文字サイズ*/
    font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: bold;
    /*margin-bottom: 5px;*/
}

.list h5 {
    font-size: 22px;
    /*文字サイズ*/
    font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: bold;
    margin-top: 10px;
}

/*画像の設定*/
.list img {
    width: 20%;
    float: left;
    margin-right: 3%
}

/*段落タグ*/
.list p {
    padding: 0 !important;
}

#Contact {
    background-image: url(../img/footer.jpg);
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
    clear: both;
    text-align: center;
    background: #222;
    color: #fff;
    font-size: 85%;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
}

footer .pr {
    display: block;
    font-size: 80%;
}

/*トップページ内「更新情報・お知らせ」ブロック---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
    padding-left: 20px;
    margin-bottom: 15px;
}

/*日付*/
#new dt {
    float: left;
    width: 9em;
    letter-spacing: 0.1em;
}

/*記事*/
#new dd {
    padding-left: 9em;
    border-bottom: 1px solid #aaa;
    margin: 2rem 0;
}

@media screen and (max-width:480px) {
    #new dl {
        padding-left: 0;
        margin-bottom: 0;
    }

    /*日付*/
    #new dt {
        float: left;
        width: 6em;
        letter-spacing: 0;
    }

    /*記事*/
    #new dd {
        padding-left: 6em;
    }
}

#new dd img {
    margin: 5px !important;
    border: solid 1px #111111;
    border-radius: 5px;
    width: 120px;
    height: auto;
}

/*テーブル---------------------------------------------------------------------------*/
/*テーブル１行目（※caption）*/
.ta1 caption {
    /*border: 1px solid #999;	*/
    /*テーブルの枠線の幅、線種、色*/
    border-bottom: none;
    /*下線だけ消す*/
    text-align: center;
    /*文字をセンタリング*/
    background: #dfdfdf;
    /*背景色*/
    font-weight: bold;
    /*太字に*/
    padding: 10px;
    /*ボックス内の余白*/
}

/*テーブル１行目（※tamidashi）*/
.ta1 th.tamidashi {
    width: auto;
    text-align: center;
    /*文字をセンタリング*/
    background: #dfdfdf;
    /*背景色*/
}

/*ta1テーブルブロック設定*/
.ta1 {
    table-layout: fixed;
    width: 100%;
    margin: 0 auto 20px;
}

.ta1,
.ta1 td,
.ta1 th {
    word-break: break-all;
    /*border: 1px solid #999;*/
    padding: 5px;
}

/*テーブルの左側ボックス*/
.ta1 th {
    text-align: center;
    width: 30%;
}

/*テーブル１行目に入った見出し部分（※caption）*/
.ta1_2 caption {
    border: 1px solid #999;
    border-bottom: none;
    text-align: center;
    background: #dfdfdf;
    font-weight: bold;
    padding: 10px;
}

/*テーブル１行目（※tamidashi）*/
.ta1_2 th.tamidashi {
    width: auto;
    text-align: center;
    background: #dfdfdf;
}

/*ta1テーブルブロック設定*/
.ta1_2 {
    table-layout: fixed;
    width: 100%;
    margin: 0 auto 20px;
}

.ta1_2,
.ta1_2 td,
.ta1_2 th {
    word-break: break-all;
    /*border: 1px solid #999;*/
    padding: 5px;
}

/*テーブルの左側ボックス*/
.ta1_2 th {
    text-align: center;
    width: 30%;
}


.ta1_3 {
    border-collapse: collapse;
    width: 100%;
}

.ta1_3 th {
    /*padding: 1rem 2rem;*/
    text-align: center;
    padding: 0 20px;
    width: 25%;
}

.ta1_3 td {
    /*padding: 1rem 2rem;*/
    text-align: left;
    /*padding: 20px 0;*/
}

/*.ta1_3 th {
  font-weight: normal;
  font-size: .875rem;
  color: #666;
  background: #eee;
}*/
.ta1_3 img {
    width: 90%;
    display: block;
    float: left;
    margin: 0 auto;
    margin-right: 3%;
}

.seles {
    font-size: 32px;
    /*文字サイズ*/
    font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: bold;
    text-align: center;
}

.mincho28px {
    font-size: 28px;
    font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
    padding-bottom: 0px !important;


}

.mincho1em {
    font-size: 1em;
    font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif'


}

.comingsoon {
    color: #d3d3d3;
    padding: 0.5em 0 3em 0;
}


/*.list img {
	width: 20%;			画像幅
	float: left;		画像を左に回り込み
	margin-right: 3%	画像の右側に空けるスペース
}*/
@media(max-width: 500px) {
    .heading {
        display: none;
    }

    .img-name {
        background: #eee;
    }
}

/*PAGE TOPボタン---------------------------------------------------------------------------*/
body .nav-fix-pos-pagetop a {
    display: none;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    display: block;
    text-decoration: none;
    text-align: center;
    position: fixed;
    animation-name: opa1;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    width: 60px;
    line-height: 60px;
    bottom: 50px;
    right: 3%;
    background: #9FD6D2;
    /*（古いブラウザ用）*/
    background: rgba(159, 214, 210, 0.8);
    color: #808080;
    border-radius: 50%;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
    background: #7fffff;
}

/*NewsのNEWアイコン---------------------------------------------------------------------------*/
.newicon {
    background: #F00;
    color: #FFF;
    font-size: 70%;
    line-height: 1.5;
    padding: 1px 13px;
    border-radius: 2px;
    vertical-align: text-top;
    width: 50px;
    border-radius: 8px;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {
    list-style: disc;
    padding: 0 20px 20px 55px;
}

ol {
    padding: 0 20px 20px 42px;
}

/*その他
---------------------------------------------------------------------------*/
.look {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
}

.mb15,
.mb1em {
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

ul.disc {
    padding: 0em 25px 15px 40px;
    list-style: disc;
}

.color1,
.color1 a {
    color: #ff4765;
}

.pr {
    font-size: 10px;
}

.wl {
    width: 96%;
}

.ws {
    width: 50%;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

.big1 {
    font-size: 40px;
    /*letter-spacing: 0.2em;*/
    font-weight: bold;
    text-decoration: none;
}

.mini1 {
    font-size: 11px;
    display: inline-block;
    line-height: 1.5;
}

.sh {
    display: none;
}


/*table01----------------------------------------------------*/

.table01 tr {
    /*border-top: 1px solid #999;*/
    padding: 20px;
    overflow: hidden;
    line-height: 1.8;
}

.table01 th {
    width: 24%;
    text-align: left;
}

.table01 th img {
    padding-left: 1.2rem;
}

.table01 td {
    padding-left: 35px;
}

@media screen and (max-width:480px) {
    .table01 td {
        padding: 0 5px;
    }

    .table01 th img {
        padding-left: 0;
    }
}

.table01 h4 {
    font-size: 34px;
    /*文字サイズ*/
    font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: bold;
    /*margin-bottom: 5px;*/
}

.table01 h5 {
    font-size: 22px;
    /*文字サイズ*/
    font-family: 'Arial', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
    font-weight: bold;
    margin-top: 10px;
}

.ecsite {
    font-weight: bold;
    text-align: center;
}


/*画面幅480px以下の設定--------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
    header {
        height: 100%;
        overflow: auto;
        position: relative;
        /*background: url(../images/toplogo.png) no-repeat right center,
		        url(../images/top02.png) no-repeat left center,
		url(../images/top011.jpg) no-repeat center center / cover;	/*背景画像の読み込み*/
        background:
            url(../img/2layer_header.jpg) no-repeat center center / cover;
        z-index: 10000;
    }

    header #logo img {
        width: 180px;
        /*position: absolute;*/
        /*right: 0;	*/
        /*bottom: 50%;	*/
    }

    /*メニュー１個あたり*/

    #menubar {
        font-family: Georgia, "Times New Roman", Times, "serif";
        /*font-style: italic;*/
        position: absolute;
        bottom: 2%;
        left: 0px;
        width: 100%;
        text-align: center;
        padding-left: initial;
    }

    #menubar li {
        display: inline-block;
        /*margin: 0 0 0 1%;*/
        animation-name: initial;
        animation-delay: initial;
        animation-duration: initial;
        animation-fill-mode: initial;
        /*font-size:18px;*/
    }

    #menubar li a {
        text-decoration: none;
        display: block;
        text-align: center;
        width: 140px;
        /*color: #fff;*/
        border-bottom: 2px solid transparent;
        /*transparent（透明）*/
        padding-bottom: 7px;
    }

    /*コンテンツ（上のcontainerの中のブロック）---------------------------------------------------------------------------*/
    /*コンテンツ内にあるh2(見出し)タグ*/
    #contents h2 {
        font-size: 3.5rem;
    }

    /*コンテンツ内にあるh3(見出し)タグ*/
    #contents h3 {
        font-size: 14px;
        text-align: center;
        /*文字サイズ*/
        letter-spacing: 0em;
        padding: 0;
    }

    #contents h3 span {
        position: relative;
        padding: 0.1em;
        background: #f0f0f0;
        font-size: 2.2rem;

    }

    #contents h3 span2 {
        position: relative;
        padding: 0.1em;
        background: #ffffff;
        font-size: 2.2rem;
    }


    /*ul.disc,olタグ---------------------------------------------------------------------------*/
    ul.disc {
        padding: 0 0px 20px 35px;
    }

    ol {
        padding: 0 0px 20px 35px;
    }

    /*コンテンツ内にあるp(段落)タグ設定*/
    #contents p {
        padding: 0 15px;
        /*上、左右、下への余白*/
    }

    /*その他---------------------------------------------------------------------------*/
    .ws {
        width: 96%;
    }

    .big1 {
        font-size: 22px;
        letter-spacing: normal;
    }


    #contents .greeting_t {
        font-size: 1.5em;
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        font-weight: bold;
        position: relative;
        padding: 0 10px;
        text-align: center;
    }

    #contents .greeting_text {
        font-size: 1.4em;
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        position: relative;
        padding: 0 15px;
        text-align: center;
        margin: 2% 0;
    }

    section table {
        width: 100%;
    }

    section th,
    section td {
        padding: 10px 0;
        /*border: 1px solid #ddd; */
        /*overflow: hidden;*/
        /*line-height: 1.5;*/
        /*padding: 20px;*/

    }

    /*section th  { background: #f4f4f4; }*/
}

@media only screen and (max-width:480px) {
    .table01 th {
        width: 100%;
        display: block;
        border-top: none;
        padding-top: 0px;
    }

    .table01 th img {
        margin: 0 !important;
    }

    /*.table01 tr:first-child th { border-top: 1px solid #ddd; }*/
}

.table01 td {
    width: 100%;
    display: block;
    border-top: none;
    vertical-align: middle;
}

.table02 {
    width: 50%;
    height: 542px;
    float: left;
}

.table02 th {
    text-align: center;


}

.table02 th,
.table02 td {
    width: 20%;
    /*text-align: left;*/
    vertical-align: top;
}

@media only screen and (max-width: 480px) {
    .table02 {
        width: 100%;
        height: auto;
    }

    .table02 tr {
        display: block;
        margin-bottom: 10px;
    }

    .table02 th {
        display: block;
        width: 100%;
        padding-bottom: 0px;
        text-align: center;
    }

    .table02 td {
        width: 95%;
        margin-left: 10%;
        padding-bottom: 0;
    }
}

.table03 {
    width: 49%;
    float: left;
    margin: 0 10px 0 0;
    height: 500px;

}

@media only screen and (max-width: 1000px) {
    .table03 {
        width: 100%;
        float: left;
    }
}

.table03 td {
    /*border: 1px solid #fff;*/
    vertical-align: top;
}

.table03 th {
    width: 50%;
    vertical-align: top;
    /* border: 1px solid #fff;*/
}

/*ボタンデザイン---------------------------------------------------------------------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
}

a.btn-malformation {
    font-size: 1.5rem;

    padding: 1.1rem 3rem;
    margin-bottom: 5rem;

    color: #fff;
    border-radius: 100% 10px / 80px 100%;
    background-color: #eb6100;
}

a.btn-malformation:hover {
    color: #fff;
    border-radius: 60% 80% / 100% 80%;
}

a.btn-malformation {
    font-size: 1.5rem;
    padding: 1.1rem 3rem;
    margin-bottom: 5rem;
    margin-top: 1rem;
    margin-left: 4rem;
    color: #fff;
    border-radius: 100% 10px / 80px 100%;
}

@media screen and (max-width:480px) {
    a.btn-malformation {
        font-size: 1.5rem;

        padding: 0rem 3rem;
        margin-bottom: 2rem;

        color: #fff;
        border-radius: 100% 10px / 80px 100%;
        background-color: #eb6100;
    }

    a.btn-malformation:hover {
        color: #fff;
        border-radius: 60% 80% / 100% 80%;
    }

    a.btn-malformation {
        font-size: 1.5rem;
        padding: 1.1rem 3rem;
        margin-bottom: 2rem;
        margin-top: 1rem;
        margin-left: 4rem;
        color: #fff;
        border-radius: 100% 10px / 80px 100%;
    }
}

@media only screen and (max-width: 1000px) {
    a.btn-malformation {
        margin-left: 0;
    }
}

a.btn-malformation:hover {
    color: #fff;
    border-radius: 60% 80% / 100% 80%;
}

.btn-malformation--pastel {
    background: #fca1a1;
    background: -webkit-linear-gradient(-45deg, #fca1a1 40%, #fcfc5d 100%);
    background: -webkit-linear-gradient(315deg, #fca1a1 40%, #fcfc5d 100%);
    background: linear-gradient(135deg, #fca1a1 40%, #fcfc5d 100%);
    -webkit-box-shadow: 30px 10px 0 #fefeb3;
    box-shadow: 20px 5px 0 #fefeb3;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fca1a1', endColorstr='#fcfc5d', GradientType=1);
}

/*-------*/
/* Nav
-----------------------------------------*/
.Nav {
    margin-top: 45px;
    margin-bottom: 40px;
    font-family: Georgia, "Times New Roman", Times, "serif";
    /*font-style: italic;*/
}

@media screen and (max-width: 1000px) {
    .Nav {
        position: relative;
        border-top: none;
        margin-top: 130px;
    }
}

.Nav .navbtn {
    display: none;
}

@media screen and (max-width: 1000px) {
    .Nav .navbtn {
        display: block;
        position: absolute;
        top: -110px;
        right: 20px;
    }

    .Nav .navbtn a,
    .Nav .navbtn a.close {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        background-color: #000;
    }

    .Nav .navbtn a::before,
    .Nav .navbtn a.close::before {
        position: absolute;
        top: 10px;
        left: 10px;
        content: "";
        width: 20px;
        height: 3px;
        background-color: #FFF;
        transition: .2s;
    }

    .Nav .navbtn a.open::before {
        top: 19px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .Nav .navbtn a::after,
    .Nav .navbtn a.close::after {
        position: absolute;
        bottom: 10px;
        left: 10px;
        content: "";
        width: 20px;
        height: 3px;
        background-color: #FFF;
        transition: .2s;
    }

    .Nav .navbtn a.open::after {
        bottom: 18px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
}

@media screen and (max-width: 1000px) {
    .Nav .navbtn a.open {}
}

@media screen and (max-width: 1000px) {
    .Nav .navbtn a span {
        display: block;
        overflow: hidden;
        width: 1px;
        height: 1px;
    }

    .Nav .navbtn a span::after,
    .Nav .navbtn a.close span::after {
        position: absolute;
        top: 18px;
        left: 10px;
        content: "";
        width: 20px;
        height: 3px;
        background-color: #FFF;
    }

    .Nav .navbtn a.open span::after {
        display: none;
    }
}

.Nav ul.close {
    display: none;
    border-top: solid 1px #F5F4F0;
}

.Nav > ul {
    /* margin-right: 100px;
    max-width: auto;
    text-align: left;*/
    margin: 0 0 0 auto;
    max-width: 800px;

}

@media screen and (max-width: 1000px) {
    .Nav > ul {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
        background-color: rgba(255, 255, 255, 1);
        margin: 0 auto;
    }
}

.Nav > ul > li {
    position: relative;
    font-size: 15px;
    display: inline-block;
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li {
        display: block;
        border-bottom: solid 1px #dddddd;
        background-color: rgba(255, 255, 255, 0.7);
    }
}

.Nav > ul > li a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 10px 15px;
    font-family: "Carter One", "Montserrat", "sans-serif";
    font-size: 15px;
    color: #333;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    z-index: 100;
}

.Nav > ul > li.parent > a {
    padding-right: 25px;
}

.Nav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #00a0e9;
    border-right: solid 2px #00a0e9;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li.parent.open > a::before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li.parent.open {
        border-bottom: none;
    }
}

.Nav > ul > li.parent.open > a {
    color: #FFF;
}

.Nav > ul > li.parent.open > a::after {
    background: #333;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li.parent.open > a {
        color: #FFF;
    }
}

.Nav > ul > li a:hover {
    color: #fff;
}

.Nav > ul > li a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.Nav > ul > li a,
.Nav > ul > li a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 6px;
}

.Nav > ul > li a::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Nav > ul > li a:hover::after {
    background: #333;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* 2階層 */
.Nav > ul > li > ul {
    display: none;
    position: absolute;
    top: 67px;
    left: 0;
    width: auto;
    z-index: 101;
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li > ul {
        background-color: #fbfbfb;
        position: static;
    }
}

.Nav > ul > li > ul li {
    white-space: nowrap;
}

.Nav > ul > li > ul li a {
    position: relative;
    padding: 12px 27px 12px 27px;
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li > ul li a {
        border-bottom: solid 1px #dddddd;
        background-color: #EEE;
    }
}

.Nav > ul > li > ul li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #00a0e9;
    border-right: solid 2px #00a0e9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Nav > ul > li > ul li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1000px) {
    .Nav > ul > li > ul li a:hover {
        background-color: #FFF;
    }
}

.Nav > ul > li > ul li ul li a {
    padding-left: 42px;
}

.Nav > ul > li > ul li ul li a::before {
    left: 20px;
}

.video {
    text-align: center;
    display: block;
    width: 100%;
}
}

/*-------*/
@media screen and (max-width:640px) {
    .video {
        max-width: 640px;
        text-align: center;
        display: block;
    }
}

/*Discography---------------------------------------------------------------------------*/
/* disco */
.discography {
    background-color: #fff;
    color: #000;
    padding-top: 100px;
    max-width: 1000px;
    margin: 0 auto;

}

#discs li {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

onclick {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 100px;
}

#discs article .type {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 150px;
}

#discs article .shop {
    background-color: #f8ff7c;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 200px;
    border-radius: 4px;
    padding: 4px;
    margin-top: 10px;
}

#discs article .sold {
    background-color: #888;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 200px;
    border-radius: 4px;
    padding: 4px;
    margin-top: 10px;
}

.end_delivery {
    width: 170px;
    text-align: center;
    font-size: 1.2em;
    display: inline-block;
    padding: 0.1em 0.5em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-color: #888;

    float: right;
}

#discs article .type_dl {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 200px;
}

#discs article .gray-container {
    overflow: hidden;
/*    padding: 30px 20px;*/
}

#discs article .media-container {
    overflow: hidden;
/*    padding: 30px 20px;*/
}

.media-container .content {
    font-size: 16px;
}

.media-container .content a {
    color: black;
}

.gray-container .content {
    font-size: 16px;
}

#discs .jacket {
    float: left;
    line-height: 1.2em;
    text-align: center;
    width: 310px;
}

/*#discs .jacket p {
    margin-bottom: 10px;
}*/

#discs .jacket img {
    border: 2px solid #ccc;
}

#discs article .content {
    /*width: 550px;*/
    float: left;
    margin-left: 10%;
}

/*#discs article .st_content {
    max-width: 900px;

}*/

#discs article .content.full {
    width: 100%;
}

#discs article .copy {
    margin-bottom: 10px;
}

#discs article .title {
    color: #000;
    font-size: 150%;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#discs article .st_title {
    color: #000;
    font-size: 150%;
    line-height: 1.4em;
    margin-bottom: 10px;
    float: left;
}

#discs article .date {
    font-size: 80%;
    margin-bottom: 10px;
}

#discs article .st_date {
    font-size: 80%;
    margin: 10px;
    float: left;
}


#discs article .data {
    font-size: 85%;
    margin-bottom: 10px;
}

.st_title {
    float: right;
}

/*ダウンロードボタン*/
.btn-flat-border {
    width: 30%;
    text-align: center;
    font-size: 1.2em;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: linear-gradient(#842425 0%, #A12B2D 100%);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    /*border-bottom: solid 3px #ddd;*/
    float: right;
}

.btn-flat-border:active {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

#menu1,
#menu2,
#menu3,
#menu4,
#menu5,
#menu6,
#menu7,
#menu8,
#menu9,
#menu10,
#menu11,
#menu12,
#menu13,
#menu14,
#menu15,
#menu16,
#menu17,
#menu18,
#menu19,
#menu20 {
    text-align: right;
}

.store_icon {
    display: block;
    list-style-type: disc;
    margin: 1em;
    padding: 1em;
    padding-inline-start: 40px;
}

.store_icon img {
    margin: 0.3em;
}

@media screen and (max-width:599px) {
    #discs .jacket {
        width: 100%;
    }

    #discs article .st_title {
        float: none;
    }

    #discs article .st_content {
        max-width: 600px;
    }

    #discs article .content {
        margin-left: 0;
    }

    /*  #discs article .content p {
  font-size:0.8em;
  }*/
    #discs article .st_title {
        color: #000;
        font-size: 150%;
        line-height: 1.4em;
        margin-bottom: 10px;
        float: none;
    }

    #discs article .title {
        font-size: 150%;
        line-height: 1.4em;
        margin-bottom: 10px;
    }

    #discs article .date {
        font-size: 9px;
        margin-bottom: 10px;
    }

    #discs article .st_date {
        font-size: 15px;
        margin: 0;
        float: left;
    }

    .store_icon {
        display: block;
        list-style-type: disc;
        margin: 0;
        padding-top: 1em;
        padding-inline-start: 0;
    }

    #menu1,
    #menu2,
    #menu3,
    #menu4,
    #menu5,
    #menu6,
    #menu7,
    #menu8,
    #menu9,
    #menu10,
    #menu11,
    #menu12,
    #menu13,
    #menu14,
    #menu15,
    #menu16,
    #menu17,
    #menu18,
    #menu19,
    #menu20 {
        text-align: center;
    }

    .store_icon img {
        margin: 0.4em;
    }
}