@charset "utf-8";
/* 2019/06/03 17:30 update */

body{height:auto !important; position: relative;}
.container.breadcrumb { display:none;}
.go_top {z-index: 100;}
.go_top a {background: #b71c25 none repeat scroll 0 0; border-radius: 20px; color: #ffffff !important; display: block; font-size: 18px; height: 40px; padding: 10px; text-align: center; width: 40px;}

/*** Event - Common ***/
.sp_display{display:none;}
.pc_display{display:block;}
.clearfix {min-height: 1px;}
.clearfix:after {display:block; clear:both; height:0px; visibility:hidden; content:".";}
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible;}
.share {width: 970px; bottom:auto; top:15px; left:0; right:0; margin:0 auto; position:absolute; text-align:right; height:25px; z-index: 10;}
.share .fb-like{position: absolute; right: 85px; top: -5px;}
.share .twitter-share-button {position: absolute; top:0; right: 80px;}

/* Loader */
.dj-loader{background:#080806 url("/img/event/cpn_jigoku2019/jigoku_bg_02.jpg") repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 200;}
 
/* Loader - Animation */
.dj-loader-animation { height: 130px; left: 50%; margin: -50px 0 0 -50px; position: absolute; top: 50%; width: 100px;}
.dj-loaderIcon {position: relative; width: 100%; margin: 0 auto; height: 100%;}
.dj-Icon {font-size: 10px; margin: 45px auto; text-indent: -9999em; width: 6em; height: 6em; border-radius: 50%;
  background: #b71c25;
  background: -moz-linear-gradient(left, #b71c25 10%, rgba(0, 0, 0, 0) 42%);
  background: -webkit-linear-gradient(left, #b71c25 10%, rgba(0, 0, 0, 0) 42%);
  background: -o-linear-gradient(left, #b71c25 10%, rgba(0, 0, 0, 0) 42%);
  background: -ms-linear-gradient(left, #b71c25 10%, rgba(0, 0, 0, 0) 42%);
  background: linear-gradient(to right, #b71c25 10%, rgba(0, 0, 0, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.dj-Icon:before {width: 50%; height: 50%; background: #b71c25; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
.dj-Icon:after {background: #111212; width: 75%;height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-text{color: #b71c25; font-weight: 700; animation: flash 3.0s infinite; width: 100%; text-align: center; margin: 0 0 0 4px; position: absolute; top: 90%;}

/*** Event ***/
#wrap_jigoku{background: url(/img/event/cpn_jigoku2019/jigoku_bg_01.jpg) repeat;
font-family: "a-otf-ryumin-pr6n", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #11100b; font-size: 62.5%; font-weight: 700; overflow: hidden;}

/* Navi */

/* Main Image */
#wrap_jigoku .main-image{background: url(/img/event/cpn_jigoku2019/jigoku_bg_02.jpg) repeat;}
#wrap_jigoku .main-image .main-image_Area{background: url(/img/event/cpn_jigoku2019/jigoku_main_image.jpg) no-repeat 50% 50%; width: 100%; height: 620px;}

/* Contents Common */
#wrap_jigoku a{color: #333333; text-decoration: underline;}
#wrap_jigoku a:hover{color: #b71c25;}
/* #wrap_jigoku .boxLink {display: block; width: 520px; margin: 0 auto; background: #b71c25; font-size: 32px; text-align: center; color: #fff; border: solid 5px #000; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;} */

#wrap_jigoku .boxLink {display: block; width: 520px; margin: 0 auto; background: #b71c25; font-size: 32px; text-align: center; color: #fff; border: solid 5px #000; border-radius: 50px;}
#wrap_jigoku .boxLink a,#wrap_jigoku .boxLink a::before,#wrap_jigoku .boxLink a::after {display: block; color: #fff; -webkit-transition: all .3s; transition: all .3s; text-decoration: none; padding: 15px 0;}
#wrap_jigoku .boxLink a:hover{opacity: 0.5;}

#wrap_jigoku .areaHell{background: url(/img/event/cpn_jigoku2019/jigoku_bg_02.jpg) repeat;}
#wrap_jigoku .areaHeven{background: url(/img/event/cpn_jigoku2019/jigoku_bg_02.jpg) repeat; padding: 0 !important;}

#wrap_jigoku .event-detail{width: 100%; padding: 60px 0;}
#wrap_jigoku .event-detail .content-block{width: 970px; margin: 0 auto; position: relative; /* overflow: hidden; */}
#wrap_jigoku .event-detail .content-block .block-box{padding: 0;}
#wrap_jigoku .event-detail .content-block .fb-box:last-of-type{margin: 80px auto 50px;}

/* Contents Introduction */
#wrap_jigoku .event-detail .intro{}
#wrap_jigoku .event-detail .intro h3{margin-bottom: 30px;}
#wrap_jigoku .event-detail .intro p{font-size: 24px; text-align: center; font-weight: 400;}

/* Contents Outline */
#wrap_jigoku .event-detail .outline h2{margin: 0 0 30px;}
#wrap_jigoku .event-detail .outline p{text-align: center; font-size: 24px; line-height: 1.6em; margin-bottom: 35px;}
#wrap_jigoku .event-detail .outline .date{background: #dfcaa9; border: 4px solid #11100b; font-size: 24px; padding: 15px; margin: 0 0 50px; text-align: center;}

/* Contents PlayerData */
#wrap_jigoku .event-detail .playData{}
#wrap_jigoku .event-detail .playData .block-box{}
#wrap_jigoku .event-detail .playData ul{margin: 0 -15px 50px; padding: 0; width: 105%; display: table; table-layout: fixed; border-collapse: separate; border-spacing: 15px 0;}
#wrap_jigoku .event-detail .playData ul:after{content: ""; clear: both; display: block;}
#wrap_jigoku .event-detail .playData li{background: #b71c25; font-size: 20px; text-align: center; color: #fff; border: solid 5px #000; border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; width: 50%; display: table-cell; height: 80px; vertical-align: middle;}
#wrap_jigoku .event-detail .playData li:last-child{}
#wrap_jigoku .event-detail .playData li p{font-size: 32px; font-weight: 400; text-align: center; margin: 0;}
#wrap_jigoku .event-detail .playData li span{background: #151312; font-size: 18px; padding: 5px 10px; margin: 0 5px 0 0;}
#wrap_jigoku .event-detail .playData li span.count{background: none; font-size: 42px; margin: 0; padding: 0;}
/* #wrap_jigoku .event-detail .playData li span.effect{color: #fff; text-shadow: 0 0 5px #fefcc9, 0px -10px 25px #e59406, 0px -10px 15px #ffae34, 3px 1px 5px #ec760c, -5px -5px 6px #cd4606, 0 -10px 10px #973716, 0px 2px 1px #451b0e;} */

#wrap_jigoku .event-detail .mapdetail{width: 1200px; margin: 0 auto; position: relative; background: url(/img/event/cpn_jigoku2019/jigoku_stamp_bg.png) no-repeat;}

#wrap_jigoku .event-detail .stamp{width: 960px; margin: 0 auto;}
#wrap_jigoku .event-detail .stamp ul{width: 100%; display: block; padding: 300px 0 0; position: relative;}
#wrap_jigoku .event-detail .stamp li{position: absolute; margin: 0; padding: 0;}

/* enable */
#wrap_jigoku .event-detail .stamp ul .active{margin: 0;}
/* disable */
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(1){top: 95px; left: 5px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(2){top: 35px; left: 220px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(3){top: 45px; left: 440px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(1){top: 35px; right: 55px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(2){top: 95px; right: 270px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(3){top: 35px; right: 480px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(1){top: -5px; left: 30px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(2){top: 85px; left: 230px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(3){top: 95px; left: 450px;}
#wrap_jigoku .event-detail .stamp .get-icon{}
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(4){top: 215px; right: 15px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(4){top: 175px; left: -40px;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(4){top: 170px; right: 15px;}

#wrap_jigoku .event-detail .add_notice{text-align: center; font-size: 18px; color: #fff; padding: 10px !important; background: #b71c25; width: 70%; margin: 0 auto;}
#wrap_jigoku .event-detail .add_notice span.glyphicon{top: 2px; font-size: 19px;}

/* No Login */
#wrap_jigoku .event-detail .nologinArea{width: 100%; margin: 0 0 3%;}
#wrap_jigoku .event-detail .nologinArea p{font-size: 14px; margin: 10px 0; text-align: center;}

/* Event End */
#wrap_jigoku .event-detail .event_endArea{color: #b71c25; text-align: center; font-size: 30px; font-weight: 700; margin: -30px 0 50px;}

/* Contents Howto */
#wrap_jigoku .event-detail .howto{padding: 0;}
#wrap_jigoku .event-detail .howto h3{margin-bottom: 40px;}
#wrap_jigoku .event-detail .howto .flow{margin-bottom: 70px;}
#wrap_jigoku .event-detail .howto .movieArea{width: 75%; margin: 0 auto 70px;}
#wrap_jigoku .event-detail .howto .movieArea .movieTitle{background: #b71c25; font-size: 2rem; text-align: center; color: #fff; width: 100%; margin: 0 auto -5px; padding: 10px;}
#wrap_jigoku .event-detail .howto .movieArea .movieImage{border: solid 5px #b71c25; margin-bottom: 10px; padding: 25px;}
#wrap_jigoku .event-detail .howto .movieArea a,#wrap_jigoku .event-detail .howto .movieArea a::before,#wrap_jigoku .event-detail .howto .movieArea a::after{display: block; outline: 0px solid #b71c25;  outline-offset: 0px; color: #fff; -webkit-transition: all .15s; transition: all .15s;}
#wrap_jigoku .event-detail .howto .movieArea a:hover{outline: 5px solid #b71c25;  outline-offset: -15px; color: #b71c25;}

#wrap_jigoku .event-detail .howto .itemList{width: 100%; margin-bottom: 50px;}
#wrap_jigoku .event-detail .howto .itemList ul{}
#wrap_jigoku .event-detail .howto .itemList ul:after{content: ""; clear: both; display: block;}
#wrap_jigoku .event-detail .howto .itemList li{float: left; width: 32%;}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(1){margin-right: 2%;}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(2){}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(3){margin-left: 2%;}
#wrap_jigoku .event-detail .howto .itemList .track{background: #b71c25; font-size: 2rem; text-align: center; color: #fff; width: 100%; margin: 0 auto -5px; padding: 10px;}
#wrap_jigoku .event-detail .howto .itemList .image{border: solid 5px #b71c25; margin-bottom: 10px; padding: 15px;}
#wrap_jigoku .event-detail .howto .itemList .image li{width: 100%; margin: 0 0 15px; position: relative;}
#wrap_jigoku .event-detail .howto .itemList .image li:last-child{margin: 0;}
#wrap_jigoku .event-detail .howto .itemList .image a,#wrap_jigoku .event-detail .howto .itemList .image a::before,#wrap_jigoku .event-detail .howto .itemList .image a::after{display: block; outline: 0px solid #b71c25;  outline-offset: 0px; color: #fff; -webkit-transition: all .1s; transition: all .1s;}
#wrap_jigoku .event-detail .howto .itemList .image a:hover{outline: 5px solid #b71c25;  outline-offset: -8px; color: #b71c25;}
#wrap_jigoku .event-detail .howto .itemList li span.badge_reprint{position: absolute; top: -10px; left: -10px; font-size: 1.6rem; line-height: 43px; border-radius: 50%; width: 50px; height: 50px; background-color: #b71c25; border: 4px solid #b71c25; color: #ffffff; text-align: center;}
#wrap_jigoku .event-detail .howto .itemList .lead{font-size: 26px; line-height: 1.2em; color: #fff;}
#wrap_jigoku .event-detail .howto .itemList .lead span{font-size: 18px; display: block;}

#wrap_jigoku .event-detail .howto .course{width: 100%;}
#wrap_jigoku .event-detail .howto .course p{color: #fff; text-align: center; margin: 0; font-size: 20px;}
#wrap_jigoku .event-detail .howto .course ul{}
#wrap_jigoku .event-detail .howto .course li{position: relative; margin: 0 0 80px;}
#wrap_jigoku .event-detail .howto .course li:last-child{margin: 0 0 50px;}
#wrap_jigoku .event-detail .howto .course li.course_icon{position: absolute; right: 0; top: 0;}
#wrap_jigoku .event-detail .howto .course li:nth-child(1) .course_icon{position: absolute; right: 20px; top: -65px;}
#wrap_jigoku .event-detail .howto .course li:nth-child(2) .course_icon{position: absolute; left: 25px; top: -40px;}
#wrap_jigoku .event-detail .howto .course li:nth-child(3) .course_icon{position: absolute; right: 20px; top: -45px;}

#wrap_jigoku .event-detail .howto .course a,#wrap_jigoku .event-detail .howto .course a::before,#wrap_jigoku .event-detail .howto .course a::after{display: block; outline: 0px solid #b71c25;  outline-offset: 0px; color: #fff; -webkit-transition: all .15s; transition: all .15s;}
#wrap_jigoku .event-detail .howto .course a:hover{outline: 5px solid #b71c25;  outline-offset: -15px; color: #b71c25;}

/* Contents SP Item */
#wrap_jigoku .event-detail .spitemArea{background: url(/img/event/cpn_jigoku2019/jigoku_bg_03.jpg) no-repeat 50% 0; padding: 60px 0;}
#wrap_jigoku .event-detail .spitem{}
#wrap_jigoku .event-detail .spitem h3{margin: 0 0 30px;}
#wrap_jigoku .event-detail .spitem h4{margin: 0 0 60px;}
#wrap_jigoku .event-detail .spitem p{font-size: 22px; text-align: center; line-height: 1.5em;}
#wrap_jigoku .event-detail .spitem span{color: #b71c25;}
#wrap_jigoku .event-detail .spitem .image{margin: 6% auto 2%;}
#wrap_jigoku .event-detail .spitem .none{margin: 27% auto 20%;}

/* Notice 共通 */
#wrap_jigoku .event-detail .notice{background: #dfcaa9; border: 5px solid #11100b; font-size: 14px; padding: 40px;}
#wrap_jigoku .event-detail .notice h4{font-size: 32px; text-align: center; margin: 0 0 20px;}
#wrap_jigoku .event-detail .notice h5{border-left: 6px solid; padding: 3px 0;}
#wrap_jigoku .event-detail .notice h5 span{color: #11100b; margin: 0 0 0 5px; font-size: 20px; font-weight: 700;}
#wrap_jigoku .event-detail .notice ul{width: 100%; margin: 0 0 20px;}
#wrap_jigoku .event-detail .notice ul:last-child{margin: 0;}
#wrap_jigoku .event-detail .notice li{margin: 0 0 10px 35px; list-style: disc;}
#wrap_jigoku .event-detail .notice li:last-child{margin:  0 0 0 35px;}


/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*smart phone*/

/*Event - Common*/
.sp_display{display:block !important;}
.pc_display{display:none !important;}
.share {margin:5% auto; position: static; text-align:right; z-index:10;}
.share .box-tbl {margin: 0 auto; max-width:60%;}
.share .box-tbl img {width:55px !important;}
.share .box-tbl .cell {text-align: center; padding:0 1%;}

/* Main Image */
#wrap_jigoku .main-image .main-image_Area{background: url(/img/event/cpn_jigoku2019/jigoku_main_image_sp.jpg) no-repeat 50% 50%; min-height: initial; padding: 62% 0; margin: 0 auto; background-size: cover; position: relative; height: auto;}

/* Contents Common */
#wrap_jigoku .boxLink {width: 100%; font-size: 20px; border-radius: 30px;}
#wrap_jigoku .boxLink a,#wrap_jigoku .boxLink a::before,#wrap_jigoku .boxLink a::after {padding: 10px 0;}
#wrap_jigoku .event-detail{width: 100%; padding: 10% 0;}
#wrap_jigoku .event-detail .content-block{width: 90%;}

#wrap_jigoku .areaHell{background: url(/img/event/cpn_jigoku2019/jigoku_bg_02.jpg) repeat;}
#wrap_jigoku .areaHeven{background: url(/img/event/cpn_jigoku2019/jigoku_bg_01.jpg) repeat; padding: 0 !important;}

/* No Login */
#wrap_jigoku .event-detail .nologinArea{margin: 0;}

/* Contents Introduction */
#wrap_jigoku .event-detail .intro h3{margin-bottom: 30px;}
#wrap_jigoku .event-detail .intro p{font-size: 24px; text-align: center; font-weight: 400;}

/* Contents Outline */
#wrap_jigoku .event-detail .outline h2{margin: 0 auto 4%; max-width: 500px;}
#wrap_jigoku .event-detail .outline p{font-size: 1.4rem; margin-bottom: 5%;}
#wrap_jigoku .event-detail .outline .date{font-size: 1.6rem; margin:0 0 6%;}

/* Contents PlayerData */
#wrap_jigoku .event-detail .playData ul{width: 100%; margin: 0 0 6%; display: block; border-spacing: 0;}
#wrap_jigoku .event-detail .playData li{width: 100%; font-size: 1.8rem; display: block; height: auto; margin: 0 0 2%; border-radius: 5px;}
#wrap_jigoku .event-detail .playData li:last-child{ margin: 0;}
#wrap_jigoku .event-detail .playData .name{padding: 10px;}
#wrap_jigoku .event-detail .playData .count{padding: 5px 0;}
#wrap_jigoku .event-detail .playData li span{font-size: 1.4rem; display: block; margin: 0 auto 5px; padding: 3px 0; max-width: 250px;}
#wrap_jigoku .event-detail .playData li span.count{display: inline-block; background: none; font-size: 4rem; margin: 0; padding: 0;}

#wrap_jigoku .event-detail .mapdetail{width: 90%; background: url(/img/event/cpn_jigoku2019/jigoku_stamp_bg_sp.png) no-repeat; background-size: contain;}
#wrap_jigoku .event-detail .stamp{width: 100%; margin: 0 auto 15px;}
#wrap_jigoku .event-detail .stamp ul{width: 100%; display: block; padding: 34% 0 0; position: relative;}
#wrap_jigoku .event-detail .stamp li{position: absolute; margin: 0; padding: 0;}

/* enable */
#wrap_jigoku .event-detail .stamp ul .active{margin: 0;}

/* disable */
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(1){top: 0; left: 0; width: 20%; margin: 12% 0 0 3%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(2){top: 0; left: 0; width: 20%; margin: 8% 0 0 25%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(3){top: 0; left: 0; width: 20%; margin: 10% 0 0 48%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(1){top: 0; right: 0; width: 20%; margin: 4% 1% 0 0;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(2){top: 0; right: 0; width: 20%; margin: 14% 23% 0 0;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(3){top: 0; right: 0; width: 20%; margin: 9% 46% 0 0;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(1){top: 0; left: 0; width: 20%; margin: 2% 0 0 3%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(2){top: 0; left: 0; width: 20%; margin: 14% 0 0 23%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(3){top: 0; left: 0; width: 20%; margin: 15% 0 0 46%;}

#wrap_jigoku .event-detail .stamp ul:nth-child(1) li:nth-child(4){top: 0; right: 0; width: 10%; margin: 22% -3% 0 0;}
#wrap_jigoku .event-detail .stamp ul:nth-child(2) li:nth-child(4){top: 0; left: 0; width: 10%; margin: 23% 0 0 -4%;}
#wrap_jigoku .event-detail .stamp ul:nth-child(3) li:nth-child(4){top: 0; right: 0; width: 10%; margin: 22% -3% 0 0;}

#wrap_jigoku .event-detail .stamp img{}

#wrap_jigoku .event-detail .add_notice{font-size: 14px; width: 100%;}
#wrap_jigoku .event-detail .add_notice span.glyphicon{top: 1px; font-size: 13px;}

/* No Login */
#wrap_jigoku .event-detail .nologinArea{width: 100%;}
#wrap_jigoku .event-detail .nologinArea p{font-size: 14px; margin: 10px 0; text-align: center;}

/* Event End */
#wrap_jigoku .event-detail .event_endArea{font-size: 20px; margin: 0 0 6%;}

/* Contents Howto */
#wrap_jigoku .event-detail .howto h3{max-width: 230px; margin: 0 auto 10%;}
#wrap_jigoku .event-detail .howto h3:first-child{max-width: 280px; margin: 0 auto 10%;}
#wrap_jigoku .event-detail .howto .flow{margin-bottom: 10%;}
#wrap_jigoku .event-detail .howto .movieArea{width: 100%; margin: 0 auto 10%;}
#wrap_jigoku .event-detail .howto .movieArea .movieImage{padding: 15px;}
#wrap_jigoku .event-detail .howto .itemList{width: 100%; margin-bottom: 10%;}
#wrap_jigoku .event-detail .howto .itemList li{float: none; width: 100%; margin: 0 0 6%;}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(1){margin-right: 0;}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(2){}
#wrap_jigoku .event-detail .howto .itemList li:nth-child(3){margin-left: 0;}
#wrap_jigoku .event-detail .howto .itemList .track{margin: 0 auto; max-width: 400px; padding: 5px 0;}
#wrap_jigoku .event-detail .howto .itemList .image{max-width: 400px; margin: 0 auto 2%;}
#wrap_jigoku .event-detail .howto .itemList .image {padding: 15px;}
#wrap_jigoku .event-detail .howto .itemList .lead{font-size: 2.5rem; max-width: 400px; margin: 0 auto;}
#wrap_jigoku .event-detail .howto .itemList .lead span{font-size: 1.6rem; display: block;}

#wrap_jigoku .event-detail .howto .course{width: 100%;}
#wrap_jigoku .event-detail .howto .course p{font-size: 1.6rem;}
#wrap_jigoku .event-detail .howto .course li{margin: 0 0 12%;}
#wrap_jigoku .event-detail .howto .course li:last-child{margin: 0 0 6%;}
#wrap_jigoku .event-detail .howto .course .course_icon{width: 15%;}
#wrap_jigoku .event-detail .howto .course li:nth-child(1) .course_icon{right: 2%; top: -10%;}
#wrap_jigoku .event-detail .howto .course li:nth-child(2) .course_icon{position: absolute; left: 2%; top: -10%;}
#wrap_jigoku .event-detail .howto .course li:nth-child(3) .course_icon{position: absolute; right: 2%; top: -10%;}

/* Contents SP Item */
#wrap_jigoku .event-detail .spitemArea{background: url(/img/event/cpn_jigoku2019/jigoku_bg_03_sp.jpg) no-repeat 50% 0; padding: 117% 0 0; background-size: contain;}
#wrap_jigoku .event-detail .spitem h3{margin: 0 0 30px;}
#wrap_jigoku .event-detail .spitem h4{margin: 0 0 60px;}
#wrap_jigoku .event-detail .spitem p{font-size: 16px; text-align: center;}
#wrap_jigoku .event-detail .spitem .image{margin: 110px auto 30px;}

/* Notice 共通 */
#wrap_jigoku .event-detail .notice{font-size: 1.2rem; padding: 6%; margin: 12% 0;}
#wrap_jigoku .event-detail .notice h4{width: 50%; margin: 0 auto 5%;}
#wrap_jigoku .event-detail .notice h5 span{font-size: 1.55rem;}
#wrap_jigoku .event-detail .notice ul{width: 100%; margin: 0 0 6%;}
#wrap_jigoku .event-detail .notice li{margin: 0 0 10px 15px;}
#wrap_jigoku .event-detail .notice li:last-child{margin:  0 0 0 15px;}

}

@media (max-width: 560px) {/**/}
@media (max-width: 320px) {}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}

/*animated ==============================================================================*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

@keyframes flash {
from, 50%, to {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

.flash {
-webkit-animation-name: flash;
animation-name: flash;
}