/* CSS Document */
a.irokae:link{ color:#0000FF; text-decoration:underline;}
a.irokae:visited{ color:#FF0000; text-decoration:underline;}
a:hover{ opacity:0.7; position:relative; top:1px;}
label{ cursor:pointer;}
label:hover{opacity:0.9;}
h4{ font-size:1.3em;}
#top2017{width:100%; background-image:url(../img/2017_deeper/top_haikei2017.jpg); background-position:center; background-repeat:repeat-x; z-index:2; position:relative; background-size:cover;}
.kuroobi{ height:30px; background-color:#000000; width:100%;}
#haikei2017{ background-image:url(../img/2017_deeper/haikei.jpg); background-position:center; background-repeat:repeat-x; background-attachment:fixed; background-size:cover; width:100%; padding:3% 0;}
#haikei2017w{ background-color:#FFFFFF;width:100%; padding:3% 0;}
#haikei-shiro{ background-color:#FFFFFF; width:900px; max-width:96%; margin:0 auto;}
#haikei-shiro-page{ background-color:#FFFFFF; width:900px; max-width:94%; margin:0 auto; padding:2%;}
.linkbanner{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex;flex-wrap:wrap;justify-content:center;}
.linkbanner2{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex;flex-wrap:wrap;justify-content:center;}
.linkbanner3{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex;flex-wrap:wrap;justify-content:flex-start;}
.awshop{ font-size:1.15em; font-weight:700; text-align:center; margin:3% 0 0;}
.rightnavi{position:fixed;z-index:3;width:180px; max-width:15%; height:100%; border-left:4px #336600 solid; background-color:#FFFFFF;padding:0 1.5%;}
.rightnavi p{margin:6% 0; font-size:0.9em;}
.rightmenu{ display:none;}
.rightbutton{writing-mode:vertical-lr;-ms-writing-mode:tb-lr;-webkit-writing-mode:vertical-lr; background-color:#FFFFFF; border-radius:5px; padding:1% 0; position:fixed; top:25%; right:-1%; width:60px;background-color:#CCCC66;}
input[type="checkbox"].rightmenu + div{ right:-20%;}
input[type="checkbox"].rightmenu:checked + div{ right:-1%;}
.footer_btn-ToPageTop{z-index:6;}
.wakusen{border-top:1px #999999 solid;border-bottom:1px #999999 solid;border-left:1px #999999 solid;flex-wrap:nowrap; padding:1.08%; font-size:12px; text-align:center;}
.wakusen:last-child{border:1px #999999 solid; padding:1.08%;font-size:12px;text-align:center;}
.wakunashi{flex-wrap:nowrap; padding:1%; font-size:12px; text-align:center;}
.howto{width:870px;max-width:90%; margin:1% auto; text-align:justify;}
.shosaikochira{ padding:1% 20%; text-align:center; margin:0.5% auto; background-color:#CCCCCC;}
.haba40{ width:40%;}
.andmore{ text-align:right; font-size:12px;}
.akamoji{ color:#FF0000;}
.hutoji{ font-weight:bold;}
.hutodeka{font-weight:bold; font-size:1.25em;}

.photo-show { 
    height: 350px; /*表示したい大きさ*/
    margin: 30px auto; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 700px; /*表示したい大きさ、height と合わせる*/
}

.photo-show img { 
    animation: show 12s infinite;
    -webkit-animation: show 12s infinite;
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/
.dp_star{width:100%;z-index:98;background-color:#fff;/*background-color:#53161a;*/overflow:hidden;}



@media screen and ( max-width : 900px ) {
.dp_star_box{position:relative;width:100%; margin:0 auto;}
.dp_star_box img{width:100%; margin:0 auto;}

.glow_dp{display:block;position:absolute;background:transparent url(http://www.mongoryu.com/deeperbt01/img/glow.png) no-repeat top center;background-size:contain;z-index:1000;}
	
.glow_dp_01{position:absolute;top:80%;left:90%;width:9.375%;height:17.14%;
	-webkit-animation:anim_glow_dp_01 5s linear infinite 0s both;-moz-animation:anim_glow_dp_01 5s linear infinite 0s both;-ms-animation:anim_glow_dp_01 5s linear infinite 0s both;-o-animation:anim_glow_dp_01 5s linear infinite 0s both;animation:anim_glow_dp_01 5s linear infinite 0s both;}
}
/* 
@media screen and ( max-width : 900px ) { */
/*-----title-----*//* 
.dp_star_box img{max-width:100%;width:100%;height:auto;margin:0;}
.glow_dp{display:block;position:absolute;background:transparent url(http://www.mongoryu.com/deeperbt01/img/glow.png) no-repeat top center;background-size:contain;z-index:1000;}
.glow_dp_01{top:130.57%;left:80.46%;width:9.375%;height:17.14%;}
} */

@media screen and ( min-width : 901px ) {
.dp_star_box{position:relative;width:900px; margin:0 auto;}
.dp_star_box img{width:100%; margin:0 auto;}

.glow_dp{display:block;background:transparent url(http://www.mongoryu.com/deeperbt01/img/glow.png) no-repeat top center;background-size:contain;z-index:1000;}
	
.glow_dp_01{position:absolute;top:1825px;left:70%;width:120px;height:120px;
	-webkit-animation:anim_glow_dp_01 5s linear infinite 0s both;-moz-animation:anim_glow_dp_01 5s linear infinite 0s both;-ms-animation:anim_glow_dp_01 5s linear infinite 0s both;-o-animation:anim_glow_dp_01 5s linear infinite 0s both;animation:anim_glow_dp_01 5s linear infinite 0s both;}
}


@-webkit-keyframes anim_glow_dp_01 {0%{ opacity:0;}5%{opacity:1;}10%{opacity:0;}15%{opacity:1;}20%{opacity:0;}100%{opacity:0;}}
@-moz-keyframes anim_glow_dp_01 {0%{ opacity:0;}5%{opacity:1;}10%{opacity:0;}15%{opacity:1;}20%{opacity:0;}100%{opacity:0;}}
@-ms-keyframes anim_glow_dp_01 {0%{ opacity:0;}5%{opacity:1;}10%{opacity:0;}15%{opacity:1;}20%{opacity:0;}100%{opacity:0;}}
@-o-keyframes anim_glow_dp_01 {0%{ opacity:0;}5%{opacity:1;}10%{opacity:0;}15%{opacity:1;}20%{opacity:0;}100%{opacity:0;}}
@keyframes anim_glow_dp_01 {0%{ opacity:0;}5%{opacity:1;}10%{opacity:0;}15%{opacity:1;}20%{opacity:0;}100%{opacity:0;}}

@keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
 }

@-webkit-keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s
}

.photo-show img:nth-of-type(6) {
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
}

.slide-show { 
    height: 500px; /*表示したい大きさ*/
    margin: 0px auto; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 900px; /*表示したい大きさ、height と合わせる*/
}

.slide-show img { 
    animation: showw 8s infinite;
    -webkit-animation: showw 8s infinite;
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes showw {
    0% {opacity:0}
    5% {opacity:1}
    40% {opacity:1}
    50% {opacity:0}
 }

@-webkit-keyframes showw {
    0% {opacity:0}
    5% {opacity:1}
    40% {opacity:1}
    50% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.slide-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.slide-show img:nth-of-type(2) {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.slide-show img:nth-of-type(3) {
    animation-delay: 8s;
    -webkit-animation-delay: 8s;
}

.hikaku{
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-around;
  margin-top:3%;
 }

.hikaku02{
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 justify-content:center;
  width:400px;
 }    

@media screen and (max-device-width:900px){
.rightnavi{position:fixed;z-index:3;width:180px; max-width:40%; height:100%; border-left:4px #336600 solid; background-color:#FFFFFF;padding:0 1.5%; top:0;}
.rightbutton{writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb; text-align:center;background-color:#FFFFFF; border-radius:5px; padding:1% 0; position:fixed;top:93%;right:0%; width:100%; height:30px;background-color:#CCCC66;}
.linkbanner{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex;flex-wrap:nowrap;justify-content:center;}
.linkbanner3{ display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex;flex-wrap:wrap;justify-content:center;}
.wakusen{border-top:1px #999999 solid;border-right:1px #999999 solid;border-left:1px #999999 solid;padding:1%; font-size:12px; text-align:center;}
.wakusen:last-child{border:1px #999999 solid; padding:1%;font-size:12px;text-align:center;}
.wakunashi{flex-wrap:wrap; padding:1%; font-size:12px; text-align:center;}
.haba40{ width:100%;}
input[type="checkbox"].rightmenu + div{ right:-1%;}
input[type="checkbox"].rightmenu:checked + div{ right:-45%;}
.photo-show { 
    height: 200px; /*表示したい大きさ*/
    margin: 30px auto 10px; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 700px; /*表示したい大きさ、height と合わせる*/
}
.slide-show { 
    height: 200px; /*表示したい大きさ*/
    margin: 30px auto 10px; /*縦余白30pxは任意*/
    max-width: 100%;
    position: relative;
    width: 900px; /*表示したい大きさ、height と合わせる*/
}
#top2017{height:500px;background-repeat: repeat;}
#top_resistance{height:500px;background-repeat: repeat;}

/*201902追加*/
.mini_box{width:100%;}
.tyuo{text-align:center; margin:0 auto;}

}

.red{
	color:red;
	font-weight:bold;
}
.blue{
	color:blue;
	font-weight:bold;
	font-size:10px;
}
.point{
	font-weight:bold;
}