@charset "UTF-8";


/*フォント*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

/* CSS Document */
@media screen and (min-width: 768px) {

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* line 14, common.scss */
    abbr,
    address,
    article,
    aside,
    audio,
    b,
    blockquote,
    body,
    caption,
    cite,
    code,
    dd,
    del,
    dfn,
    dialog,
    div,
    dl,
    dt,
    em,
    fieldset,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    p,
    pre,
    q,
    samp,
    section,
    small,
    span,
    strong,
    sub,
    sup,
    time,
    ul,
    var,
    video {margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background-color: transparent;
list-style: none;
font-style: normal;
font-weight: 400;
color: #4D4D4D;
}

    /* line 84, common.scss 
    body {
        font: 16px/2.4 'Noto Sans JP', sans-serif,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        color: #000;
    }*/
    
body {/*font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;color: #000;*/
font-family:minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;color: #4D4D4D;
}
    

    /* line 90, common.scss */
    header,
    article,
    footer,
    aside,
    nav,
    small,
    section {
        display: block;
    }

    /* line 100, common.scss */
    p,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1.2em;
    }

    /* line 109, common.scss */
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1;
    }

    /* line 118, common.scss */
    li,
    ol li {
        list-style-type: none;
    }

    /* line 123, common.scss */
    a img {
        border-style: none;
    }

    /* line 127, common.scss */
    a {
        color: #353535;
        text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
opacity: 0.7;
    }

    /* line 138, common.scss */
    a:hover {
        text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
       opacity: 0.7;
 /*background-color: #808080;
color: #ffffff;*/
    }

    /* line 147, common.scss */
    img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
        border-style: none;
    }

    /* line 154, common.scss */
    table {
        width: 100%;
        border-collapse: collapse;
    }

    /* line 159, common.scss */
    table th,
    table td {
        vertical-align: top;
    }

    /* line 166, common.scss */
    a[href^="tel:"] {
        pointer-events: none;
        /*リンクを非リンクに変える*/
        cursor: default;
        /*マウスカーソルを矢印のまま変えない*/
    }

    /* line 173, common.scss */
    article,
    aside,
    dialog,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
display: block!important;
    }

.pcnone {
display:none!important;
}

    /*******************************
  
  共通パーツ
  
  ********************************/
    .pcnone {
        display: none !important;
    }

    .common-width {
        /*max-width: 1100px;*/
max-width: 1600px;
        margin: 0 auto;
padding-left:20px;
padding-right:20px;
    }

.font-serif {
    font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;

    }

    

    .align-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .separate-align-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .flex {
        display: flex;
    }

    .flex-align {
        display: flex;
        align-items: center;
    }

    .separate {
        display: flex;
        justify-content: space-between;
    }

    .separate-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lh1 {
        line-height: 1;
    }

    .lh1-1 {
        line-height: 1.5;
    }

    .lh2 {
        line-height: 2;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    
    
    .textarea{
        text-align: center;
    }
    
    .textarea p {

        font-size: 18px;
        margin: 0 auto 60px;
        max-width: 940px;
        line-height: 2;
padding-left:20px;
padding-right:20px
    }

    .common-h2,
    .common-h3 {
       text-align: center;
font-size: 28px;
        position: relative;
margin-top:60px;
margin-bottom:70px;
/*margin: 60px 0 70px 0;*/
          /*font-family: 'Noto Serif JP':*/
font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
padding-bottom: 10px;
    }


    .common-h2:before,
    .common-h3:before {
        position: absolute;
        bottom: -18px;
        left: 50%;
        content: '';
        background-image: url(../images/top/ya.png);
        width: 60px;
        height: 12px;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    .common-h2 span {
        font-size: 18px;
           line-height:300%;
font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
    }

.btn-common,.btn-common2 {
        text-align: center;
margin-left: auto;
margin-right: auto;
    }


  /* .btn-common a {
        background: #e6e6e6;
        border-radius: 10px;
        width: 260px;
        font-size: 20px;
        display: inline-block;
        padding: 1px;
        font-family: 'Noto Serif JP';
margin-top:-80px;
padding-top:0;
    }
*/

.btn-common a{
       /*background: #F2F2F2;*/
border-radius: 10px;
        width: 360px;
        font-size: 22px;
        display: inline-block;
        padding: 1px;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
height:61px;
border: 1px solid #000;
line-height:61px;
margin-top:40px;
padding-top:0;
margin-bottom:30px;
}

.btn-common a:hover{
background-color: #808080;
color: #ffffff;
}

.btn-common2 a{
        background: #F2F2F2;
border-radius: 10px;
width:250px;
font-size: 22px;
        display: inline-block;
        padding: 1px;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
height:61px;
border: 1px solid #000;
line-height:61px;
margin-top:0px;
padding-top:0;
margin-bottom:30px;
}
    .btn-common2 a:hover {
        text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        /*opacity: 0.7;*/
background-color: #808080;
color: #ffffff;
   }


    .bread {
        background: #E5E5E5;
    }

    .breadcrumb {
        /*width: 1100px;
        margin: 0 auto 50px;*/
max-width: 1270px;
        margin: 0 auto 50px;
padding-top:12px;
padding-bottom:12px;
padding-left: 10px;
    }

    .page-common-h1 {
        text-align: center;
        font-size: 26px;
        /*font-family: 'Noto Serif JP';*/
font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
        position: relative;
        margin: 0 0 75px 0;
padding-bottom:20px;
padding-top:15px;
    }

    .page-common-h1:before {
        position: absolute;
        background-image: url(../images/top/ya.png);
        content: '';
        display: inline-block;
        background-size: contain;
        width: 50px;
        height: 6px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    .mwwp-center{
        text-align: center;
    }


    /*******************************
  
  ヘッダー、フッター
  
  ********************************/

    .top-a {
        width: 200px;
        height: auto;
margin-left:0px;
min-width:150px;
    }

header .header {

}

    /* line 323, common.scss */
    .header h1 {
      /*  width: 1100px; */
        margin: 0 auto;
        font-size: 12px;
        display: none;
    }

    .header .common-width {
        padding: 20px 0;
display: flex;
        justify-content: center;
        margin: 0;
max-width: 1600px!important;
margin-left:auto;margin-right:auto;
    }

    .header .common-width figure img {
        max-width: 60%;
    }


    .header .middle {
        display: flex;
        /*justify-content: center;*/
        margin: 0;
padding-left:10px;
  }


.header .middle li a {
        display: block;
        margin: 0 15px 0 15px;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.07em;

    }


    .header .middle li:last-of-type a {
        margin: 0;
opacity: 0.7;
    }

    .header .right {
       /* width: 255px;*/
width: 300px;
text-align:right;
    }

    .header .right .online-store {
        width: 110px;
height:38px;
line-height:38px;
        background: #E6E6E6;
        border-radius: 5px;
        text-align: center;
        padding: 0px 0px 0px 15px;
        font-size: 14px;
        position: relative;
 font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
right:0;
margin-left:30px;


    }

    .header .right .online-store:before {
        position: absolute;
        top: 12px;
        left: 6px;
        background-image: url(../images/common/cart.png);
        width: 14px;
        height: 14px;
        background-size: contain;
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
    }

    /* line 380, common.scss */
    .header .right .social {
        width: 120px;
        display: flex;
        justify-content: space-between;
margin-left:5px;
margin-right:5px;
   }

    /* line 385, common.scss */
    .header .right .social a img {
        /*width: 26px;*/
opacity: 0.3;
   }
.header .right .social .youtube img{
width:27px;
margin-top:2px;
}
.header .right .social .twitter img{
width:27px;

}
.header .right .social .facebook img{
width:25px;
margin-top:-1px;

}

.header .right .social .instagram img{
width:25px;
margin-top:-1px;

}


    /* line 394, common.scss */
    footer small {
        text-align: center;
        font-size: 14px;
margin: 30px 0 0 0!important;
    }

    footer .page-small {
margin: 0;
        padding: 23px 0;
        background: #e5e5e5;
    }

    /*******************************
  
  トップページ
  
  ********************************/
   .top-image {
        margin: 0 0 90px 0;
        position: relative;
    }

    .top-image .visual {
        position: absolute;
        top: 60%;
        right: 20px;
        color: #fff;
        font-size: 18px;
        line-height: 1.8;
        text-shadow: 2px 4px rgba(0,0,0,0.7);
    }
    
    .top-image .visual .top-text{
        font-size: 30px;
    }

    .top-special {
        margin: 0 0 95px 0;
    }

    .top-special .flex {
        justify-content: center;
        flex-wrap: wrap;
    }

.btn-evt{
margin-top:0px!important;
}

    .top-special .flex a {
        width: 310px;
        margin: 0 10px 40px 10px;
    }

.top-special .flex a:hover {

opacity: 0.7;
    }



    top-special .flex a:nth-of-type(3n+2) {
        margin: 0 80px 50px 80px;
    }

    .top-special .flex a figure {
        margin: 0 0 15px 0;
        width: 310px;
        height: 240px;
    }

    /* line 431, common.scss */
    .top-special .flex a h3 {
        font-size: 16px;
        line-height: 1.5;
    }

    /* line 435, common.scss */
    .top-special .flex a p {
        font-size: 13px;
    }

    .top-event {
        margin: 0 0 80px 0;
max-width: 1350px;
background-color:#F2F2F2!important;
    }

    .top-event .frex{
        flex-wrap: wrap;
        width: 50%;
/*width: 1130px;*/
margin: 0 auto;
        justify-content: center;
    }

/*.top-event .flex {
        flex-wrap: wrap;
        width: 1350px;
width: 1130px;
margin: 0 auto;
        justify-content: center;
    } */

    .top-event .flex a {
        width: 260px;
        margin: 0px 50px 50px 50px;
    }
    

    .top-event .flex a figure {
        margin: 0 0 15px 0;
        width: 260px;
        height: 200px;
    }

    /* line 431, common.scss */
    .top-event .flex a h3 {
        font-size: 16px;
    }

    /* line 435, common.scss */
    .top-event .flex a p {
        font-size: 13px;
    }






    /* line 442, common.scss */
    .top-about {
        position: relative;
    }

    /* line 451, common.scss */
    .top-about .absolute-block {
position: absolute;
bottom: 18%;
        left: 10%;
    }

  /*  .top-about .absolute-block a {
        width: 260px;
        padding: 1px;
        border-radius: 10px;
        font-size: 20px;
        text-align: center;
        border: 1px solid #000;
        display: inline-block;
        font-family: 'Noto Serif JP';
    }

    .top-about .absolute-block h2 {
        font-size: 23px;
        letter-spacing: 7px;
        margin: 0 0 40px 0;
    }

    .top-about .absolute-block p {
        font-size: 14px;
        line-height: 2;
        margin: 0 0 30px 0;
    }
*/


.top-about .absolute-block a {
width:360px;
height:61px;
    padding: 1px;
    border-radius: 10px;
font-size:22px;
text-align: center;
    border: 1px solid #000;
    display: inline-block;
    font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
line-height:61px;
top:20%;
padding-top:0;
/*margin-bottom:30px;*/
}


.top-about .absolute-block a:hover {
background-color: #808080;
color: #ffffff;
}




.top-about .absolute-block h2 {

        font-size: 28px;
     
       margin: 0 0 40px 0;
 font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
    }

    .top-about .absolute-block p {
        font-size: 18px;
        line-height: 1.8;
        margin: 10px 0 10px 0;
    }

.top-about figure img {
width:100%;
opacity: 0.7;
}

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

@media screen and (max-width:1170px) {	
    /* line 442, common.scss */
    .top-about {
        position: relative;
    }

    /* line 451, common.scss */
    .top-about .absolute-block {
position: absolute;
bottom: 15%;
left: 10%;
    }

.top-about .absolute-block a {
width:320px;
height:50px;
    padding: 1px;
    border-radius: 10px;
font-size:20px;
text-align: center;
    border: 1px solid #000;
    display: inline-block;
    font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
line-height:50px;
top:20%;
padding-top:0;
/*margin-bottom:30px;*/
}


.top-about .absolute-block h2 {
        font-size: 28px;
        margin: 0 0 20px 0;
    }

    .top-about .absolute-block p {
font-size: 18px;
line-height: 1.8;
        margin: 10px 0 10px 0;
    }



}

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


    .top-product {
        padding: 70px 0 90px 0;
        background: #F2F2F2;
        margin: -15px 0 80px 0;
    }

    .top-product .common-width {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
max-width:1500px!important;
    }

    .top-product .Clickers figure {
/*width: 60%;*/
/*width: 60%;*/
    }


    /* line 480, common.scss */

.top-product .common-width .product5 {
width:320px;
padding-left:25px;
padding-right:25px;
margin-top:0;
margin-left:0px;
margin-right:0px;
margin-bottom:100px;
    }

  /*  .top-product .common-width .product5:nth-child(4),
        .top-product .common-width .product5:nth-child(7){
        margin: 0 0 60px 0;
    }*/
    

    /* line 490, common.scss */
    .top-product .common-width .product5 figure {
        margin: 0 0 0px 0;
text-align:center;
    }

    /* line 494, common.scss */
    .top-product .common-width .product5 h3 {
        text-align: center;
font-size:24px;
        margin: 0 0 15px 0;
font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.05em;
    }

    /* line 500, common.scss */
    .top-product .common-width .product5 .text {
font-size:14px;
        color: #4D4D4D;
margin:0 0 30px 0;
    }

    /* line 506, common.scss */
    .product5 .btn {
width:180px;
height:42px;
line-height:42px;
border-radius:10px;
        border: 1px solid #000;
        padding: 1px;
padding-top:0;
        font-size: 12px;
        display: block;
        margin: 0 auto;
        text-align: center;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
vertical-align: top;
background: #ffffff;
color: #000000!important;
    }

/*.top-product .common-width a:hover {
background: #808080!important;
color: #000000;
}*/

    /* line 517, common.scss */
    .top-product .common-width .product5 .adjust-figure {
        width: 50%;
        margin: 0 auto;
    }

    /* line 524, common.scss */
    .top-product .btn-link {
        text-align: center;
    }
    .top-product .btn-link a {
        width: 360px;
height:61px;
line-height:61px;
        border-radius: 10px;
        border: 1px solid #000;
        padding: 5px;
padding-top:0px;
       font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
        display: inline-block;
font-size:22px;
margin-top:0px;
margin-bottom:30px;
    }

    .top-product .btn-link a:hover {
background-color: #808080;
color: #ffffff;
    }

    .top-content {
        margin: 0 0 90px 0;
    }

    .top-content .flex {
        margin: 0 auto 90px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .top-content .flex a {
        width: 325px;
        margin: 0 20px 50px 20px;
    }

    
        .mw_wp_form_confirm  .width p{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30px 0;
    }

    .mw_wp_form_confirm .back{
        margin: 0 0 0 20px;
    }
    

    .top-player {
        padding: 75px 0 85px 0;
        background: #F2F2F2;
        margin: -15px 0 0px 0;
        position: relative;
    }

    .top-player .slider-a {
        margin: 0 50px 0 0;
    }

    .top-player a figure img {
        margin: 0 0 20px 0;
    }

    .top-player a figure h3 {
        text-align: center;
    }

    .top-player .btn-player {
        text-align: center;
        margin: 85px 0 0 0;
    }

    .top-player .btn-player a {
        display: inline-block;
        width: 235px;
        border-radius: 10px;
        border: 1px solid #000;
        font-size: 20px;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
        letter-spacing:0.078em;
        text-align: center;
    }
    
        
    .appeal-text{
        max-width: 940px;

margin-left:auto;
margin-right:auto;
margin-bottom:100px;
padding-top:20px;
padding-bottom:30px;
    text-align: center;
font-size:18px!important;
line-height:220%;
    }



    .top-news {
        margin: 0 0 95px 0;
    }

    .top-news .flex {
        justify-content: center;
        margin: 0 0 60px 0;
    }


    .top-news .flex li  {
        display: block;
        margin: 0 20px;
        position: relative;
        cursor: pointer;
    }

    .top-news .flex li:hover:before,.is-active-3:before {
        background-image: url(../images/top/ya.png);
        position: absolute;
        content: '';
        width: 25px;
        height: 3px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        left: 50%;
        display: inline-block;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
	
	
    .top-news .flex li:hover:before,.is-active-3:before {
        background-image: url(../images/top/ya.png);
        position: absolute;
        content: '';
        width: 25px;
        height: 3px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        left: 50%;
        display: inline-block;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }


    .top-news .width {
        max-width: 1100px;
        margin: 0 auto 40px;
        justify-content: center;
        display: none;
        flex-wrap: wrap;
    }
    
    .top-news .width.is-show-3{
        display: flex;
    }

    .top-news .width .left {
        width: 245px;
			
    }

    .top-news .width a {
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .top-news .width a article {
        display: flex;
        align-items: center;
width:100%;
    }


    .top-news .width a article span {
padding: 3px;
    height: 33px;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #4d4d4d;
/*color: #4d4d4d;*/
/*color: #ffffff;*/
background: #ffffff;	
/*background: #4d4d4d;	*/
    }


.top-news .width a:hover {
color: #000;
background: #fff;
    }

    /* line 639, common.scss */
    .top-news .width a article h3 {
        font-size: 16px;
        width: 35vw;
        margin: 0 0 0 20px;
line-height:120%;
    }



/*---------------------------------------元----------------------------------------------------------------------*/	




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



    /* line 647, common.scss */
    .top-contact {
        padding: 75px 0 85px 0;
background: #F2F2F2!important;
        margin: 0 0 35px 0;
    }

    /* line 651, common.scss */
    .top-contact .width {
        width: 520px;
        margin: 0 auto;
    }

    /* line 654, common.scss */
    .top-contact .width dl {
        display: flex;
        margin: 0 0 25px 0;
    }

    /* line 657, common.scss */
    .top-contact .width dl dt {
        width: 130px;
        font-size: 13px;
    }

    /* line 662, common.scss */
    .top-contact .width dl dd input,
    .top-contact .width dl dd textarea {
        width: 390px;
        border-radius: 10px;
        border: none;
        padding: 7px;
    }

    /* line 673, common.scss */
    .top-contact .width input[type="submit"] {
        width: 360px;
height:61px;
        border-radius: 10px;
        border: 1px solid #000;
        padding: 5px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        transition: 0.5s;
        display: block;
margin: 50px auto 20px auto;
        color: #000;
background: #ffffff;
    }
    
    .mw_wp_form_confirm .width input[type="submit"]{
        margin: 0;
    }
    

    .top-contact .width input[type="submit"]:hover {
        background: #808080;
        color: #fff;
        transition: 0.5s;
    }




    .top-contact .width .back {
        background: none;
        border: none;
        margin: 0 35px 0 0;
        text-decoration: underline;
        cursor: pointer;
        outline: none;
    }


    .field-catch {
        position: relative;
    }

    .field-catch:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: '';
        display: inline-block;
    }

    .field-catch .absolute {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    .field-catch .absolute p {
        font-size: 30px;
        line-height: 1.5;
    font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
}
    


.pc_spot {
width: 50%;
background-image: url(https://official-dynasty.com/wp/wp-content/uploads/2021/03/spot_back.jpg);
background-size: cover;
padding-top: 100px;
padding-bottom: 100px;
}

.spot_in {
width: 400px;
height: 300px;
padding: 20px; 
background-color: rgba(255,255,255,0.8);
margin-left: auto;
 margin-right: auto;
}

.pc_event {
width: 50%;
background-image: url(https://official-dynasty.com/wp/wp-content/uploads/2021/03/event_back.jpg);
background-size: cover;
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}

.event_in {
width: 400px;height: 300px;padding: 20px; background-color: rgba(255,255,255,0.8);margin-left: auto;margin-right: auto;
}


.pl_it {
width: 100%;
background-image: url(https://official-dynasty.com/wp/wp-content/uploads/2021/03/interview_back.jpg);
background-size: cover;
/*background-position: left bottom;*/
background-position: 20% 50%;
text-align: center;
padding-top: 50px;
padding-bottom: 100px;
margin-bottom: 20px;
}

.pl_it_in {
width: 600px;
height: 300px;
padding-top: 0px;
background-color: rgba(255,255,255,0.8)!important;
margin-left: auto;
margin-right: auto;
}

.pl_it_in h2 {
padding-top: 45px;	
}

    /*******************************
    
   Player
    
    ********************************/

    .page-image {
        margin: 0 0 50px 0;
    }

    .page-image .absolute {
        position: absolute;
        -webkit-writing-mode: vertical-rl;
        writing-mode: tb-rl;
        flex-flow: column;
        top: 40%;
        left: 7%;
        color: #fff;
    }

    .page-image .absolute .main {
        font-size: 17px;
        font-weight: 500;
    }

    .page-image .absolute .sub {
        font-size: 11px;
    }

    .page-image figure {
        position: relative;
                height: 25vw;
        width: 100%;
    }

    .page-image figure img {
        width: 100%;

    }

    .player-h2 {
        text-align: center;
        font-size: 26px;
        color: #606060;
margin: 0 0 70px 0;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
    }




@media screen and (max-width: 1235px) {
    .premier .flex {
max-width:90vw;
        flex-wrap: wrap;
text-align:center;
margin-bottom:80px;
padding-left:auto;margin-right:auto;
    }
    .premier .flex a {
        /*width: 385px;*/
margin: 0 0 80px 0;
        display: block;
/*height:265px;*/
}

 /*  .premier .flex a:nth-of-type(3n+2) {
margin: 0 1.5% 80px;
    }*/

    .premier .flex a figure {
width:30%;
padding-top:69%;
}

 .premier .flex a figure img{
        width: 100%;
        height: auto;
 }
}



    .premier .flex {
width:1400px;
        flex-wrap: wrap;
text-align:center;
margin-bottom:80px;
margin-left:auto;margin-right:auto;
    }
    .premier .flex a {
        /*width: 385px;*/
margin: 0 0 80px 0;
        display: block;
/*height:265px;*/
max-width:100%;
}


    .premier .flex a:nth-of-type(3n+2) {
margin: 0 25px 80px;
    }

    .premier .flex a figure {
        width: 385px;
        height: 265px;
    }

 .premier .flex a figure img{
        width: 100%;
        height: auto;
    }

    .premier .flex a p {
position:relative;
bottom:0;
        line-height: 1;
        margin: 23px 0px 0 16px;
font-size:0.95em;
font-family: minion-pro-condensed-subhead, serif;font-weight: 400;font-style: normal;
letter-spacing:0.078em;
}


    .premier .flex a h3 {
position:relative;
bottom:0;
        font-size: 22px;
        padding: 15px 0 0 0;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
    }

    .field {
        margin: 0 0 80px 0;
    }

    .field .flex {
        display: flex;
        flex-wrap: wrap;
width:1400px;
    }


    .field .flex .detail {
        width: 286px;
        margin: 0 20px 50px 0;
    }

    .field .flex .detail:nth-of-type(4n+4) {
        margin: 0 0 25px 0;
    }

.field .flex .detail figure {

width:286px!important;
height:188px;
margin-bottom:15px;
/* width: 260px;*/
       /*? height: 170px;*/
}

.img-gray{
-webkit-filter: grayscale(100%)!important;
-moz-filter: grayscale(100%)!important;
-ms-filter: grayscale(100%)!important;
-o-filter: grayscale(100%)!important;
filter: grayscale(100%);
    }


    .field .flex .detail p {
        text-align: left;
        line-height: 1;
font-size: 12px;
margin:6px 0 0 15px;
    }

    .field .flex .detail h3 {
        text-align: center;
        font-size: 18px;
        font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
    }


    .single-premier .flex2 {
       /* align-items: flex-end;*/
        margin: 0 0 40px 0;
text-align: center;
margin-left: auto;
margin-right: auto;
    }

    .single-premier .flex2 figure{
position: relative;
width: 100%!important;
margin-left: auto;
margin-right: auto;
height: 600px;
overflow:hidden;
margin-bottom: 80px;
    }

.single-premier .flex2 figure img{
        /*width: 100%!important;
object-fit: cover;*/

/*width:100%;
   height:100%;
   object-fit:cover;*/

position: absolute;
  top: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

    }


.single-premier .flex2 .right2 {

max-width: 1400px!important;
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}

    .single-premier .flex2 .right2:before {
        background-image: url(../images/top/ya.png);
        position: absolute;
        content: '';
        width: 125px;
        height: 6px;
        background-size: contain;
        background-repeat: no-repeat;
        top: 12px;
        left: 6.9%;
        display: inline-block;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }



    .single-premier .flex2 .right2 h2 {
        font-size: 32px;
text-align: left;
padding-left: 7%;

}

    .single-premier .flex2 .right2 p {
text-align: left;
        font-size: 15px;
font-family: minion-pro-condensed-subhead, serif;font-weight: 500;font-style: normal;
letter-spacing:0.078em;
margin-top: 15px;
margin-bottom: 60px;
padding-left: 7%;
margin-left: 2px;
    }






  /*  .single-premier .absolute {
        position: absolute;
        -webkit-writing-mode: vertical-rl;
        writing-mode: tb-rl;
        flex-flow: column;
        top: 10%;
        left: 7%;
        color: #fff;
    }

    .single-premier .absolute .main {
        font-size: 17px;
        font-weight: 500;
    }

    .single-premier .absolute .sub {
        font-size: 11px;
    }*/

    .single-premier .width {
max-width: 1400px;
padding-left: 10px;
padding-right: 10px;
        margin-left: auto;
margin-right: auto;
        display: flex;
        margin-bottom: 130px;
 }

    .single-premier .width .prof {
        width: 26%;
        margin: 0 2% 0 7%;
    }

 .single-premier .width .record {
        width: 26%;
        margin: 0 2% 0 2%;
    }

    .single-premier .width .score {
        width: 26%;
margin: 0 6% 0 2%;
    }

    .single-premier .width h3 {
        font-size: 13px;
        border-bottom: 1px solid #4D4D4D;
        padding: 0 0 8px 0;
    }

    .single-premier .width p {
        font-size: 13px;
    }

    .single-premier .width .jp {
        margin: 10px 0 35px 0;

    }

.single-premier .width .score p{
        margin: 10px 0 35px 0;
    }


    /*******************************
    
    About
    
    ********************************/

    .about-position {
        margin: 0 0 110px 0;
    }

    .about-position .absolute {
        bottom: 5%;
        right: 7%;
        left: auto;
        top: auto;
        color: #000;
    }

    .page-about {
        margin: 0 0 100px 0;
    }

    .page-about .separate p {
        width: 47%;
        font-size: 14px;
margin-left: 1%;
margin-right: 1%;
    }

    .page-about .separate:nth-of-type(even) {
        flex-direction: row-reverse;
    }

    .page-about .separate:nth-of-type(odd) p {
        padding: 25px 0 0 0;
    }

    .page-about .separate:nth-of-type(even) p {
        padding: 70px 0 0 0;

    }


    .about-team .common-h3:before {
        bottom: -30px;
    }

    .about-team {
        margin: 0 0 50px 0;
    }

    .about-team .flex {
        width: 940px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .about-team .detail {
        text-align: center;
        margin: 0 0 30px 0;
    }

    .about-team .detail:nth-of-type(3n+2) {
        margin: 0 55px 30px;
    }

    .about-team .detail .position {
        font-size: 14px;
    }

    .about-team .detail h4 {
        font-size: 34px;
    }

    .about-team .detail figure {
        width: 274px;
        height: 274px;
    }


    .about-team .detail .en-name {
        font-size: 17px;
    }

    .about-overview .width {
        width: 840px;
        margin: 0 auto 85px;
    }

    .about-overview iframe {
        width: 425px;
        height: 320px;
    }

    .about-overview .left h4 {
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    .about-overview .left p {
        font-size: 12px;
    }

    .about-overview .left .indent {
        margin: 0 0 0 10px;
    }

    .about-overview .left .jp {
        margin: 0 0 15px 0;
    }

    .about-overview .left .jp h3{
        margin: 0 0 15px 0;
    }




    /*******************************
    
    Resent-contents
    
    ********************************/

    .contents-interview {
        margin: 0 0 100px 0;
    }

    .contents-interview .width {
        width: 1000px;
        margin: 0 auto;
    }

    .contents-interview .flex {
        justify-content: space-between;
    }

    .contents-interview .left-about,
    .contents-interview .right-interview {
        margin: 0 0 40px 0;
    }

    .contents-interview .flex a {
        display: block;
    }

    .contents-interview .flex .en-font {
        color: #606060;
        font-size: 14px;
        line-height: 1;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #606060;
        margin: 0 0 15px 0;
    }


    /*******************************
    
   News
    
    ********************************/

    .page-news {
        margin: 0 0 100px 0;
    }
    
    page-news .separate {
    width:1260px;
    margin-left:auto;
    margin-right:auto;
    }
    

    .page-news .separate .left {
        display: flex;
        width: 240px;
        

    }

    .page-news .separate .left p {
    margin: 0 0 0 10px;
padding-top: 4px!important;
padding-left: 5px!important;
padding-right: 5px!important;
padding-bottom: 4px!important;
   text-align: center;
    font-size: 12px;
    border: 1px solid #4d4d4d;
line-height: 100%;
letter-spacing: -0.4px;
/*height: 24px;*/
height:23px;
    }

    .page-news .block-a {
        display: block;
    }

    .page-news .separate {

        padding: 0 0 30px 0;
        border-bottom: 1px solid #999;
        margin: 0 0 35px 0;
    }
    

    .page-news .separate .middle {
        width: 770px;
    }

    .page-news .separate .middle h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .page-news .separate .readmore {
        display: flex;
        align-items: flex-end;
    }


    .page-news .flex {
        justify-content: center;
        margin: 0 0 60px 0;
    }

    .page-news .flex li a {
        display: block;
        margin: 0 20px;
        position: relative;
    }

    .page-news .flex li a:hover:before,.current-cat:before {
        background-image: url(../images/top/ya.png);
        position: absolute;
        content: '';
        width: 25px;
        height: 3px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0;
        left: 50%;
        display: inline-block;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }



    .wp-pagenavi {
        text-align: center;
        margin: 35px 0 50px;
        width: 100%;
    }

    .wp-pagenavi span,
    .wp-pagenavi a {
        margin: 0 5px 0 0;
    }

    .single-news {
        margin: 0 0 100px 0;
    }
    
    
    .single-news .separate {
    width:1260px;
    margin-left:auto;
    margin-right:auto;
    }

    .single-news .head {
        display: flex;
        align-items: center;
        margin: 0 0 20px 0;
    }

    .single-news .cat {
 padding-top: 5px;
padding-bottom: 5px!important;
padding-left: 8px;
padding-right: 8px;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #4d4d4d;
line-height: 100%;
letter-spacing: -0.5px;
    }

    .single-news .midashi {
        font-size: 20px;
        margin: 0 0 50px 0;
    }

    .single-news .separate .left {
        max-width: 900px;
        flex-wrap: wrap;
padding-right:50px;
margin:0 0 0 auto!important;
padding-left:0!important;
}









    .single-news .separate .left .midashi {
        font-size: 20px;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 10px 0;
    }

        .single-news .separate .content h2 {
        font-size: 18px;
        border-bottom: 1px dotted #000;
        padding: 0 0 10px 0;
            margin: 0 0 1.2rem 0;
    }
    
    .single-news .separate .content p{
        margin: 0 0 1.2rem 0;
    }
    
    .single-news .head span{
        padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
   /* height: 33px;*/
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 12px;
line-height: 100%;
    border: 1px solid #4d4d4d;
letter-spacing: -0.5px;
    }

    .single-news .separate .content h3 {
        font-size: 16px;
        border-bottom: 1px dotted #000;
        padding: 0 0 10px 0;
                    margin: 0 0 1.2rem 0;
    }

    .single-news .separate .content h4 {
        font-size: 14px;
        border-bottom: 1px dashed #000;
        padding: 0 0 10px 0;
        margin: 0 0 1.2rem 0;
    }


    .single-news .navigation {
        display: flex;
        justify-content: center;
        margin: 80px 0 0 0;
    }



    .single-news .navigation .btn-back {
        margin: 0 30px;
        background: #4D4D4D;
        color: #fff;
        padding: 3px 10px;
        display: inline-block;
    }



    .single-news .right {
        width: 300px!important;
        min-width: 250px!important;
    }


    .widget {
        margin: 0 0 50px 0;
    }

    .widget .widgettitle {
        font-size: 20px;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .widget ul li {
        line-height: 1;
        margin: 0 0 15px 0;
    }

    .widget ul li a {
        display: block;
    }


    /*******************************
    
   Interview
    
    ********************************/

    .single-interview {
        margin: 0 0 150px 0;
    }

    .single-interview .faq {
        width: 1100px;
        margin: 0 auto 50px;
    }

    .single-interview .faq h3 {
        font-size: 20px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #ccc;
        padding: 0 0 10px 0;
    }

    .single-interview .faq p {
        line-height: 2;
    }

    .single-news .left figure{
        text-align: center;
        margin: 0 0 30px 0;
    }

    .single-interview .content *{
        margin: 0 0 1.2rem 0;
    }
    .single-interview .content{
    
        width: 1100px;
    margin: 0 auto 50px;
    }
    
    .single-interview .content h2{
        font-size: 20px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    }
    
        .single-interview .content h3{
        font-size: 18px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    }
    
            .single-interview .content h4{
        font-size: 16px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    }


    /*******************************
    
    Recommend
    
    ********************************/


    .recommend {
        margin: 0 0 100px 0;
        }
    
    .recommend .separate {
    width:1260px;
    margin-left:auto;
    margin-right:auto;
    }

    .recommend .separate .left {
        max-width: 900px;
        flex-wrap: wrap;
padding-right:50px;
margin:0 0 0 auto;
line-height:2em!important;
    }
    
    .recommend .separate .left p{
padding-bottom:50px;
    }   
  
.recommend .separate .left a{
       color:#00468C;
       text-decoration: underline;
    }
     
    .recommend .separate .left .detail-a {
        width: 250px;
       /*margin: 0 0px 40px 0;*/
       margin: 0 20px 40px 20px;
    }

    /*.recommend .separate .left a:nth-of-type(3n+2) {
        margin: 0 25px 40px 25px;
    }*/


    .recommend .separate .right {
    width: 300px!important;
        min-width: 250px!important;
    }
    
    .recommend .separate .right .cat,
        .recommend .separate .right .month{
     margin: 0 0 30px 0;
    }
    
    .recommend .adjust-width{
        width: 260px;
        height: 200px;
        margin: 0 0 10px 0;
    }

    .recommend .separate .left .title{
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    
    .recommend .separate .left .lh{
        line-height: 1.5;
    }
    
    
    .recommend .separate .left .space span{
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #4d4d4d;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
letter-spacing: -0.5px;
line-height: 100%;
        }
    

    .recommend .right h2 {
        font-size: 20px;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }

    .recommend .right ul li {
        line-height: 1;
        margin: 0 0 15px 0;
    }

    .recommend .right ul li a {
        display: block;
    }

    .recommend .right .cat-h2,
    .recommend .right .month-h2{
        margin: 0 0 30px 0;
    }



/*=============投稿タグ設定===============================*/

.itv {
margin-left:10px;}
.h2-1 {
  border-left: 4px solid #000;
  font-size:24px!important;
  line-height:26px;
  border-bottom:none!important;
  padding-top:8px!important;
  padding-bottom:8!important;
  padding-left:20px!important;
  margin-bottom:50px!important;
}
.itv {
  display: flex!important;
  align-items: center!important; /* 垂直中心 */
/*  justify-content: center; /* 水平中心 */
color:#0059B2!important;
font-weight: bold!important;
line-height:1.8em;
}
.itv:before {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
  margin-right: 1em; /* 文字の右隣 */  
}





}    /* メディアクエリー閉じタグ */