#ori-sp-wrapper a:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.ori-sp-container{
width:100%;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight:500;
color:#222;
}
.ori-sp-container .font-mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: 500;
}

.ori-sp-container br.brake{
display:block;
}
.ori-sp-container br.sp-brake{
display:none;
}
.ori-sp-container .key-color-ptn1{
color:#d21d5c;
}
.ori-sp-container .key-color-ptn2{
color:#2a3e61;
}
.ori-sp-container .key-color-ptn3{
color:#ff5400;
}
.ori-sp-container .key-color-ptn4{
color:#fff;
}
.ori-sp-container .container-1010{
width:1010px;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-center{
width:100%;
margin:0 auto;
text-align:center;
}
.ori-sp-container .al-left{
text-align:left;
}
.ori-sp-container .al-right{
text-align:right;
}
.ori-sp-container .disp-pc{
display:block;
}
.ori-sp-container .disp-sp{
display:none;
}
.ori-sp-container .flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
clear:both;
}
.ori-sp-container .float-left-ptn1{
width:50%;
float:left;
}
.ori-sp-container .float-right-ptn1{
width:50%;
float:right;
text-align:right;
}
.ori-sp-container .color-white{
color:white;
}
.ori-sp-container .color-green{
color:#458565;
}
.ori-sp-container .color-red{
color:#ce0808;
}
.ori-sp-container .color-yellow{
color:#fefb04;
}
.ori-sp-container .color-pink{
color:#e02c2e;
}
.ori-sp-container .color-red2{
color:#fd0505;
}
.ori-sp-container .font-12{
font-size:12px;
}
.ori-sp-container .font-14{
font-size:14px;
}
.ori-sp-container .font-15{
font-size:15px;
}
.ori-sp-container .font-16{
font-size:16px;
}
.ori-sp-container .font-18{
font-size:18px;
}
.ori-sp-container .font-20{
font-size:20px;
}
.ori-sp-container .font-22{
font-size:22px;
}
.ori-sp-container .font-24{
font-size:24px;
}
.ori-sp-container .font-26{
font-size:26px;
}
.ori-sp-container .font-28{
font-size:28px;
}
.ori-sp-container .font-30{
font-size:30px;
}
.ori-sp-container .font-36{
font-size:36px;
}
.clear-area{
clear:both;
}




.main-container{
width:100%;
margin-top:50px;
margin-bottom:50px;
margin:left auto;
margin:right auto;
text-align:center;
}
.main-container img{
border-radius:20px;
}

.wrap{
width:800px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.pickup-container{
width:100%;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
.pickup-container img{
max-width:100%;
height:auto;
}
.pickup-inner{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.pickup-frame{
width:240px;
}
.pickup-frame a{
display:block;
text-decoration:none;
position:relative;
z-index:0;
}
.pickup-frame a::before{
content: "";
position: absolute;
top:48%;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 23px;
width: 4px;
height: 4px;
z-index:10;
}
.pickup-frame a::after{
content: "";
position: absolute;
top:41%;
background-color:#d0b005;
transition: 0.3s ease;
right: 17px;
width: 17px;
height: 17px;
z-index:5;
border-radius:100px;
transform: scale(1);
-webkit-transform:scale(1);
transform-origin: center center;
}
.pickup-frame:hover.pickup-frame a::after{
transform: scale(1.3);
-webkit-transform:scale(1.3);
transition: 0.3s ease;
}
.pickup-boxinner{
border:2px solid #f1e18c;
border-radius:20px;
box-sizing:border-box;
background-color:#fcf6d5;
}
.pickup-box{
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
padding-right:10px;
text-align:left;
}
.pickup-box>p{
padding-left:65px;
height:47px;
vertical-align:middle;
display:table-cell;
font-size:14px;
color:#222;
font-weight:bold;
line-height:130%;
background-repeat:no-repeat;
background-position:left center;
}
.pickup-box>p.movie{
background-image:url(/resolpress_webbook/images/icon_pickup_movie.png);
}
.pickup-box>p.news{
background-image:url(/resolpress_webbook/images/icon_pickup_news.png);
}
.pickup-box>p.sp{
background-image:url(/resolpress_webbook/images/icon_pickup_sp.png);
}



.d-book-container{
width:100%;
padding-bottom:10px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
background-repeat:no-repeat;
background-position:center bottom;
background-image:url(/resolpress_webbook/images/line.png);
}
.d-book-container img{
max-width:100%;
height:auto;
}
.d-book-title{
margin-bottom:50px;
}
.d-book-title>p{
margin-bottom:20px;
}
.d-book-title>h3{
font-size:26px;
line-height:100%;
}
.d-book-frame{
margin-bottom:50px;
position:relative;
}
.d-book-frame:last-child{
margin-bottom:70px;
}
.d-book-newicon{
position:absolute;
z-index:10;
width:94px;
height:94px;
top:-20px;
right:10px;
}
.d-book-box,
.d-book-box-new{
background-color:#fff;
border-radius:20px;
clear:both;
box-shadow:0px 0px 15px #CCC;
box-sizing:border-box;
position:relative;
z-index:0;
}
.d-book-box-new{
border:4px solid #fbf205;
}
.d-book-inner{
padding-top:30px;
padding-bottom:30px;
padding-left:40px;
padding-right:40px;
}
.d-book-flex{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.d-book-img{
width:290px;
}
.d-book-summary{
width:380px;
}
.d-book-img>p{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.d-book-img>p img{
border-radius:20px;
}
.d-book-summary-inner{
height:350px;
vertical-align:middle;
display:table-cell;
text-align:left;
}
.d-book-new{
margin-bottom:20px;
width:115px;
float:left;
}
.d-book-new>p{
width:100%;
height:40px;
background-color:#fbf205;
border-radius:100px;
display: flex;
justify-content: center;
align-items: center;
}
.d-book-new>p span{
display: block;
line-height:100%;
font-weight:bold;
width:100%;
margin:0 auto;
text-align:center;
font-size:16px;
}
.d-book-season{
margin-bottom:10px;
clear:both;
}
.d-book-season>p{
font-size:20px;
font-weight:bold;
line-height:100%;
}
.d-book-name{
margin-bottom:10px;
}
.d-book-name>p{
font-size:30px;
font-weight:bold;
}
.d-book-name>p.sp{
color:#f2575f;
}
.d-book-name>p.sm{
color:#33b1f9;
}
.d-book-name>p.atm{
color:#661f1d;
}
.d-book-name>p.win{
color:#0b4cb8;
}
.d-book-limit{
margin-bottom:30px;
}
.d-book-limit>p{
font-size:16px;
font-weight:bold;
line-height:100%;
}
.d-book-time>p{
clear:both;
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
line-height:100%;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/resolpress_webbook/images/icon_time.png);
}

.button-M{
width:100%;
transition: 0.3s ease;
}
.button-L{
width:350px;
float:left;
transition: 0.3s ease;
}
.button-LL{
width:440px;
transition: 0.3s ease;
}
.button-M a,
.button-L a,
.button-LL a{
display:block;
text-decoration:none;
width:100%;
margin:0 auto;
text-align:center;
background-color:#b76f11;
border-radius:100px;
padding:20px 10px;
transition: 0.3s ease;
}
.button-M a>p,
.button-L a>p,
.button-LL a>p{
color:#fff;
font-weight:bold;
line-height:100%;
text-align:center;
position:relative;
}
.button-M a>p{
font-size:14px;
}
.button-L a>p,
.button-LL a>p{
font-size:16px;
}
.button-M a>p::before,
.button-L a>p::before,
.button-LL a>p::before{
content: "";
position: absolute;
top:45%;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 20px;
width: 4px;
height: 4px;
z-index:10;
transition: 0.3s ease;
}
.button-M a>p::before{
right: 10px;
}
.button-L a>p::before,
.button-LL a>p::before{
right: 20px;
}
.button-M:hover.button-M a>p::before{
transition: 0.3s ease;
right: 5px;
}
.button-L:hover.button-L a>p::before,
.button-LL:hover.button-LL a>p::before{
transition: 0.3s ease;
right: 10px;
}


.a-book-title{
margin-bottom:50px;
}
.a-book-title>h3{
font-size:22px;
line-height:100%;
position:relative;
}
.a-book-title>h3::before{
content: "";
position: absolute;
top:45%;
left: 20%;
background-color:#222;
width:100px;
height:1px;
}
.a-book-title>h3::after{
content: "";
position: absolute;
top:45%;
right: 20%;
background-color:#222;
width:100px;
height:1px;
}
.a-book-container>ul{
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.a-book-container>ul li{
width:360px;
padding-bottom:50px;
}
.a-book-box{
background-color:#fff;
border-radius:20px;
box-shadow:0px 0px 10px #CCC;
}
.a-book-img{
background-color:#fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width:100%;
margin:0 auto;
text-align:center;
}
.a-book-inner{
padding-top:25px;
padding-bottom:25px;
padding-left:30px;
padding-right:30px;
text-align:left;
}
.a-book-season{
margin-bottom:10px;
}
.a-book-season>p{
font-size:18px;
font-weight:bold;
line-height:100%;
}
.a-book-name{
margin-bottom:10px;
}
.a-book-name>p{
font-size:22px;
font-weight:bold;
}
.a-book-name>p.sp{
color:#f2575f;
}
.a-book-name>p.sm{
color:#33b1f9;
}
.a-book-name>p.atm{
color:#661f1d;
}
.a-book-name>p.win{
color:#0b4cb8;
}
.a-book-limit{
margin-bottom:30px;
}
.a-book-limit>p{
font-size:14px;
font-weight:bold;
line-height:100%;
}
.a-book-time>p{
clear:both;
padding-left:30px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
line-height:100%;
background-repeat:no-repeat;
background-position:left center;
background-image:url(/resolpress_webbook/images/icon_time.png);
}


.pocket-container{
width:100%;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.pocket-container img{
max-width:100%;
height:auto;
}
.pocket-box{
background-color:#fdfaec;
border-radius:20px;
}
.pocket-inner{
padding-top:30px;
padding-bottom:30px;
padding-left:40px;
padding-right:40px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.pocket-book-img{
width:250px;
}
.pocket-book-summary{
width:440px;
}
.pocket-book-img>p{
width:100%;
margin:0 auto;
text-align:center;
}
.pocket-summary{
text-align:left;
height:270px;
vertical-align:middle;
display:table-cell;
}
.pocket-summary>h5{
font-size:26px;
margin-bottom:5px;
}
.pocket-summary>p{
font-size:18px;
font-weight:bold;
color:#b76f11;
margin-bottom:25px;
}


.push-container{
width:100%;
margin:0 auto;
text-align:center;
}
.push-container img{
max-width:100%;
height:auto;
}
.push-box{
background-color:#fff;
border:2px solid #c47815;
border-radius:20px;
box-sizing:border-box;
}
.push-box>h4{
background-color:#c47815;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
text-align:left;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
}
.push-box>h4 p{
background-repeat:no-repeat;
background-position:left center;
background-image:url(/resolpress_webbook/images/icon_push.png);
padding-left:50px;
padding-top:10px;
padding-bottom:10px;
color:#fff;
font-size:20px;
}
.push-inner{
padding-top:20px;
padding-bottom:20px;
padding-left:30px;
padding-right:30px;
text-align:left;
}
.push-inner>dl{
width:100%;
margin-bottom:15px;
overflow:hidden;
zoom:1;
clear:both;
}
.push-inner>dl dt{
width:18%;
float:left;
}
.push-inner>dl dd{
padding-left:1%;
width:79%;
float:right;
text-align:left;
}
.push-inner>dl dt>p{
width:100%;
margin:0 auto;
text-align:center;
border-radius:100px;
}
.push-inner>dl dt>p.mail{
background-color:#d5743f;
}
.push-inner>dl dt>p.line{
background-color:#06c756;
}
.push-inner>dl dt>p.app{
background-color:#0076c2;
}
.push-inner>dl dt>p span{
display:block;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:100%;
text-align:center;
padding:10px;
}
.push-inner>dl dd>p{
padding-top:5px;
padding-bottom:5px;
font-size:14px;
}
.push-inner>dl dd>p a{
color:#222;
text-decoration:underline;
}




@media screen and (min-width: 248px) and (max-width: 768px){
.ori-sp-container{
padding-top:0px;
}
.ori-sp-container br.brake{
display:none;
}
.ori-sp-container br.sp-brake{
display:block;
}
.ori-sp-container .font-12{
font-size:10px;
}
.ori-sp-container .font-14{
font-size:12px;
}
.ori-sp-container .font-15{
font-size:13px;
}
.ori-sp-container .font-16{
font-size:14px;
}
.ori-sp-container .font-18{
font-size:16px;
}
.ori-sp-container .font-20{
font-size:18px;
}
.ori-sp-container .font-22{
font-size:20px;
}
.ori-sp-container .font-24{
font-size:22px;
}
.ori-sp-container .font-26{
font-size:24px;
}
.ori-sp-container .font-28{
font-size:26px;
}
.ori-sp-container .font-30{
font-size:28px;
}
.ori-sp-container .font-36{
font-size:30px;
}

.ori-sp-container .container-1010{
width:94%;
}

.main-container{
margin-top:0px;
margin-bottom:30px;
}
.main-container img{
width:100%;
height:auto;
border-radius:0px;
}

.wrap{
width:94%;
}
.pickup-container{
margin-bottom:30px;
}
.pickup-inner{
display: block;
width:100%;
margin:0 auto;
text-align:center;
}
.pickup-frame{
width:100%;
margin-bottom:10px;
}
.d-book-container{
padding-bottom:20px;
}
.d-book-title{
margin-bottom:30px;
}
.d-book-title>p{
margin-bottom:10px;
}
.d-book-title>h3{
font-size:22px;
}
.d-book-frame{
margin-bottom:30px;
}
.d-book-newicon{
width:80px;
height:80px;
}
.d-book-box-new{
border:2px solid #fbf205;
}
.d-book-flex{
display: block;
}
.d-book-img{
width:100%;
margin:0 auto;
text-align:center;
}
.d-book-img>p img{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.d-book-summary{
width:100%;
}
.d-book-summary-inner{
height:auto;
display:block;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.d-book-new{
margin-bottom:10px;
}
.d-book-new>p{
height:30px;
}
.d-book-new>p span{
font-size:14px;
}
.d-book-inner{
padding-top:15px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
}
.d-book-season>p{
font-size:16px;
}
.d-book-name>p{
font-size:22px;
}
.d-book-limit>p{
font-size:14px;
}
.d-book-time>p{
padding-top:6px;
padding-bottom:6px;
font-size:12px;
}
.button-L{
width:100%;
float:none;
margin:0 auto;
text-align:center;
}
.button-LL{
width:100%;
}
.button-L a>p,
.button-LL a>p{
font-size:14px;
}
.button-LL a>p{
line-height:130%;
}
.a-book-title{
margin-top:50px;
margin-bottom:30px;
}
.a-book-title>h3{
font-size:18px;
}
.a-book-title>h3::before{
top:45%;
left: 0%;
width:60px;
}
.a-book-title>h3::after{
top:45%;
right: 0%;
width:60px;
}
.a-book-container>ul{
display:block;
}
.a-book-container>ul li{
width:100%;
padding-bottom:30px;
}
.a-book-inner{
padding-top:15px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
}
.a-book-season>p{
font-size:16px;
}
.a-book-time>p{
padding-top:6px;
padding-bottom:6px;
font-size:12px;
}
.pocket-inner{
padding-top:15px;
padding-bottom:20px;
padding-left:15px;
padding-right:15px;
display: block;
}
.pocket-book-img{
width:100%;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.pocket-book-summary{
width:100%;
}
.pocket-summary{
height:auto;
display: block;
}
.pocket-summary>h5{
font-size:20px;
}
.pocket-summary>p{
font-size:16px;
margin-bottom:15px;
}
.push-box>h4{
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.push-box>h4 p{
background-position:top left;
padding-top:0px;
padding-bottom:0px;
font-size:18px;
}
.push-inner{
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
}
.push-inner>dl dt{
width:100%;
float:none;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.push-inner>dl dd{
padding-left:0%;
width:100%;
float:none;
}
}