@charset "utf-8";

/*　reset
*********************************************************/
.pcp{display:inline;}
.pcn{display:none;}

.hove img:hover{
    opacity:0.7;
}

*{
    margin:0;
    padding:0;
}


body{
    /*
        background-attachment: fixed;
        background-position: bottom left;*/
    background-color: fff;
    color:#000000;
    font-size:1.25rem;
    font-family:"Oswald","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    /*	 font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','	MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
         font-weight: bold;*/
    line-height: 2;
}

.pborder{
    border:#ff0086 solid 3px;
    padding-top:1%;
    border-radius:0.5rem;
    text-align:center;
}
.pborder:hover{
    background:#FAE5EF;
}
#resultlink{
    padding:2% 2%;
    width:100%;
}



img{vertical-align:bottom;}
img.btm{vertical-align:bottom;}
img.mdl{vertical-align: middle;}
img.top{vertical-align: top;}
a img{border:none;}
li{list-style-type:none;}
br{letter-spacing:0;}



a:link { color: #ff0086; cursor:pointer; }
a:visited { color: #ff0086; cursor:pointer; }
a:hover { color: #ff0086; cursor:pointer; }
a:active { color: #ff0086; cursor:pointer; }



.meiryo{
    font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/**********login**********/
.login_t{
    margin:0 auto;
    width:100%;
    max-width:700px;
}
.insize1{
    font-size:1.4rem;
    width:90%;
    padding:2% 0 2% 1%;
}


#login img{
    vertical-align:top;
}
#settei img{
    vertical-align:top;
}


/**********login**********/

.box{
    border:0.1rem solid #BDBDBD;
    padding:2% 3%;
    /* width:80%; */
    margin:0 auto;
}


/*　layout
*********************************************************/


#wrapper {
    width: 100%;
    height: 100%;
    position:relative;
    background:#fcfcfc;
    background:url('/images/mypage/images/bg02.jpg') top center;
    background-size:100% 100%;
    background-attachment:fixed;
}
/************2019 to 2020 ver***********************************/

#wrapper_testy {
    width: 100%;
    height: 100%;
    position:relative;
    background:#fcfcfc;
    /*background:url(../images/2019bg.jpg) no-repeat top center;*/
    background:url('/images/bg.jpg') no-repeat top center;
    background-size:100% 100%;
    background-attachment:fixed;
}
/************2019 to 2020 ver***********************************/



.wrapper03{
    background: #fff none repeat scroll 0 0;
}

#container{
    max-width: 1100px;
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding: 1px 0 1px 0;
}

#container2{
    max-width: 1100px;
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding: 1px 0 1px 0;
}


.contents_center_w{
    background:#fff;
    padding: 0px 50px;
    margin:0px auto;
    width:680px;
}
/************2019 to 2020 ver***********************************/

.contents_center_w2 {
    background-color: rgba(255,255,255,0.5);
    padding: 0px 50px;
    margin: 0px auto;
    width: 680px;
}
/************2019 to 2020 ver***********************************/

/*-------トップバー-------*/
#topwrap{
    background:#000026;
    width: 100%;
    height:50px;
    margin: 0 auto;
    position: absolute;
    z-index:0;
}
/************2019 to 2020 ver***********************************/

#topwrap2{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#db9d00+0,fced64+23,f9f4c7+48,f7d200+81,d18b00+100 */
    background: #db9d00; /* Old browsers */
    background: -moz-linear-gradient(top, #db9d00 0%, #fced64 23%, #f9f4c7 48%, #f7d200 81%, #d18b00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #db9d00 0%,#fced64 23%,#f9f4c7 48%,#f7d200 81%,#d18b00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #db9d00 0%,#fced64 23%,#f9f4c7 48%,#f7d200 81%,#d18b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9d00', endColorstr='#d18b00',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height:50px;
    margin: 0 auto;
    position: absolute;
    z-index:0;
}
#topwrap2 a{
    color:#2C0D00;
}
/************2019 to 2020 ver***********************************/


#top{
    max-width: 1200px;
    width: 100%;
    height:50px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: center;
    z-index:1;
}


#taitl {
    max-width: 80px;
    width: 100%;
    height:100%;
    margin:  0 auto;
    position: relative;
    float:left;
    background:url('/images/deep.png') no-repeat  center;
    background-size:contain;
}

#taitl a {
    text-decoration:none;
}

#settei{
    margin: 1% auto 0 1%;
    position: relative;
    float:right;
    color:#fcfcfc;
    padding-right:2%;
    z-index:99999999999;
}

#settei a {text-decoration:none;}


#login{
    margin: 1% auto 0 auto;
    position: relative;
    float:right;
    color:#fcfcfc;
}
#login a {
    text-decoration:none;
}




/*-----ログイン画面----------*/

.loginbg1{
    background:#fff;
    margin:0px auto;
    padding:10px 20px 50px 20px;

}


.loginbg2{
    margin:5px auto 50px auto;
}


.loginbutton{
    background:url('/images/mypage/images/b1.png') top center no-repeat;
    width:80%;
    background-size:80%;
    height:270px;
    border:none;
}

.loginbutton:hover{
    background:url('/images/mypage/images/b2.png') top center no-repeat;
    width:80%;
    background-size:80%;
}

/*-------会員ページ-------*/

.section {
    margin: 0 0 30px 0;
    padding: 15px 10px;
}

.osirase{
    padding:5px;
    color:#fff;
    background:#ff8da5;
}


/*** edit ***/

dl.edit{
    background:#E1E1E1;
    margin-bottom:20px;
    padding:5%;
    margin:0 auto;
    border:solid #CDCDCD 0.1rem;
}
.edit dt{
    font-weight:bold;
}
.edit dd{
    margin-bottom:20px;
    font-size:1.7rem;
}
.edit dd input{
    padding:5px;
}
.edit dd input{width:90%;max-width:400px;height:3rem;font-size:1.7rem;}
.edit select{
    padding:1%;
    width:90%;
    max-width:400px;
    height:4rem;
    font-size:1.7rem;
}
.edit input[type="submit"]{
    background:#FF0080;
    font-size:120%;
    color:#fcfcfc;
    font-weight:bold;
    width:90%;
    max-width:400px;
    text-align:center;
    cursor:pointer;
    padding:2% 0 7%;
}
.edit input[type="submit"]:hover{
    background:#F5A9BC;
}
.edit dd.submit{
    text-align:center;
}

/*-------メインメニューGridvar-------*/



#gridmenu{
    width:96%;
    display: grid;
    grid-template-columns: 4.5fr 3fr 350px ;
    grid-template-rows: 85px 85px;
    grid-gap: 10px 10px;/*縦余白px 横余白pxで指定できる*/
    margin-top:32%;

}
#menuwrap{
    width:100%;
    margin:32% auto 0 auto;
    text-align:center;
}
#menutop{
    width:100%;
}
#menutop a{
    text-decoration:none;
    display:block;
    width:90%;
    height:100%;
    margin:0 auto;
}


#menutop #cnt_1 a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    border:0.4rem #10B510 solid;
    cursor:pointer;
    padding:2% 0%;
    background:#EFFBEC;
}
#menutop #cnt_1 a{
    color:#10B510;
}
#menutop #cnt_1 a:hover{
    opacity:0.7;
    background:#FCDE1C;
}

#menutop #cnt_1_2 a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    border:0.4rem #8929BC solid;
    cursor:pointer;
    padding:2% 0%;
    background:#FBECFE;
    color:#8929BC;
}
#menutop #cnt_1_2 a:hover{
    opacity:0.7;
    background:#FCDE1C;
}

#menutop #cnt_2{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}
#menutop #cnt_2_2{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:96%;
    cursor:pointer;
}

#menutop #cnt_3{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}


#menutop #cnt_2:hover{
    opacity:0.5;
}
#menutop #cnt_2_2:hover{
    opacity:0.5;
}

#menutop #cnt_3:hover{
    opacity:0.5;
}
/*
#cnt_3 img:hover{
  opacity:0.6;
}
#cnt_3:hover{
  background:#0F0F0F;
}
*/


/************2019 to 2020 ver***********************************/

#menutop #cnt_1new a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    /* border:0.4rem #fcfcfc solid;*/
    border:0.4rem #57B33B solid;
    cursor:pointer;
    padding:2% 0%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7e29a+0,abe060+50,8ad626+52,a7e03e+100 */
    background: #b7e29a; /* Old browsers */
    background: -moz-linear-gradient(top, #b7e29a 0%, #abe060 50%, #8ad626 52%, #a7e03e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b7e29a 0%,#abe060 50%,#8ad626 52%,#a7e03e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b7e29a 0%,#abe060 50%,#8ad626 52%,#a7e03e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e29a', endColorstr='#a7e03e',GradientType=0 ); /* IE6-9 */
    /*background:#FFFCE3;*/
    color:#3A3A39;
}
#menutop #cnt_1new a:hover{
    opacity:0.7;
    /*background:#FCDE1C;*/
}
#menutop #cnt_1_2new a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    /* border:0.4rem #fcfcfc solid;*/
    border:0.4rem #A154B0 solid;
    cursor:pointer;
    padding:2% 0%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebe9f9+0,d8d0ef+50,cec7ec+51,c1bfea+100;Purple+3D+%231 */
    background: #ebe9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=0 ); /* IE6-9 */

    /* background:#FFFCE3;*/
    color:#3A3A39;


}
#menutop #cnt_1_2new a:hover{
    opacity:0.7;
    /* background:#FCDE1C;*/
}

#menutop #cnt_2new{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}
#menutop #cnt_2_2new{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:96%;
    cursor:pointer;
}

#menutop #cnt_3new{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}


#menutop #cnt_2new:hover{
    opacity:0.5;
}
#menutop #cnt_2_2new:hover{
    opacity:0.5;
}

#menutop #cnt_3new:hover{
    opacity:0.5;
}

/************2019 to 2020 ver***********************************/


/*********** Class ver.****************************/
.menutop{
    width:100%;
}
.menutop a{
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
}

.menutop #cnt_1 a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    width:46%;
    border:0.4rem #10B510 solid;
    cursor:pointer;
    padding:2% 15%;
    margin:0 auto;
    background:#EFFBEC;
}
.menutop #cnt_1 a{
    color:#10B510;
}


.menutop #cnt_1_2 a{
    text-decoration:none;
    line-height:1.6;
    border-radius:0.4rem;
    width:46%;
    border:0.4rem #8929BC solid;
    cursor:pointer;
    padding:2% 15%;
    margin:0 auto;
    background:#FBECFE;
}
.menutop #cnt_1_2 a{
    color:#8929BC;
}

.menutop #cnt_2{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}

.menutop #cnt_3{
    text-decoration:none;
    color:#080808;
    background:#FED2E9;
    padding:3% 0;
    border:0.4rem #fcfcfc solid;
    border-radius:1rem;
    width:50%;
    cursor:pointer;
}

.menutop #cnt_1 a:hover{
    opacity:0.7;
    background:#FCDE1C;
    width:46%;
}
.menutop #cnt_1_2 a:hover{
    opacity:0.7;
    background:#FCDE1C;
    width:46%;
}

.menutop #cnt_2:hover{
    opacity:0.5;
}

.menutop #cnt_3:hover{
    opacity:0.5;
}





.otherad{
    background:#fcfcfc;
    padding:2%;
    margin:2% auto;
    width:90%;
    max-width:900px;
    text-align:center;
    border:2px solid #dcdcdc;
}
.otherad img{
    margin:0 auto;
    cursor:pointer;
}
.otherad img:hover{
    opacity:0.7;
}


/*-------メインメニュー-------*/
.mypharuka{
    width:100%;
    max-width:720px;
    margin:0 auto;
    padding:0;
    padding-top:1%;
    text-align:center;
    position:absolute;
    z-index:1000;
    top:0px;
    right:0px;
    left:0px;
    margin:auto auto;
    max-height:383px;
}
.mypharuka img{
    width:100%;
    text-align:center;
    margin:0 auto;
}


.paidline{
    background:#FCDE1C;
    color:#000026;
    padding:0.6% 0;
    border-top:#fcfcfc solid 1rem;
    font-size:130%;
}
/************2019 to 2020 ver***********************************/
.paidline2{
    background:#FCEDA1;
    color:#000026;
    padding:0.6% 0;
    font-size:130%;
}
/************2019 to 2020 ver***********************************/


#menu-box{
    margin:0 auto;
    padding:1% 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    position:absolute;
    width:100%;
    background:#000026;
    z-index:10001;
    top:17rem;
}
#menu-box2{
    margin:0 auto;
    padding:1% 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    position:absolute;
    width:100%;
    z-index:10001;
    top:17rem;
}




#menu{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    max-width:1100px;
    z-index:10001;
}
#menu2{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    max-width:1100px;
    z-index:10001;
}

#menu:before, #menu:after {
    content: "";
    clear: both;
    display: block;
}
#menu li{
    display: block;
    float: right;
    width: 20%;
    margin: 0;
    padding: 0;
    color:#1d1042;
}
#menu2 li{
    display: block;
    float: right;
    width: 20%;
    margin: 0;
    padding: 0;
    color:#1d1042;
}


#menu li a{
    display: block;
    height:45px;
    padding: 2% 1% 1%;
    font-weight: bold;
    font-size: 18px;
    color:#fcfcfc;
    text-align: center;
    text-decoration: none;
    border:0.05rem #fcfcfc solid;
    margin:0 3%;
    line-height:1.2;
}

/************2019 to 2020 ver***********************************/

#menu2 li a{
    display: block;
    height:45px;
    padding: 2% 1% 1%;
    font-weight: bold;
    font-size: 18px;
    color:#352C01;
    text-align: center;
    text-decoration: none;
    border:0.05rem #696969 solid;
    /*border:0.05rem #E3CB17 solid;*/
    margin:0 3%;
    line-height:1.2;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4eca1+0,e8bf51+74,c79810+100 */
    /*background: #f4eca1; /* Old browsers */
    /*background: -moz-linear-gradient(top, #f4eca1 0%, #e8bf51 74%, #c79810 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #f4eca1 0%,#e8bf51 74%,#c79810 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #f4eca1 0%,#e8bf51 74%,#c79810 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4eca1', endColorstr='#c79810',GradientType=0 ); /* IE6-9 */
}
#menu li a:hover{
    color:#ff0086;
    /*text-shadow: 0 0 3px #edff00,0 0 2px #edff00;*/
    background:rgba(250,250,250,0.3);
    font-weight: bold;
    border:0.1rem solid #fcfcfc;
}

#menu2 li a:hover{
    opacity:0.5;
}

/************2019 to 2020 ver***********************************/

.s{
    font-size:18px;
    line-height:1.3;
}



#toggle{
    display: none;
}



.maincontent{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.maincontent li{
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
}


.maincontent li a{
    height:150px;
    display: block;
    padding: 12px 0 10px;
    color: #333;
    text-align: center;
    text-decoration: none;
}



.gyaku{
    background:url('/images/menu1.png') no-repeat top center;
    max-width: 100%;

}

.plan{
    background:url('/images/menu2.png') no-repeat top center;

}

.gyaku:hover{
    top: -3px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    background:url('/images/menu1_2.png') no-repeat top center;
}


.plan:hover{
    top: -3px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    background:url('/images/menu2_0.png') no-repeat top center;
}

.plan img{min-width: 100%;}
.gyaku img{min-width: 100%;}




/*ハンバーガー*/

#nav-drawer{
    display: none;
    position: relative;
    margin:10px 10px 0 auto;
    width: 12%;
    height:100%;
    float:right;
}

.nav-unshown{
    display: none;
}

#nav-open{
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/



#nav-content{
    overflow:inherit;
    position: fixed;
    font-size: 25px
    top: 0;
    left: 0;
    padding: 20px 0 0 20px ;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 530px;/*最大幅（調整してください）*/
    height: 100%;
    background: tomato;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
    line-height: 50px;
    border: 1px solid #bdbdbd;
}


#nav-content a{
    height:50px;
    padding: 0;
}



/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}









/*-------サイドメニュー-------*/


#sub {
    height: 100px;
    width: 22% ;
    float: left;
    cursor: pointer;

}

#sub .pass1{
    background: #FFF000;
    display: block;
    margin: 10px 0 0;
    height:100px;
}

#sub .pass1:hover{
    background: #fff;

}



.pass2{
    background: #FFF000;
    display: block;
    height:100px;
}

.pass2:hover{
    background: #fff;

}

.pass3{
    background: #FFF000;
    display: block;
    height:100px;
}

.pass3:hover{
    background: #fff;

}

/*-------メインページ-------*/

#mainbg {
    min-height: 100%;
    width:100%;
    padding:0px 30px 150px 30px;
    margin:0 auto;
    background:#fcfcfc;
    border: solid 1px #eaeaea;
    text-align:left;
    float:left;
}


#topbg {
    min-height: 100%;
    width:100%;
    padding:0 0 2%;
    margin: 3% auto 0 auto;
    background:#fcfcfc;
    border: solid 1px #eaeaea;
    text-align:left;
}



.topimage{
    margin: 0 0;
    padding:0;
    border: none;
}

/*TOPページお知らせ*/





.notice {
    border: 1px solid #cccccc;
    width: 90%;
    height: 100%;
    padding:5px;
    margin: 0 auto 0 auto;
    text-align:left;
}
.notice1 {
    border: 1px solid #cccccc;
    width: 90%;
    height: 100%;
    padding:5px;
    margin: 0 auto 0 auto;
    text-align:left;
}


.noticecontent {
    overflow-y: scroll;
    height: 108px;
}


.dd-box {
    border: #000000 solid 1px;
    margin: 70px auto 0px;
    width: 600px;
    padding: 10px 25px;
}

.dd-box2 {
    border: #000000 solid 1px;
    margin: 0px auto 0px;
    width: 580px;
    padding: 10px 50px;
}


/*-------ディープホースについて-------*/
.cont{
    width: 90%;
    margin: 0 auto;
    padding-top:4%;
    height: 100%;
    text-aline:left;
}
.contharuka{
    width: 25%;
    float:right;
}

.gaiyou {
    width: 95%;
    margin: 0 auto;
    padding-top:0.5%;
    height: 100%;
    text-aline:left;
}



/*-------よくある質問ページ-------*/


.qa{
    padding:30px 0;
    width:100%;
}


.question{
    font-size:1.5rem;
    font-weight:bold;
    padding:10px 0;
    background:#10B510;
    color:#fcfcfc;
    padding:1%;
}

.answer{
    font-size:1.3rem;
    background:#fcfcfc;
    border:#BDBDBD solid 0.1rem;
    margin-top:1%;
    padding:1%;
}

.qwrap{
    width:90%;
    border:0.1rem solid #10B510;
    padding:1% 3% 1% 2%;
    margin:0 auto;
}


/*-------お問い合わせ-------*/





/*------デザイニングUPプラン-------*/

.deza_day{
    font-size:35px;
    font-weight:bold;
    text-align:center;
    background:#004e13;
    border-radius: 12px;
    padding: 10px 10px;
    color:#fcfcfc;
}

.deza_r{
    font-size:30px;

}

.deza_kaime{
    font-size:50px;
    color:#004e13;
    font-weight: bold;
    padding: 5px 1px;
    margin: 2px 0;
    background: white;
    border-top: solid 3px #004e13;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.deza_kensyu{
    margin: 2px 0;
    padding:0;
    border: solid 2px #004e13;
    width:20%;
    font-size:30px;
    text-align: center;
    float: right;
}

.deza_kensyu-t{
    width:93%;
    display: inline-block;
    padding:3% 4%;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 20px;
    background: #004e13;
    color: #ffffff;
    font-weight: bold;

}

.b{font-weight: bold;}


.teki_chu{
    padding:0px 30px;
    border-radius: 12px;
    background-color: #ff0086;
    font-weight: bold;
    font-size:35px;
    color:#fcfcfc;
    float: right;

}

.teki{
    background-color: #ebff00;
    border-radius: 12px;
    padding:10px 10px;
}




/*-------逆転馬---------*/

.bg_g{background-color: #eeeeee;}

.bg_t{/*background-color: #ebff00;*/
    background:#FDF500;}
.bg_t2{
    background:#FEFCAA;}

.bg_y{background-color: #ffff00;}


.u2 {
    border-bottom: 1px dashed #030303;
    line-height: 2;
    margin: 8px 0;
    padding-bottom: 2px;
    text-decoration: none;
}


.gya_taitl{
    font-size:50px;
}


.gya_kaime{
    /*width:90%;
    margin:10px auto;
    border:1px solid #000;
    border-collapse: collapse;
    background-color:#ffffff;
    color:#000000;*/
    margin: 0 auto 2% auto;
    width: 80%;
    border-collapse: collapse;
    border: #dcdcdc solid 0.2rem;
    line-height: 1.6;
    text-align:center;
}


.gya_kaime .head{
    background: #52c234;
    background:#10B510;
    text-align: center;
    color: #FDE90A;
}
.gya_kaime .head0{
    background: #834d9b;
    background:#8929BC;
    text-align: center;
    color: #FDE90A;
}



.gya_kaime th{
    /*
    border:1px solid #fff;
    background-color:#106d00;
    color:#ffffff;
    font-size:30px;*/
    border: #dcdcdc solid 0.2rem;
    padding: 3% 2%;
    font-size: 120%;
    line-height: 1.6;
}
.gya_teki{
    color:#ff0000;
    /*	background:#FDFBBD;*/
    padding:0 2%;
    margin-left:2%;
}


.gya_kaime .ttop{
    /*text-align:center;
    font-size:30px;
    font-weight:bold;*/
    background: #FEFEF3;
    font-size:150%;
}



.gya_kaime td{
    /*border:1px solid #000;
    font-size:40px;
    padding:6px;
    text-align:center;*/
    border: #dcdcdc solid 0.2rem;
    padding: 0% 2%;
    font-size: 150%;
    line-height: 1.6;
}

.gya_kaime td.t5{
    text-align:right;
}

.gya_kaime td.t6{
    font-size:18px;
    text-align:right;
    font-weight:bold;
    color:#FF0000;
}

.gya_kaime td.t6_2{
    font-size:18px;
    text-align:center;
    font-weight:bold;
    color:#ff0000;
}

.gya_kaime td.t6_1{
    font-size:15px;
    text-align:right;
    color:#000;
}

.gya_kaime td.t7{
    text-align:center;
    font-weight:bold;
    color:#FF0000;
    background-color:#e6f7ff;

}



/*--アコーディオン--*/

.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 1200px;
}


.accbox label {
    width:90%;
    display: block;
    margin:0 auto;
    padding : 11px 12px;
    color :#054074;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
    text-align:center;
    border:2px solid #ababab;
    font-size:2rem;
    background:#CFE2F3;
    border-radius:1rem;
}

.accbox label:hover {
    background :#85baef;
}


.accbox input {
    display: none;
}

.accbox .accshow {
    width:100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #;
    opacity: 1;
}

.accordion-click{
    border: #dcdcdc solid 0.2rem;
    padding: 1% 1%;
    font-size: 170%;
    line-height: 1.6;
    margin:2% auto;
    width:90%;
    cursor:pointer;
}
.accordion-click span{
    border-bottom:2px #B0B0AF solid;
}
.accordion-click:hover{
    opacity:0.8;
    background:#FBF7DF;
}
/*-------ヒカリ馬バックナンバー---------*/


/*accordion*/
dl.accordion dt {
    background: #C62D1F;
    background: -moz-linear-gradient(top, #C62D1F 0%, #F24437 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C62D1F), color-stop(100%,#F24437));
    background: -webkit-linear-gradient(top, #C62D1F 0%,#F24437 100%);
    background: -o-linear-gradient(top, #C62D1F 0%,#F24437 100%);
    background: -ms-linear-gradient(top, #C62D1F 0%,#F24437 100%);
    background: linear-gradient(to bottom, #C62D1F 0%,#F24437 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C62D1F',  endColorstr='#F24437', GradientType=0 );
    cursor: pointer;
    border-bottom: 3.5px solid #b30000;
    word-wrap:break-word;
    border-radius:20px;
}

dl.accordion dt:hover {
    background: #FF3F0F;
    background: -moz-linear-gradient(top, #FF3F0F 0%, #FF4538 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3F0F), color-stop(100%,#FF4538));
    background: -webkit-linear-gradient(top, #FF3F0F 0%,#FF4538 100%);
    background: -o-linear-gradient(top, #FF3F0F 0%,#FF4538 100%);
    background: -ms-linear-gradient(top, #FF3F0F 0%,#FF4538 100%);
    background: linear-gradient(to bottom, #FF3F0F 0%,#FF4538 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3F0F',  endColorstr='#FF4538', GradientType=0 );
    cursor: pointer;
    border-bottom: 3.5px solid #ff4700;
    word-wrap:break-word;
    border-radius:20px;

}





dl.accordion dt {
    display: block;
    padding: 10px 30px 10px 10px;
    color: #fff;
    font-size: 20px;
}



dl.accordion dt::before {
    content: '';
    position: relative;
    float: right;
    border: 15px solid transparent;
    border-top-color: #f9ff00;
    width: 0;
    height: 0;
    top: 30px;
    right: 0px;
}
dl.accordion dt.open::before {
    content: '';
    position: relative;
    float: right;
    border: 15px solid transparent;
    border-bottom-color: #f9ff00;
    width: 0;
    height: 0;
    top: 5px;
    right: 0px;
}

dl.accordion dt {
    font-size: 50px;
    padding-top: 5px;
    text-align:center;
}







dl.accordion ul li {
    border-bottom: 1px solid #f2f2f3;
    list-style: none;
}
dl.accordion ul li a {
    color: #333;
    display: block;
    padding: 10px 30px 10px;
}
dl.accordion ul li a::before {
    content: '';
    position: relative;
    float: right;
    border: 8px solid transparent;
    border-left-color: #333;
    width: 0;
    height: 0;
    top: 0;
    right: -25px;
}

dl.accordion li {
    list-style: none;
}

dl.accordion ul {
    list-style: none;
    padding-left: 0px;
    display:none;
}


ul.acrd{
    list-style: none;
    padding-left: 0px;
}

/*-------逆張り---------*/



/*********************************************************
	実績
*********************************************************/


.tres{
    width:95%;
    margin:10px auto;
    border:1px solid #000;
    border-collapse: collapse;
    background-color:#ffffff;
    color:#000000;
    word-wrap: break-word;

}
.tres th{
    padding-left:30px;
    border:1px solid #000;
    background-color:#dfe8dd;
    color:#040404;
    font-size:18px;
    font-family: "Oswald","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    padding:1%;

}
.tres th.fff{
    width:190px;
}

.tres td{
    border:1px solid #000;
    font-size:15px;
    padding:6px;
    height:50px;
}
.tres td.t4{
    max-width:80px;
}

.tres td.t5{
    text-align:right;
}

.tres td.t6{
    font-size:18px;
    text-align:right;
    font-weight:bold;
    color:#FF0000;
}

.tres td.t6_2{
    font-size:18px;
    text-align:center;
    font-weight:bold;
    color:#ff0000;
}

.tres td.t6_1{
    font-size:15px;
    text-align:right;
    color:#000;
    background-color:#f2f2f2;

}

.tres td.t7{
    text-align:center;
    font-weight:bold;
    color:#FF0000;
    background-color:#e6f7ff;

}


.bg-futeki{
    background-color:#ececec;
}

/*********************************************************
	利用規約
*********************************************************/

.rules_header{
    background:url('/images/rules.gif') no-repeat top center;
    background-color: #fff;
    width:100%;
    height:330px;
    margin:0 auto;
}

/*********************************************************
	プライバシーポリシー
*********************************************************/



.privacy_header{
    background:url('/images/privacy.gif') no-repeat top center;
    background-color: #fff ;
    width:100%;
    height:330px;
    margin:0 auto;
}

/*********************************************************
	会社概要
*********************************************************/

.law_header{
    background:url('/images/law.gif') no-repeat top center;
    width:100%;
    background-color: #fff ;
    height:330px;
    margin:0 auto;
}


.law{
    font-size: 15px;
    margin:30px auto;
    background:#ffffff;
    color:#000000;
    width:680px;
    border:2px solid #000;

}


.koumoku2{
    font-size:20px;
    width:100px;
    margin:0 auto;
    padding:10px;
    background:#e6ff0057;
    border:1px solid #000;

}


.naiyou{
    font-size: 15px;
    width:300px;
    margin:0 auto;
    padding:10px;
    background:#ffffff;
    border:1px solid #000;

}


.naiyou2{
    font-size: 18px;
    width:450px;
    margin:0 auto;
    padding:10px;
    background:#ffffff;
    border:1px solid #000;

}




/*-------フッター---------*/

#footerbg{
    padding:0px 0 10px 0 ;
    width:100%;
    height: 50%;
    color: #cdcdcd;
    font-size: 13px;
    background-color: #050505;

}


#footer {
    width:80%;
    text-align: right;
}


#footer-contents{
    margin:0 auto;
    padding: 0;
    font-size:120%;
}




#footer a:link{text-decoration:none; color: #fff;}
#footer a:visited{text-decoration:none; color:#fff;}
#footer a:hover{background-color:#ff0086;}
#footer a:active{text-decoration:none; color:#b5f26b;}



.pcn{
    display:none;
}




/*サイドコンテンツ*/
#side{
    width:30%;
    height:250px;
    float:right;
}


.ad-area{
    margin: 15px auto;
    width: 100%;
    padding: 0 0 0 0;
}
/*AD*/

#AD{
    width:100%;
    margin: 0 auto;

}

/*AD*/



.clear{
    clear:both;
}


/***************************designing table ********************************/
.designing_t{
    margin:4% auto 0 auto;
    text-align:center;
    width:100%;
    border-collapse:collapse;
}
.designing_t .pre th{
    background:#FDEA3C;
    padding:1% 2%;
    border:0.1rem solid #BDBDBD;
}
.designing_t .rzt th{
    background:#FD278F;
    padding:1% 1%;
    border:0.1rem solid #BDBDBD;
    color:#fcfcfc;
}


.designing_t .pre td{
    padding:1% 2%;
    border:0.1rem solid #BDBDBD;
    background:#FEFADF;
}
.designing_t .rzt td{
    padding:1% 1%;
    border:0.1rem solid #BDBDBD;
    background:#FFEDF3;
}

.designing_t .ppp{
    color:#FD278F;
    font-weight:bold;
}

/***************************designing table *********************************************************/



/****** help ****************************/
.helpwrap{
    width:90%;
    margin:0 auto;
    background:#FFE2ED;
    padding:2% 3%;
}

.iconbg{
    color:#FF0080;

}
#title{
    width:90%;
    max-width:900px;
    font-size:1.7rem;
    padding:1% 0 1% 1%;
}
#message{
    width:90%;
    max-width:900px;
    font-size:1.7rem;
    padding:1% 0 1% 1%;
}

.mailbt2{
    border:#FF0080 solid 0.2rem;
    padding:2% 4%;
    font-size:130%;
    margin:3% auto;
    cursor:pointer;
    color:#FF0080;
    font-weight:bold;
    background:#fcfcfc;
}



.mailbt2:hover{
    border:#FF84AB solid 0.2rem;
    color:#FF84AB;
    background:#FDE0EA;
}

.helpwrap .ppp{
    color:#FF0080;
    font-weight:bold;
}
/****** help ****************************/



/****** allrace_php *******************************************************************************************/



table.allrace_select{
    margin:0 auto;
    width:100%;
    border-collapse:collapse;
    border:#dcdcdc solid 0.2rem;
    line-height:1.6;
}
table.allrace_select th{
    border:#dcdcdc solid 0.2rem;
    padding:0% 2%;
    font-size:170%;
    line-height:1.6;
    width:30%;
}
table.allrace_select td{
    border:#dcdcdc solid 0.2rem;
    padding:1% 2%;
    font-size:150%;
    text-align:center;
    background:#FFFADE;
    line-height:1.6;
}
table.allrace_select td a:hover{
    opacity:0.2;
}

/******************************************************/
table.allracenumbers_select{
    margin:0 auto;
    width:100%;
    border-collapse:collapse;
    border:#dcdcdc solid 0.2rem;
    line-height:1.6;
}
table.allracenumbers_select th{
    border:#dcdcdc solid 0.2rem;
    padding:0% 2%;
    font-size:170%;
    line-height:1.6;
    width:30%;
}
table.allracenumbers_select td{
    border:#dcdcdc solid 0.2rem;
    padding:1% 2%;
    font-size:150%;
    text-align:center;
    background:#fcfcfc;
    line-height:1.6;
}
table.allracenumbers_select td a{
    color:#090909;
    font-size:120%;
    font-weight:bold;
    text-decoration:none;
    border-bottom:2px solid #090909;
}
table.allracenumbers_select td a:hover{
    opacity:0.2;
}
table.allracenumbers_select tr:nth-child(odd) td {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,dbdbdb+50,cecece+52,eaeaea+100 */
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #dbdbdb 50%, #cecece 52%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#dbdbdb 50%,#cecece 52%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f4f4 0%,#dbdbdb 50%,#cecece 52%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

/********************************************************/
table.allrace_t{
    margin:2% auto;
    width:80%;
    border-collapse:collapse;
    border:#dcdcdc solid 0.2rem;
    line-height:1.6;
}
table.allrace_t th.allrace_top{
    background:#FEE8F5;
    text-align:center;

}
table.allrace_t th{
    border:#dcdcdc solid 0.2rem;
    padding:0% 2%;
    font-size:110%;
    line-height:1.6;
}
table.allrace_t .race_name{
    font-size:80%;
}
table.allrace_t td{
    border:#dcdcdc solid 0.2rem;
    padding:1% 2%;
    font-size:110%;
    text-align:center;
    background:#fff;
    line-height:1.6;
}
table.allrace_t .head0{
    background: #834d9b;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #A456BD, #d04ed6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #A456BD, #d04ed6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-align:center;
    color:#FDE90A;
}
table.allrace_t .head{
    background: #52c234;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #279E33, #52c234);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #279E33, #52c234); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-align:center;
    color:#FDE90A;
}
table.allrace_t .of{
    background:#FEFEF3;
    width:40%;
}


/****** allrace_php ****************************/

/************animation letters flow_line **********/

.area {
    width:95%;
    border: 1px solid #ddd;
    overflow: hidden;
    margin:1% auto 3% auto;
    background:#FFFFDF;
    white-space: nowrap;
}
/* 表示領域に合わせてサイズと余白を設定 */
.marquee {
    width:95%;
    animation-name: marquee;
    animation-duration:180s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    padding:2% 4100% 1% 100%;
    font-size:2rem;
    font-weight:bold;
}
.marquee img{
    width:6%;
}
.marquee span{
    background:#fdfdfd;
    padding:1.3% 2% 0.5%;
    border-radius:1rem;
    border:1px solid #dcdcdc;
}
@keyframes marquee {
    from    { transform: translate(0%); }
    100%,to { transform: translate(-100%); }
}

/************animation letters flow_line **********/
/* marqueeのtestyphpテスト用のcss */
.marquee_testy {
    width:95%;
    animation-name: marquee;
    animation-duration:180s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    padding:2% 4100% 1% 100%;
    font-size:2rem;
    font-weight:bold;
}
.marquee_testy img{
    width:6%;
}
.marquee_testy span{
    background:#fdfdfd;
    padding:1.3% 2% 0.5%;
    border-radius:1rem;
    border:1px solid #dcdcdc;
}
@keyframes marquee_testy {
    from    { transform: translate(0%); }
    100%,to { transform: translate(-100%); }
}

/************animation letters flow_line **********/

/************howto **********/
.howto{
    width:80%;
    padding:2% 4%;
    margin:2% auto;
    border:2px solid #570F7B;
    background:#FBECFE;
}
.howto2{
    width:80%;
    padding:2% 4%;
    margin:2% auto;
    border:2px solid #005128;
    background:#D8F4D1;
}


#open{
    display:none;
}
#overlay {
    display:none;
}
#modal {
    display:none;
}
#close{
    margin-top:3%;
    padding:1% 4%;
    margin-bottom:3%;
}



/***************allrace_numbers_css**************************************/
/***************allrace_numbers_css**************************************/
/***************allrace_numbers_css**************************************/
/*button*/

.allracenum_btnwrap{
    background:url('/images/bbbg.png') repeat-x top center;
    background-size:contain;
    width:85%;
    margin:0 auto;
    border:2px solid #BDBDBD;
    background-position: 0 0;
    -webkit-animation: bgroop 50s linear infinite;
    animation: bgroop 50s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -900px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -900px 0;
    }
}

.allracenum_btn{
    background:url('/images/shisubtn.png') no-repeat top center;
    background-size:90%;
    height:340px;
    max-width:350px;
    margin:0 auto;
    width:100%;
    cursor:pointer;
    position: relative;
}
.allracenum_btn a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.allracenum_btn:hover{
    background:url('/images/shisubtn2.png') no-repeat top center;
    background-size:90%;
    height:340px;
}
.allracenum_btn:active{
    background:url('/images/allracenum_button2.png') no-repeat top center;
    background-size:90%;
    height:340px;
}


/*color explain*/
.cl_ex{
    margin:3% auto;
    border:2px solid #080808;
    width:85%;
    padding:2% 4%;
    background:#FA4A2C;
    color:#fcfcfc;
}

.cl_eximg{
    width:6%;
    vertical-align:top;
    padding:1%;
    border:#090909 solid 1px;
    background:#fcfcfc;
}

.tate{
    font-size:10px;
    border-collapse:collapse;
    border:1px solid #373737;
    width:100%;
    max-width:2000px;
    margin:0 auto;
}
.tate th{
    background:#FBF29F;
    border:1px solid #373737;
}
.tate td.race{
    background:#FE3627;
    color:#fcfcfc;
    border:1px solid #373737;
    text-align:center;
}
.tate td.num{
    background:#FE3627;
    color:#fcfcfc;
    border:1px solid #373737;
    text-align:center;
}
.tate td.num2{
    background:#FFD5D2;
    color:#C0170B;
    border:1px solid #373737;
    text-align:center;
}

.tate td{
    text-align:right;
    border:1px solid #373737;
}

/******** item ******************/
.place{
    width:98%;
    background: #090909;
    margin:0 auto 2%;
    color:#fcfcfc;
    border-top:double 7px #EDEDEC;
    border-bottom:double 7px #EDEDEC;
    font-size:60px;
}
.date{
    border-top:4px #727272 solid;
    border-bottom:4px #727272 solid;
    width:80%;
    margin:0 auto;
    background:#090909;
    color:#fcfcfc;
}

/******** item ******************/

.yoko{
    font-size:16px;
    border-collapse:collapse;
    border:1px solid #373737;
    width:100%;
    max-width:1100px;
    margin:0 auto 3%;
    text-align:center;
}
.yoko th{
    background:#ECECEB;
    border:1px solid #373737;
    color:#090909;
    width:10%;
}
.yoko td.race{
    background:#030303;
    color:#fcfcfc;
    border:1px solid #373737;
    text-align:center;
    width:10%;
    font-size:1.5rem;
}
.yoko td.race2{
    background:#EDFDDE;
    border:1px solid #373737;
    text-align:center;
    width:15%;
}

.yoko td.num{
    background-image: linear-gradient(to top left, #F7DE05, #E0C341, #EEC306, #FFF8C5, #EDD739);
    color:#201E07;
    /*border:1px solid #988A08;*/
    text-align:center;
}
.yoko td.num2{
    background-image: linear-gradient(to top left, #AAAAAA, #E8E8E8, #CCCCCC, #E8E8E8, #8E8E8E);
    color:#201E07;
    border:1px solid #090909;
    text-align:center;
}

.yoko td{
    border:1px solid #373737;
    background:#fcfcfc;
    color:#090909;
    width:4%;
}
.yoko2{
    font-size:16px;
    border-collapse:collapse;
    border:1px solid #373737;
    width:100%;
    max-width:1100px;
    margin:0 auto 3%;
    text-align:center;
}
.yoko2 th{
    background:#ECECEB;
    border:1px solid #373737;
    color:#090909;
    width:10%;
}
.yoko2 td.race{
    background:#030303;
    color:#fcfcfc;
    border:1px solid #373737;
    text-align:center;
    width:10%;
    font-size:1.5rem;
}
.yoko2 td.race2{
    background:#EDFDDE;
    border:1px solid #373737;
    text-align:center;
    width:15%;
}
.yoko2 td.gyakuten{
    background:#f06767;
    color:#fcfcfc;
    border:1px solid #373737;
    text-align:center;
    font-size:3rem;
}

.yoko2 td.num{
    background-image: linear-gradient(to top left, #F7DE05, #E0C341, #EEC306, #FFF8C5, #EDD739);
    color:#201E07;
    /*border:1px solid #988A08;*/
    text-align:center;
}
.yoko2 td.num2{
    background-image: linear-gradient(to top left, #AAAAAA, #E8E8E8, #CCCCCC, #E8E8E8, #8E8E8E);
    color:#201E07;
    border:1px solid #090909;
    text-align:center;
}

.yoko2 td{
    padding: 2%;
    border:1px solid #373737;
    background:#e0dada;
    color:#090909;
    width:4%;
    font-size:3rem;
}

ul{
    list-style:none;
    width:100%;
    margin:0 auto;
    text-align:center;
}

ul .swich{
    color: #090909;
}


ul .swich li {
    color:#464646;
}
ul .swich a{
    border:#090909 solid 2px;
    padding:3%;
    text-decoration:none;
    border-radius:0.3rem;
}

ul a:hover{
    background:#FDFBE6;
}
ul .swich{
    width:40%;
    padding:1% 1%;
    font-size:1.4rem;
    border:#090909 solid 2px;
    display:inline-block;
    margin:2% 1%;
    max-width:270px;
    font-weight:bold;
    text-align:center;
}
ul .swichline{
    border-radius:0.2rem;
    padding:1% 2%;
}

/*結果取得後、馬番の背景色が変わる*/
.yoko td.bg_t{background:#FA4A2C;color:#fcfcfc;}
.yoko td.bg_t2{background:#FDE3DE;}

.yoko2 td.bg_c{background:#FDF500;color:#FA4A2C;}
.yoko2 td.bg_c2{background:#FDF500;}





/**********mypage 2019 top bnr ***************/
.btn2019{
    background:url('/images/2019_tzr_bnr.gif') no-repeat top center;
    width:100%;
}
.btn2019:hover{
    opacity:0.8;
}


/**********mypage 2019 top bnr ***************/




@media screen and (max-device-width: 1100px) {
    .yoko{
        font-size:10px;
    }
}
@media screen and (max-device-width: 768px) {
    .spp{display:inline;}
    .spn{display:none;}
    /**********mypage 2019 top bnr ***************/
    .btn2019{
        background-size:100%;
        height:auto;
    }
    .btn2019:hover{
        opacity:0.8;
    }

    /*button*/
    .allracenum_btnwrap{
        margin-bottom:3%;
    }

    .allracenum_btn{
        background-size:50%;
        height:185px;
        margin-bottom:3%;
    }

    .allracenum_btn:hover{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:185px;
    }
    .allracenum_btn:active{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:185px;
    }

    /**********mypage 2019 top bnr ***************/
    #menutop #cnt_1new a{
        border:0.1rem #fcfcfc solid;
    }
    #menutop #cnt_1_2new a{
        border:0.1rem #fcfcfc solid;
    }

    .place{
        font-size:25px;
    }


    ul .swich{
        width:40%;
        padding:1% 0;
        font-size:1rem;
        margin:2% 1%;
        max-width:200px;
    }


    .cl_eximg{
        width:12%;
        vertical-align:top;
    }


}
@media screen and (max-device-width: 425px) {
    ul .swich{
        width:40%;
        padding:2%;
        font-size:0.6rem;
        margin:2% 1%;
        max-width:180px;
        border: #9E9E9E 1px solid;
    }

    .yoko td.race{
        font-size:0.6rem;
    }
    .yoko th{
        width:10%;
    }


    table.allracenumbers_select th {
        font-size: 100%;
    }
    table.allracenumbers_select td a {
        font-size: 85%;
    }

}

/***************allrace_numbers_css**************************************/
/***************allrace_numbers_css**************************************/
/***************allrace_numbers_css**************************************/

@media screen and (max-device-width: 425px) {
    /**********mypage 2019 top bnr ***************/
    .btn2019{
        height:170px;
    }

}





@media screen and (max-device-width: 375px) {
    /**********mypage 2019 top bnr ***************/

    .allracenum_btn{
        height:160px;
    }
    .allracenum_btn:hover{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:160px;
    }
    .allracenum_btn:active{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:160px;
    }

}
@media screen and (max-device-width: 320px) {
    /**********mypage 2019 top bnr ***************/
    .btn2019{
        height:150px;
    }

    .allracenum_btn{
        height:145px;
    }
    .allracenum_btn:hover{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:145px;
    }
    .allracenum_btn:active{
        background:url('/images/shisubtn2.png') no-repeat top center;
        background-size:50%;
        height:145px;
    }



}