@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */ *, :after, :before {
border-style: solid;
border-width: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 0
}
/*
font-family: "Noto Sans JP", sans-serif;
*/


html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;    
scroll-behavior: smooth;
}
body {
margin: 0
}
main {
display: block
}
address, blockquote, dl, figure, form, iframe, p, pre, table {
margin: 0
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
margin: 0
}
ol, ul {
list-style: none;
margin: 0;
padding: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
border-top-width: 1px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
clear: both;
color: inherit;
height: 0;
margin: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: inherit
}
address {
font-style: inherit
}
a {
background-color: transparent;
color: inherit;
text-decoration: none
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: inherit
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
embed, iframe, img, object, svg {
vertical-align: bottom
}
button, input, optgroup, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border-radius: 0;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
text-align: inherit;
text-transform: inherit;
vertical-align: middle
}
[type=button], [type=reset], [type=submit], button {
cursor: pointer
}
[type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled {
cursor: default
}
:-moz-focusring {
outline: auto
}
select:disabled {
opacity: inherit
}
fieldset, option {
padding: 0
}
fieldset {
margin: 0;
min-width: 0
}
legend {
padding: 0
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
[type=number] {
-moz-appearance: textfield
}
label[for] {
cursor: pointer
}
details {
display: block
}
summary {
display: list-item
}
[contenteditable]:focus {
outline: auto
}
table {
border-collapse: collapse;
border-color: inherit
}
caption {
text-align: left
}
td, th {
padding: 0;
vertical-align: top
}
th {
font-weight: 700;
text-align: left
}
html.is-modal-open {
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: none
}
body {
color: #111;
font-family: Noto Sans JP, sans-serif;
font-size: 3.7333333333vw;
line-height: 1.5;

background:url("../images/pcbg.jpg") no-repeat center top;
background-size:cover;
background-attachment: fixed;
height:100vh;

}
@media screen and (min-width:767px) {
body {
font-size: 18.66667px
}
}
img {
display: block;
width: 100%
}
a {
-webkit-transition: all .3s;
transition: all .3s;
display: block;      
}

a:hover {
opacity: 0.5;
}


/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*アスタリスク*/
ul.ast{list-style:none;margin:0 0 1em 0;line-height: 1.2;}
ul.ast li{margin:0;  padding-left: 1.1em;  text-indent: -1.1em;}
ul.ast li:before{content:"\203b";}
/*ドット*/
ul.dot{list-style:none;margin:0 0 1em 0;line-height: 1.2;}
ul.dot li{margin:0;  padding-left: 1.1em;  text-indent: -1.1em;}
ul.dot li:before{content:"\30FB";}
/*まる数字のスタイル*/
ol.num {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em 0;
}
ol.num li {
font-size:100%;
  line-height: 1.5;
  padding-left: 1.25em;
  position: relative;
}
ol.num li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #000; 
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  width: 15px;
  font-size: 70%;
	font-weight:500;
  line-height: 1;
  position: absolute;
  top: 0.45em;
  left: 0;
}


h3{width:80vw; margin:0 auto 5vw auto;}
div{display:block;position: relative;}
.flex{display:flex;justify-content: space-between;align-items:center;}
.deactive{pointer-events:none;opacity:1;}
.ouboform{pointer-events:none;opacity:0.3;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.notice {font-size:80%;}
.lfont {font-size: 111%;}
.llfont {font-size: 133%;}
.sfont {font-size: 88%;}
.ssfont {font-size: 77%;}
/* ------------------------------------------------------------------ */

body.active{overflow:hidden;}
html{scroll-padding-top: 8vw;}    
.sp{display:block;}
.pc{display:none;}
.inner{padding:10vw 4vw 8vw 4vw;}    
.btn_wrap{}
.btn_wrap a{width:70vw;margin:0 auto 3vw auto;}

/* header ------------------------------------------------------- */  
header{ 
position:fixed; width:100%;top:0;left:50%;translate: -50% 0;z-index:10;
background: #f0dbb0 url("../images/header_bg.jpg") center center no-repeat;
background-size:cover;}  
header .inner{padding:0 3vw;}    
header .header_wrap{height:12vw;justify-content: flex-start}    
header .header_wrap .jralogo{flex-basis:16vw;}    
header .header_wrap .header_copy{flex-basis:45vw;margin:0 3vw;}       
header .header_wrap .icon{flex-basis:6vw;margin:0 2vw 0 0;}         


/*　ハンバーガーメニューボタン　*/
.hamburger {
display: block;
position: fixed;
z-index: 3;
right: 0;
top: 0.25vw;
width: 12vw;
height: 11vw;
cursor: pointer;
text-align: center;
z-index:11;
}
.hamburger span {
display: block;
position: absolute;
width: 8vw;
height: 2px;
left: 0;
background: #111;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 2.75vw;
}
.hamburger span:nth-child(2) {
top: 5.5vw;
}
.hamburger span:nth-child(3) {
top: 8.25vw;
}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top: 6vw;
left: 0;
background: #111;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
top: 6vw;
left: 0;  
background: #111;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}






/* メニュー背景　*/
nav.globalMenuSp {
position: fixed;
top: 12vw;
left: 0;
color: #fff;
height:100vh;
text-align: center;
width: 100%;
transform: translateY(-106%);
transition: all 0.3s;
opacity: 1;
    background:rgba(0,0,0,0.7);
z-index: 5; 
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
display: block;
transform: translateY(0%);
opacity: 1;
z-index: 5;    
}


nav.globalMenuSp ul {
margin: 20vw auto 0 auto;
padding: 0;
width: 86%;
}
nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all;
margin:0 auto 3vw auto;
}

nav.globalMenuSp ul li.kiyaku {margin:0 auto 8vw auto;}


nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
}
nav.globalMenuSp ul li:hover {}
nav.globalMenuSp ul li a {
display: block;
color: #fff;
padding: 0;
text-decoration: none;
font-size: 111%;
font-weight: 500;
}

nav.globalMenuSp .sns_wrap{justify-content: center;}
nav.globalMenuSp .sns_wrap a{flex-basis: 15vw;margin:5vw 2vw 0 2vw;}

/* #mainarea footer --------------------------------------------- */

#mainarea{max-width:800px;margin:auto;background: #f0dbb0 url("../images/sec_bg.jpg")repeat-y;background-size: contain;
padding:12vw 0 0 0;}
footer{max-width:800px;margin:auto;background: #f0dbb0 url("../images/sec_bg.jpg")repeat-y;background-size: contain;
}

/* #leftside ---------------------------------------------------- */
#leftside{display:none;}

/* #rightside ---------------------------------------------------- */
#rightside{display:none;}

/* #mainarea ---------------------------------------------------- */
#kv{position: relative}   
#kv a.head_50th_logo{position: absolute;width:12%; right:10px; top:17px;}   



/* #共通 ---------------------------------------------------- */    
section h2{width:82vw;margin:0 auto 8vw auto}  



.roopimage{margin:0 0 8% 0}   
    
.loop_wrap_rl {
display: flex;
overflow: hidden;
width:555%;  
margin:0 0 2% 0;
}

.loop_wrap_rl img:first-child {
  animation: loop_rl1 80s -40s linear infinite;
}

.loop_wrap_rl img:last-child {
  animation: loop_rl2 80s linear infinite;
    position: relative;
}
    
@keyframes loop_rl1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop_rl2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}  
  

    
.loop_wrap_lr {
  display: flex;
  overflow: hidden;
  width:555%;  
}

 
    
.loop_wrap_lr img:first-child {
  animation: loop_lr1 80s -40s linear infinite;
}

.loop_wrap_lr img:last-child {
  animation: loop_lr2 80s linear infinite;
}
  
    
@keyframes loop_lr1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes loop_lr2 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}  
  




/* #head ---------------------------------------------------- */
#head{ background: #666 url("../images/head_bg.jpg") top center no-repeat;background-size: cover;overflow: hidden;}    
#head .inner{padding:8vw 4vw}    
#head ul{flex-flow:row wrap;margin:0 0 8vw 0;}   
#head ul li{flex-basis:31%;margin:0 0 3vw 0;}   
#head ul li.clubjranet,   
#head ul li.entryhere{flex-basis:48%}   
#head .head_present{width:92%;margin:0 auto 10% auto}   
#head .head_50th{position: relative;}   
#head .head_50th a.head_50th_bnr{position: absolute;;width:88%;top:25%;left:50%;translate: -50% 0;}   




/* #賞品紹介 ---------------------------------------------------- */  
#prize{}
    
/* #slide ---------------------------------------------------- */  
#slide{background: #222;}   
#slide .inner{padding:6% 4% 0 4%}  
    
    
    
    
    
    
/* #参加方法 ---------------------------------------------------- */  
#howto .inner{padding:12% 4% 12% 4%}      
#howto .howto_step{margin:0 auto 10% auto;width:96%;position: relative;} 
#howto .howto_step a.here{position: absolute;width:22.5%;height:2%;top:29.5%;left:16%; display:block;}   
#howto .howto_step a.login{position: absolute;width:80%;top:35%;left:50%;translate: -50% 0; display:block;}   
#howto .howto_step a:hover{ background: rgba(255,255,255,0.6)}   
#howto a.howto_contacthere{width:82%;margin:auto;}      

/* エントリー ---------------------------------------------------- */    
#entry{}   
#entry .entry_title{position: relative;}   
#entry .entry_title a.entry_entryhere{position: absolute;width:75%;top:54%;left:50%;translate: -50% 0; display:block;}   
  
/* Club JRA-Netとは ---------------------------------------------------- */    
#clubjranet{}   
#clubjranet .clubjranet_content{position: relative;}   
#clubjranet .clubjranet_content a.clubjranet_entryhere{position: absolute;width:77%;top:89.4%;left:50%;translate: -50% 0; display:block;}   
    
    
/*応募規約 */
#kiyaku .inner{padding:10vw 4vw 0 4vw;}
.kiyaku.format{}
.kiyaku.format .inner{padding:0;}
.kiyaku_text_wrap h3{color:#976c08;text-align: center;font-size:105%;margin:0 0 1em 0;font-weight:700;}
.kiyaku_text_wrap{background: #fff;padding:5%;}
.kiyaku_text_wrap .kiyaku_inner{height:460px;overflow-y: scroll;padding:0 1em 0 0;line-height: 166%;overflow-x:hidden;}

.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar{   width: 10px;}
.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar-track{   background-color: #f0f0f0;}
.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar-thumb{   background-color: #d2a04c;}
.kiyaku_text_wrap .kiyaku_inner a{color:#976c08;text-decoration: underline;display:inline;}
.kiyaku_text_wrap .kiyaku_inner p{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner ul{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner ol{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner h4{text-align: left;font-size:100%;margin:1em 0 0.25em 0;color:#976c08;font-weight:700;}
    
    
.kiyaku .qa_section{background: #976c08;padding:0;margin:0 0 2em 0}
.kiyaku dl{margin:0 0 0.5em 0;padding:0 0 0 0;border-bottom:1px solid #fff;}
.kiyaku dl:last-child{border-bottom:none;}
.kiyaku dt{  align-items: center;font-weight:700;padding:5px 0;}
.kiyaku dt:hover{cursor:pointer;}
.kiyaku dt .icon{flex-basis: 5%;padding:1%;margin:0 3% 0 2%}
.kiyaku dt .text{flex-basis: 85%;text-align: left;color:#fff;}
.kiyaku dt .mk_open,.kiyaku dt .mk_close{flex-basis: 2.5%;margin:0 2% 0 0;}
.kiyaku dt.active{color:#801528}
.kiyaku dt .mk_close{display:none;}
.kiyaku dt.active .mk_open{display:none;}
.kiyaku dt.active .mk_close{display: block;}
.kiyaku dd{display:none;margin:0;font-size:90%;text-align: left;padding:1.5em 1.25%;font-weight:500;}
.kiyaku dt.active + dd{display:block; background: #fff;}
.kiyaku dd .icon{width: 5%;padding:1%;margin:0 3% 0 1%;display:inline-block;vertical-align: top;position: relative;top:-0.25em;}
.kiyaku dd .text{width: 88%;text-align: left;display:inline-block;vertical-align: top}
.kiyaku dd p + p{margin:1em 0 0 0;}
.kiyaku dd ul{margin:0.5em 0 1.5em 0}
.kiyaku dd ul li{font-size:90%;line-height: 1.5}
.kiyaku dd p.howtomailmaga{margin:3em 0 0 0;}
.kiyaku dd .link{}
.kiyaku dd a{color:#976c08;text-decoration: underline;display:inline;}
.kiyaku .notice{font-size:90%;margin:0 auto 1em auto;text-align: center;}
.kiyaku .kiyakubottom{text-align:left;font-size:80%;color:#000;}
 
    
    
    
    
 /* #bottom ---------------------------------------------------- */       
#bottom{ background: #666 url("../images/botttom_bg.jpg") top center no-repeat;background-size: cover;overflow: hidden;}  
#bottom .roopimage{margin:9% 0 2% 0}    
#bottom .inner{padding:8% 10% 10% 10%}
#bottom .bottom_title{width:95%;margin:0 auto 10% auto}
#bottom .bottom_entry_kigen{width:95%;margin:0 auto 5% auto}
#bottom a.bottom_entryhere{width:95%;margin:0 auto 10% auto}
#bottom a.bottom_clubjrannet_x{margin:0 auto 0 auto}
    
    
    
/* footer ------------------------------------------------------ */
footer{margin:0 auto 0 auto; background: #1a1a1a;text-align: center;padding:0;}
footer .inner{padding: 6% 4% 5% 4%;}
footer .footer_logo{justify-content: center;margin:0 0 5% 0;}
footer .footer_logo .jralogo{flex-basis:22%;margin:0 10% 0 0;}
footer .footer_logo .anniv{flex-basis:12%;}

footer .footer_link{margin:0 0 3% 0;}
footer .footer_link ul{justify-content: center;color:#fff;}
footer .footer_link li.bar{margin:0 2%;}
footer .footer_link a{color:#fff;font-size:3vw;}
footer .copyright{color:#ccc;font-size:2.75vw;}




.pagetop{position:fixed;bottom:10px;right:10px;z-index:999;}
.pagetop a{width:55px;height:55px; background: rgba(0,0,0,0.8);border-radius:50%;
display:flex;justify-content: center;align-items: center;padding:10px;border:1px solid #666;
}




/* ------------------------------------------------------------------ */
@media screen and (min-width:768px) {/* ----------------------------- */
/* ------------------------------------------------------------------ */
html{scroll-padding-top: 62px;}   

h3{width:86%; margin:0 auto 5% auto;}
div{display:block;position: relative;}


.sp{display:none;}
.pc{display:block;}
.inner{padding:12% 4% 8% 4%;}    
.btn_wrap{}
.btn_wrap a{width:73%;margin:0 auto 3% auto;}
    
    
.pagetop{position:fixed;bottom:22px;right:33px;}
.pagetop a{width:77px;height:77px; padding:17px;}  

/* header ------------------------------------------------------- */  
header{ position:fixed; width:800px;top:0;left:50%;translate: -50% 0;z-index:10;}    
header .inner{padding:0 3%;}    
header .header_wrap{height:70px;justify-content: flex-start}    
header .header_wrap .jralogo{flex-basis:15%;}    
header .header_wrap .header_copy{flex-basis:46%;margin:0 3%;}       
header .header_wrap .icon{flex-basis:5%;margin:0 3% 0 0;}       


/* #mainarea footer --------------------------------------------- */
#mainarea,footer{width:800px;margin:auto;padding:70px 0 0 0}

/* #leftside ---------------------------------------------------- */
#leftside{display:block;position: fixed;top:0;left:0; width: calc(50% - 400px);
background:url("../images/pcbg.jpg") no-repeat center top;
background-size:cover;
}
#leftside .inner{height:100vh;max-width:666px;margin:auto;padding:0 3%;opacity: 0;transition: all 0.5s;  }
#leftside .mission_logo .mission{position: relative;top:0;left:0;mix-blend-mode:screen;}

    
/* #rightside ---------------------------------------------------- */
#rightside{display:block;position: fixed;top:0;right:0; width: calc(50% - 400px);   
background:url("../images/pcbg.jpg") no-repeat center top;
background-size:cover;
    
}
#rightside .inner{height:100vh;max-width:555px;margin:auto;padding:0 10%;opacity: 0;transition: all 0.5s; }
#rightside ul{}
#rightside ul li{margin:0 auto 4% auto;}
#rightside ul li.clubjranet{margin-top:7%;}
#rightside ul li.entryhere{margin-bottom:10%;}
#rightside ul li.snsbtn{justify-content: center;}
#rightside ul li.snsbtn a.sns_share{flex-basis:15%;margin:0 5%;}


    

/* #mainarea ---------------------------------------------------- */
    
/* #kv ---------------------------------------------------- */
#kv{}    
    
/* #共通 ---------------------------------------------------- */    
section h2{width:86%;margin:0 auto 9% auto}    
    
    

    
.roopimage{margin:0 0 8% 0}   
    
.loop_wrap_rl {
display: flex;
overflow: hidden;
width:555%;  
margin:0 0 2% 0;
}

.loop_wrap_rl img:first-child {
  animation: loop_rl1 80s -40s linear infinite;
}

.loop_wrap_rl img:last-child {
  animation: loop_rl2 80s linear infinite;
    position: relative;
}
    
@keyframes loop_rl1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop_rl2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}  
  

    
.loop_wrap_lr {
  display: flex;
  overflow: hidden;
  width:555%;  
}

 
    
.loop_wrap_lr img:first-child {
  animation: loop_lr1 80s -40s linear infinite;
}

.loop_wrap_lr img:last-child {
  animation: loop_lr2 80s linear infinite;
}
  
    
@keyframes loop_lr1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes loop_lr2 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}  
  

    
/* #head ---------------------------------------------------- */
#head{ background: #666 url("../images/head_bg.jpg") top center no-repeat;background-size: cover;overflow: hidden;}    
#head .inner{padding:8% 4% 8% 4%}    
#head ul{flex-flow:row wrap;margin:0 0 10% 0;}   
#head ul li{flex-basis:31%;margin:0 0 3% 0;}   
#head ul li.clubjranet,   
#head ul li.entryhere{flex-basis:48%}   
#head .head_present{width:92%;margin:0 auto 12% auto}   

/* #賞品紹介 ---------------------------------------------------- */  
#prize{}
    
/* #slide ---------------------------------------------------- */  
#slide{background: #222;}   
#slide .inner{padding:6% 4% 0 4%}  
    
/* #参加方法 ---------------------------------------------------- */  
#howto .inner{padding:12% 4% 12% 4%}      
#howto .howto_step{margin:0 auto 10% auto;width:96%;position: relative;} 
#howto .howto_step a.here{position: absolute;width:22.5%;height:2%;top:29.5%;left:16%; display:block;}   
#howto .howto_step a.login{position: absolute;width:80%;top:35%;left:50%;translate: -50% 0; display:block;}   
#howto .howto_step a:hover{ background: rgba(255,255,255,0.6)}   
#howto a.howto_contacthere{width:82%;margin:auto;}      

/* エントリー ---------------------------------------------------- */    
#entry{}   
#entry .entry_title{position: relative;}   
#entry .entry_title a.entry_entryhere{position: absolute;width:75%;top:54%;left:50%;translate: -50% 0; display:block;}   
  
/* Club JRA-Netとは ---------------------------------------------------- */    
#clubjranet{}   
#clubjranet .clubjranet_content{position: relative;}   
#clubjranet .clubjranet_content a.clubjranet_entryhere{position: absolute;width:77%;top:89.4%;left:50%;translate: -50% 0; display:block;}   
 
    
/*応募規約 */
#oubokiyaku{z-index:1;}
.kiyaku.format{}
.kiyaku.format .inner{padding:0;}
.kiyaku_text_wrap h3{color:#976c08;text-align: center;font-size:122%;margin:0 0 1em 0;font-weight:700;}
.kiyaku_text_wrap{background: #fff;padding:5%;}
.kiyaku_text_wrap .kiyaku_inner{height:460px;overflow-y: scroll;padding:0 1em 0 0;line-height: 166%}

.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar{   width: 10px;}
.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar-track{   background-color: #f0f0f0;}
.kiyaku_text_wrap .kiyaku_inner::-webkit-scrollbar-thumb{   background-color: #d2a04c;}
.kiyaku_text_wrap .kiyaku_inner a{color:#976c08;text-decoration: underline;display:inline;}
.kiyaku_text_wrap .kiyaku_inner p{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner ul{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner ol{margin:0 0 0.5em 0;font-size:88%;line-height: 1.4;}
.kiyaku_text_wrap .kiyaku_inner h4{text-align: left;font-size:100%;margin:1em 0 0.25em 0;color:#976c08;font-weight:700;}
    
    
.kiyaku .qa_section{background: #976c08;padding:0;margin:0 0 2em 0}
.kiyaku dl{margin:0 0 0.5em 0;padding:0 0 0 0;border-bottom:1px solid #fff;}
.kiyaku dl:last-child{border-bottom:none;}
.kiyaku dt{  align-items: center;font-weight:700;padding:5px 0;}
.kiyaku dt:hover{cursor:pointer;}
.kiyaku dt .icon{flex-basis: 5%;padding:1%;margin:0 1% 0 2%}
.kiyaku dt .text{flex-basis: 84%;text-align: left;color:#fff;}
.kiyaku dt .mk_open,.kiyaku dt .mk_close{flex-basis: 2.5%;margin:0 2% 0 0;}
.kiyaku dt.active{color:#801528}
.kiyaku dt .mk_close{display:none;}
.kiyaku dt.active .mk_open{display:none;}
.kiyaku dt.active .mk_close{display: block;}
.kiyaku dd{display:none;margin:0;font-size:90%;text-align: left;padding:1.5em 1.25%;font-weight:500;}
.kiyaku dt.active + dd{display:block; background: #fff;}
.kiyaku dd .icon{width: 5%;padding:1%;margin:0 3% 0 1%;display:inline-block;vertical-align: top;position: relative;top:-0.25em;}
.kiyaku dd .text{width: 88%;text-align: left;display:inline-block;vertical-align: top}
.kiyaku dd p + p{margin:1em 0 0 0;}
.kiyaku dd ul{margin:0.5em 0 1.5em 0}
.kiyaku dd ul li{font-size:90%;line-height: 1.5}
.kiyaku dd p.howtomailmaga{margin:3em 0 0 0;}
.kiyaku dd .link{}
.kiyaku dd a{color:#976c08;text-decoration: underline;display:inline;}
.kiyaku .notice{font-size:90%;margin:0 auto 1em auto;text-align: center;}
.kiyaku .kiyakubottom{text-align:left;font-size:80%;color:#000;}
 
    
 /* #bottom ---------------------------------------------------- */       
#bottom{ background: #666 url("../images/botttom_bg.jpg") top center no-repeat;background-size: cover;overflow: hidden;}  
#bottom .roopimage{margin:9% 0 2% 0}    
#bottom .inner{padding:8% 10% 10% 10%}
#bottom .bottom_title{width:95%;margin:0 auto 10% auto}
#bottom .bottom_entry_kigen{width:95%;margin:0 auto 5% auto}
#bottom a.bottom_entryhere{width:95%;margin:0 auto 10% auto}
#bottom a.bottom_clubjrannet_x{margin:0 auto 0 auto}
    
/* footer ------------------------------------------------------ */
footer{margin:0 auto 0 auto; background: #1a1a1a;text-align: center;padding:0;}
footer .inner{padding: 6% 4% 5% 4%;}
footer .footer_logo{justify-content: center;margin:0 0 5% 0;}
footer .footer_logo .jralogo{flex-basis:20%;margin:0 10% 0 0;}
footer .footer_logo .anniv{flex-basis:10%;}

footer .footer_link{margin:0 0 3% 0;}
footer .footer_link ul{justify-content: center;color:#fff;}
footer .footer_link li.bar{margin:0 2%;}
footer .footer_link a{color:#fff;font-size:88%;}
footer .copyright{color:#ccc;font-size:88%;}
    

/* ------------------------------------------------------------------ */
}/* ----------------------------------------------------------------- */
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1300px) {/* ----------------------------- */
/* ------------------------------------------------------------------ *
    
    
/*　ハンバーガーメニューボタン　*/
.hamburger {
display: block;
position: fixed;
z-index: 3;
right: 22px;
top: 0;
width: 55px;
height: 55px;
cursor: pointer;
text-align: center;
z-index:11;
}
.hamburger span {
display: block;
position: absolute;
width: 55px;
height: 2px;
left: 0;
background: #111;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 16px;
}
.hamburger span:nth-child(2) {
top: 32px;
}
.hamburger span:nth-child(3) {
top: 48px;
}
/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top: 30px;
left: 0;
background: #111;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
top: 30px;
left: 0;  
background: #111;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}


/* メニュー背景　*/
nav.globalMenuSp {
position: fixed;
top: 0;
left: 0;
right: 0;    
color: #fff;
height:100vh;
text-align: center;
width: 800px;
margin:0 auto;

background:rgba(0,0,0,0.8);
z-index: -1; 
opacity: 0;    
display: block;
transform: translateY(0%);
transition: all 0.3s;    
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
display: block;
transform: translateY(0%);
 
opacity: 1;
z-index: 5;    
}


nav.globalMenuSp ul {
margin: 100px auto 0 auto;
padding: 0;
width: 55%;
}
nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all;
margin:0 auto 20px auto;
}

nav.globalMenuSp ul li.kiyaku {margin:0 auto 30px auto;}


nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
}
nav.globalMenuSp ul li:hover {}
nav.globalMenuSp ul li a {
display: block;
color: #fff;
padding: 0;
text-decoration: none;
font-size: 111%;
font-weight: 500;
}

nav.globalMenuSp .sns_wrap{justify-content: center;}
nav.globalMenuSp .sns_wrap a{flex-basis: 66px;margin:30px 2vw 0 2vw;}
    
    
/* ------------------------------------------------------------------ */
}/* ----------------------------------------------------------------- */
/* ------------------------------------------------------------------ */




/* ------------------------------------------------------------------ */
@media screen and (min-width:1300px) {/* ----------------------------- */
/* ------------------------------------------------------------------ */
    nav.globalMenuSp, 
    nav.globalMenuSp.active {display: none;}
    
/* #leftside ---------------------------------------------------- */
#leftside{display:block;position: fixed;top:0;left:0; width: calc(50% - 400px);
background:url("../images/pcbg.jpg") no-repeat center top;
background-size:cover;
}
#leftside .inner{height:100vh;max-width:666px;margin:auto;padding:0 3%;opacity: 1;transition: all 0.5s;  }
#leftside .mission_logo .mission{position: relative;top:0;left:0;mix-blend-mode:screen;}

    
/* #rightside ---------------------------------------------------- */
#rightside{display:block;position: fixed;top:0;right:0; width: calc(50% - 400px);   
background:url("../images/pcbg.jpg") no-repeat center top;
background-size:cover;
    
}
#rightside .inner{height:100vh;max-width:555px;margin:auto;padding:0 10%;opacity: 1;transition: all 0.5s; }
#rightside ul{}
#rightside ul li{margin:0 auto 4% auto;}
#rightside ul li.clubjranet{margin-top:7%;}
#rightside ul li.entryhere{margin-bottom:10%;}
#rightside ul li.snsbtn{justify-content: center;}
#rightside ul li.snsbtn a.sns_share{flex-basis:15%;margin:0 5%;}
    

/* ------------------------------------------------------------------ */
}/* ----------------------------------------------------------------- */
/* ------------------------------------------------------------------ */