@charset "utf-8";

#uraraka {
    width: 100%;
    font-size: 16px;
    color: #333;
}
#uraraka a {
	text-decoration: none;
}
#uraraka a:hover {
    opacity: 0.7;
}
#uraraka img {
    max-width: 100%;
	display: block;
}
#uraraka .box {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
#uraraka .yellow {
    color: #fdd000;
}
#uraraka .pink {
    color: #c24c7c;
}
#uraraka .orange {
    color: #f97152;
}
#uraraka .big {
    font-size: 1.25em;
    font-weight: bold;
}
#uraraka .serif {
    font-family: serif;
}

#uraraka section .section_box {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
#uraraka section .section_box h3 {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    margin: 0 0 30px;
    font-size: 2.625em;
}
#uraraka section h3:before, #uraraka section h3:after {
    content: "";
    height: 4px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    background: #f97152;
}
#uraraka section h3:before {
    margin-right: 10px;
}
#uraraka section h3:after {
    margin-left: 10px;
}

/*---本をもっと自由に---------------------------------------*/
#uraraka header {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/stripe_bg.jpg) repeat center;
    text-align: center;
    padding: 60px 0 100px;
}
#uraraka header p.lead {
    font-size: 2.6em;
    color: #333;
    font-family: serif;
    font-weight: bold;
}
#uraraka header img {
    margin: 0 auto;
}

/*---本の2大サービス-------------------------------------------*/
#uraraka .service {
    background: #48aabe;
    padding-top: 120px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 0;
}
#uraraka .service .icon_circle {
    display: block;
    width: 16%;
    max-width: 200px;
    height: auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/main_icon1.png) no-repeat center #48aabe;
    border-radius: 50%;
    z-index: -1;
}
#uraraka .service .icon_circle:after {
    content: "";
    display: block;
    padding-top: 100%;
}
#uraraka .service .lead {
    font-size: 1.5em;
}
#uraraka .service h2 {
    font-size: 4.375em;
    margin: 0 0 30px;
}
#uraraka .service nav {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/dot_blue_bg.jpg) repeat center;
    padding: 60px;
}
#uraraka .service nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}
#uraraka .service nav ul li {
    width: calc(50% - 15px);
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 0 0 4px #dbd7ce inset;
    border: solid 6px #fff;
}
#uraraka .service nav ul li a {
    padding: 160px 34px 84px;
    height: 100%;
    position: relative;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
#uraraka .service nav ul li a:after {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_icon1.png);
    position: absolute;
    top: 34px;
    left: -100%;
    right: -100%;
    margin: 0;
}
#uraraka .service nav ul li:nth-child(2) a:after {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_icon2.png);
}
#uraraka .service nav ul li a:before {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_button_arrow.png);
    position: absolute;
    bottom: 25px;
    left: -100%;
    right: -100%;
    margin: 0;
}
#uraraka .service nav ul li a p {
    text-align: left;
    margin: 0;
    padding-left: 80px;
    position: relative;
}
#uraraka .service nav ul li a p:before {
    content: "1.";
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
    color: #c6aea3;
    font-family: serif;
    font-size: 3em;
    font-style: italic;
    font-weight: normal;
}
#uraraka .service nav ul li:nth-child(2) a p:before {
    content: "2.";
}

/*---2ヶ月無料----------------------------------------*/
#uraraka .campaign {
    padding: 60px 60px 120px;
    text-align: center;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/freak_bg.png) center repeat-y;
    background-size: 100% auto;
}
#uraraka .campaign .start {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 30px;
}
#uraraka .campaign .start + p {
    margin: 0;
}
#uraraka .campaign .start + p img {
    margin: 0 auto;
}
#uraraka .campaign .start + p img + img {
    margin-top: 30px;
}
#uraraka .campaign p.link {
    max-width: 600px;
    margin: 0 auto;
    /*overflow: hidden;*/
	font-size: 1.875em;
	margin-top: 30px;
}
#uraraka .campaign p.link a {
    display: block;
    color: #fff;
    line-height: 2em;
    position: relative;
	background: #48aabe;
    box-shadow: 0 4px 0 #14718e;
	font-weight: bold;
	border-radius: 6px;
}
#uraraka .campaign p.link a:after {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/for_form_arrow.png);
    position: absolute;
    right: 20px;
}

/*---1.電子書籍読み放題サービス-----------------------------------------*/
#uraraka #service1 {
    background: #fdd000;
    padding-top: 120px;
    position: relative;
    text-align: center;
}
#uraraka #service1 .icon_circle {
    display: block;
    width: 16%;
    max-width: 200px;
    height: auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/main_icon2.png) no-repeat center #fdd000;
}
#uraraka #service1 .icon_circle:before {
    content: "";
    display: block;
    padding-top: 100%;
}
#uraraka #service1 .box h3 {
    font-size: 2.25em;
    display: inline-block;
    text-align: left;
    padding-left: 115px;
    position: relative;
    line-height: 1.2;
    margin: 0 0 45px;
}
#uraraka #service1 .box h3:before {
    content: "1.";
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: serif;
    font-size: 3.6em;
    font-weight: normal;
    line-height: 0.78;
}
#uraraka #service1 .box h3 + p {
    font-size: 0.875em;
    line-height: 1;
    margin: 0 0 45px;
}
#uraraka #service1 .box h3 + p img {
    margin: 0 auto 0;
}

#uraraka #service1 section.merit {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/dot_yellow_bg.jpg) repeat center;
    padding: 60px 0;
}
#uraraka #service1 section.merit ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    margin-bottom: 60px;
}
#uraraka #service1 section.merit ul li:nth-child(2) {
    padding: 0 15px;
}
#uraraka #service1 section.merit ul li p {
    margin: 0;
}
#uraraka #service1 section.merit ul li p.txt {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 30px;
}
#uraraka #service1 section.merit .point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    margin: 0;
}
#uraraka #service1 section.merit .point h4 {
    margin: 0 0 30px;
    width: 100%;
}
#uraraka #service1 section.merit .point h4 img {
    margin: 0 auto;
}
#uraraka #service1 section.merit .point dl {
    width: calc(33.3333% - 20px);
    background: #fff;
    border-radius: 6px;
    padding: 125px 30px 30px;
    position: relative;
    margin: 0;
}
#uraraka #service1 section.merit .point dl:before {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon1.png);
    margin: 0;
    position: absolute;
    top: 30px;
    left: -100%;
    right: -100%;
}
#uraraka #service1 section.merit .point dl:nth-of-type(2):before {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon2.png);
}
#uraraka #service1 section.merit .point dl:nth-of-type(3):before {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon3.png);
}
#uraraka #service1 section.merit .point dl dt {
    color: #f97152;
    font-size: 1.5em;
    margin: 0 0 30px;
}
#uraraka #service1 section.merit .point dl dd {
    text-align: left;
}

#uraraka #service1 section.hikaku {
    padding: 60px 0;
    background: #fff;
}
#uraraka #service1 section.hikaku .sp_scroll {
	margin-bottom: 60px;
}
/*#uraraka #service1 section.hikaku table {
    margin-bottom: 60px;
}*/
#uraraka #service1 section.hikaku table tr:nth-child(odd) {
    background: #f6f6f6;
}
#uraraka #service1 section.hikaku table th, #uraraka #service1 section.hikaku table td {
    vertical-align: middle;
    padding: 15px;
    text-align: center;
}
#uraraka #service1 section.hikaku table th {
    font-weight: bold;
    font-size: 1.125em;
    background: #a3d4de;
    border-left: solid 2px #fff;
}
#uraraka #service1 section.hikaku table th:first-child {
    background: #fff;
}
#uraraka #service1 section.hikaku table th:nth-child(2) {
    background: #f97152;
}
#uraraka #service1 section.hikaku table th img {
    max-height: 40px;
    margin: 0 auto;
}
#uraraka #service1 section.hikaku table td:first-child, #uraraka #service1 section.hikaku table td:nth-child(2) {
    font-weight: bold;
}
#uraraka #service1 section.hikaku .rental_service {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/tablet_bg.png) no-repeat top left #fdd000;
    padding: 30px 30px 30px 26.9%;
}
#uraraka #service1 section.hikaku .rental_service .tit {
    margin-bottom: 30px;
}
#uraraka #service1 section.hikaku .rental_service ul.point {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: baseline;
    -webkit-flex-wrap: wrap;
    margin-bottom: 30px;
}
#uraraka #service1 section.hikaku .rental_service ul.point li {
    padding-left: 20px;
    font-weight: bold;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/rental_service_arrow.png) no-repeat center left;
}
#uraraka #service1 section.hikaku .rental_service ul.point li + li {
    margin-left: 30px;
}
#uraraka #service1 section.hikaku .rental_service .price {
    text-align: left;
    margin: 0;
}
#uraraka #service1 section.hikaku .rental_service .price img {
    display: inline-block;
}
#uraraka #service1 section.hikaku .rental_service .price img + img {
    margin-left: 30px;
}

#uraraka #service1 section.hikaku .rental_tablet {
	background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/dot_yellow_bg.jpg) repeat center;
	padding: 30px;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet {
	/*display: flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
	margin-bottom: 30px;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl {
	/*width: calc((100% / 2) - 15px);*/
	background: #fff;
	padding: /*15px*/20px;
	display: grid;
    grid-template-rows: max-content max-content 1fr;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt {
	font-size: 1.5em;
	border-bottom: solid 2px #f97152;
    padding: 2px 0 10px;
    margin-bottom: 20px;
	width: 100%;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd {
	text-align: center;
	margin-bottom: 15px;
	/*width: calc(50% - 15px);*/
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd img {
	margin: 0 auto 20px;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p {
	font-size: 1.25em;
	font-weight: bold;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p .inch {
	display: block;
	border: solid 2px #333;
	border-radius: 6px;
	padding: /*3px*/10px;
	/*margin-bottom: 5px;*/
	margin-top: 5px;
	font-size: 0.8em;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p .big {
	font-size: 1.5em;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd + dd {
	/*width: calc(50% - 15px);*/
}

#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table {
	border-top: solid 1px #333;
    height: 100%;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table tr {
	border-bottom: #333 solid 1px;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table tr:nth-child(odd) {
	/*background: none;*/
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table tr td {
	padding: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 0.8em;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table tr td:first-child {
    width: 32%;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention {
	background: #fdd000;
    padding: 30px;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important {
	margin-bottom: 30px;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important li {
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important li:before {
	content: "\f054";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	color: #f97152;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important li + li {
	margin-top: 10px;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important + ul li {
	font-size: 0.8em;
	text-align: left;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important + ul li + li {
	margin-top: 10px;
}
#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important + ul li .kome {
	display: inline-block;
	width: 2em;
	margin-right: 0.5em;
}

#uraraka #service1 section.flow {
    padding: 60px 0;
    background: #f6f6f6;
}
#uraraka #service1 section.flow p {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
}
#uraraka #service1 section.flow p.flow_img {
    margin-top: 30px;
}

/*---2.マガジンデリバリー---------------------------------*/
#uraraka #service2_lead .paper {
    padding: 60px 0 110px;
    text-align: center;
}
#uraraka #service2_lead .paper p {
    margin: 0 0 15px;
    font-size: 1.5em;
}
#uraraka #service2_lead .paper h3 {
    font-size: 2.625em;
    margin: 0;
}
#uraraka #service2_lead .paper h3 img {
    display: inline-block;
    vertical-align: bottom;
}

#uraraka #service2 {
    background: #c24c7c;
    padding-top: 120px;
    position: relative;
    text-align: center;
    z-index: 0;
}
#uraraka #service2 .icon_circle {
    display: block;
    width: 16%;
    max-width: 200px;
    height: auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/main_icon3.png) no-repeat center #c24c7c;
    z-index: -1;
}
#uraraka #service2 .icon_circle:before {
    content: "";
    display: block;
    padding-top: 100%;
}
#uraraka #service2 .box {
    color:  #fff;
}
#uraraka #service2 .box h3 {
    font-size: 2.25em;
    display: inline-block;
    text-align: left;
    padding-left: 115px;
    position: relative;
    line-height: 1.2;
    margin: 0 0 45px;
    color: #fff;
}
#uraraka #service2 .box h3:before {
    content: "2.";
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: serif;
    font-size: 3.6em;
    font-weight: normal;
    line-height: 0.78;
}
#uraraka #service2 .box h3 + p {
    font-size: 3.25em;
    font-family: serif;
    font-weight: normal;
    line-height: 0.78;
    margin-bottom: 40px;
}
#uraraka #service2 .box h3 + p .hurigana {
    font-family: sans-serif;
    font-size: 0.46em;
    display: inline;
}
#uraraka #service2 .box .magazine_img {
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
	display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    margin-bottom: 40px;
}
#uraraka #service2 .box .magazine_img li {
	margin: 0 15px;
}
#uraraka #service2 .box .magazine_img li img {
	/*max-height: 180px;
	height: auto;
	max-width: none;
	width: auto;*/
}
#uraraka #service2 .box .magazine_img + p {
    margin: 0 0 /*50px*/30px;
}
#uraraka #service2 .box p .small {
    font-size: 1.125em;
}

#uraraka #service2 .box .magazine_example {
    padding: 30px;
    margin-bottom: 60px;
    border-radius: 6px;background: rgba(255,255,255,0.2);
}
#uraraka #service2 .box .magazine_example h4 {
    font-size: 2em;
    margin-bottom: 0.8em;
    color: #fff;
}
#uraraka #service2 .box .magazine_example h4 + p {
    font-size: 1.5em;
}
#uraraka #service2 .box .magazine_example h4 + p > .small {
    font-size: 75%;
}
#uraraka #service2 .box .magazine_example p.big.yellow {
    font-size: 2em;
    margin-top: 0.8em;
}


#uraraka #service2 section.reason {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/stripe_bg.jpg) center repeat;
    padding: 60px 0 30px;
}
#uraraka #service2 section.reason .section_box h3 {
    display: block;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service2_h3_bg.png) no-repeat center top, url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service2_h3_bg.png) no-repeat center bottom;
    padding: 40px 0;
    font-size: 2.625em;
    margin-bottom: 60px;
}
#uraraka #service2 section.reason .section_box h3:after,#uraraka #service2 section.reason .section_box h3:before {
    display: none;  
}
#uraraka #service2 section.reason .section_box ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}
#uraraka #service2 section.reason .section_box ol li {
    position: relative;
    width: calc(33.3333% - 20px);
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 0 0 4px #dbd7ce inset;
    border: solid 6px #fff;
    padding: 82px 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-content: center;
}
#uraraka #service2 section.reason .section_box ol li:after {
    content: "1";
    font-style: italic;
    position: absolute;
    top: 15px;
	left: 0;
	right: 0;
	margin: auto;
    font-size: 3em;
    font-family: serif;
    color: #c6aea3;
}
#uraraka #service2 section.reason .section_box ol li:nth-child(2):after {
    content: "2";
}
#uraraka #service2 section.reason .section_box ol li:nth-child(3):after {
    content: "3";
}
#uraraka #service2 section.reason .section_box ol li:nth-child(4):after {
    content: "4";
}
#uraraka #service2 section.reason .section_box ol li:nth-child(5):after {
    content: "5";
}
#uraraka #service2 section.reason .section_box ol li:nth-child(6):after {
    content: "6";
}
#uraraka #service2 section.reason .section_box ol li p {
    margin: 0;
    font-size: 1.875em;
    font-weight: bold;
    line-height: 1.2;
}
#uraraka #service2 section.reason .section_box ol li p .big {
    font-size: 1.6em;
}
#uraraka #service2 section.reason .section_box ol li p.option {
    width: 100%;
    margin-top: 15px;
    font-size: 1em;
    font-weight: normal;
}

/*---問い合わせ--------------------------------------------------*/
#uraraka .for_form {
    padding: 60px 0;
    text-align: center;
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/freak_bg.png) repeat-y center bottom;
    background-size: 100% auto;
}
#uraraka .for_form p {
    font-size: 1.875em;
    font-weight: bold;
    margin-bottom: 30px;
}
#uraraka .for_form p.link {
    max-width: 600px;
    margin: 0 auto;
    /*overflow: hidden;*/
}
#uraraka .for_form p.link a {
    display: block;
    color: #fff;
    line-height: 2em;
    position: relative;
	 border-radius: 6px;
	 background: #48aabe;
    box-shadow: 0 4px 0 #14718e;
}
#uraraka .for_form p.link a:after {
    content: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/for_form_arrow.png);
    position: absolute;
    right: 20px;
}

#uraraka .tablet_hikaku {
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 0 auto 30px;
	position: relative;
}
#uraraka .tablet_hikaku h4 {
	color: #f97152;
    font-size: 1.5em;
    margin: 0 0 15px;
    font-weight: bold;
}
#uraraka .tablet_hikaku .mov_box {
	width: 100%;
	position: relative;
}
#uraraka .tablet_hikaku .mov_box:after {
	content: "";
	display: block;
	padding-top: 56.25%;
	margin: auto;
}
#uraraka .tablet_hikaku .mov_box iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




/*---1024px以下-------------------------------------------------------*/
@media screen and (max-width:1024px) {
    
    /*---本をもっと自由に----------------------------*/
    #uraraka header {
        padding: 2em 15px 4em;
    }
    #uraraka header p.lead {
        font-size: 2em;
        margin-bottom: 0;
    }
    #uraraka header img {
        max-width: 65%;
    }
	
	/*---2大サービス--------------------------------*/
    #uraraka .service {
        padding-top: 12%;
    }
    #uraraka .service .icon_circle {
        background-size: 60% auto;
		top: -2em;
    }
    #uraraka .service .lead {
        margin-bottom: 0.5em;
    }
    #uraraka .service h2 {
        font-size: 3.2em;
		line-height: 1.2;
		margin-bottom: 0.5em;
    }
    #uraraka .service nav {
        padding: 1.5em;
    }
    #uraraka .service nav ul li {
        width: calc(50% - 0.7em);
    }
    #uraraka .service nav ul li a {
        padding: 35% 6% 18%;
        font-size: 1.2em;
		height: 100%;
		line-height: 31px;
    }
    #uraraka .service nav ul li a:after {
        content: "";
        display: block;
        width: auto;
        height: 4em;
        background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_icon1.png) no-repeat center;
        background-size: contain;
		top: 8%;
    }
    #uraraka .service nav ul li:nth-child(2) a:after {
        content: "";
        background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_icon2.png) no-repeat center;
        background-size: contain;
    }
    #uraraka .service nav ul li a:before {
        bottom: 5%;
    }
    #uraraka .service nav ul li a p {
        padding-left: 3.5em;
    }
    #uraraka .service nav ul li a p:before {
        bottom: auto;
        top: 0;
    }
    
    /*---2ヶ月無料----------------------------*/
    #uraraka .campaign {
        padding: 2em 15px 5em;
    }
    #uraraka .campaign .start {
        margin-bottom: 0.8em;
    }
    #uraraka .campaign .start + p img {
        max-width: 28%;
        height: auto;
    }
    #uraraka .campaign .start + p img + img {
        max-width: 60%;
        height: auto;
    }
	
    #uraraka .campaign p.link {
        max-width: 60%;
		font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    
    /*---1.電子書籍読み放題サービス----------------*/
    #uraraka #service1 {
        padding-top: 12%;
    }
	#uraraka #service1 .icon_circle {
		background-size: 60% auto;
		top: -2em;
	}
    #uraraka #service1 .box h3 {
        font-size: 2em;
        margin-bottom: 1em;
        padding-left: 3.2em;
    }
    #uraraka #service1 .box h3:before {
        font-size: 3.2em;
    }
    #uraraka #service1 .box h3 + p {
        margin-bottom: 3em;
    }
    #uraraka #service1 .box h3 + p img {
        max-width: 35%;
        height: auto;
    }
    #uraraka #service1 section.merit {
        padding: 4% 0;
    }
    #uraraka section .section_box h3 {
        font-size: 2.2em;
        margin-bottom: 3%;
    }
    #uraraka #service1 section.merit ul {
        width: 95%;
        margin: 0 auto 4%;
    }
    #uraraka #service1 section.merit ul li p.txt {
        font-size: 1.2em;
		margin-top: 0.5em;
    }
    #uraraka #service1 section.merit .point h4 {
        margin-bottom: 1.2em;
    }
    #uraraka #service1 section.merit .point h4 img {
        max-width: 91%;
    }
    #uraraka #service1 section.merit .point dl {
        width: calc(33.333% - 0.5em);
    }
    #uraraka #service1 section.merit .point dl {
        width: calc(33.333% - 0.5em);
        padding: 6em 2% 2%;
    }
    #uraraka #service1 section.merit .point dl:before {
        content: "";
        display: block;
        width: auto;
        height: 18%;
        background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon1.png) no-repeat center;
        background-size: contain;
        top: 8%;
    }
    #uraraka #service1 section.merit .point dl:nth-of-type(2):before {
        content: "";
        background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon2.png) no-repeat center;
        background-size: contain;
    }
    #uraraka #service1 section.merit .point dl:nth-of-type(3):before {
        content: "";
        background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service1_point_icon3.png) no-repeat center;
        background-size: contain;
    }
    #uraraka #service1 section.merit .point dl dt {
        margin-bottom: 0.5em;
    }
    #uraraka #service1 section.hikaku {
        padding: 4% 0;
    }
	#uraraka #service1 section.hikaku .sp_scroll {
		margin-bottom: 4%;
	}
    /*#uraraka #service1 section.hikaku table {
        margin-bottom: 4%;
    }*/
	#uraraka #service1 section.hikaku .rental_service .tit {
		margin-bottom: 1em;
	}
	#uraraka #service1 section.hikaku .rental_service ul.point {
		display: block;
		margin-bottom: 1em;
	}
	#uraraka #service1 section.hikaku .rental_service ul.point li {
		font-size: 1.2em;
		padding-left: 1.5em;
		text-align: left;
	}
	#uraraka #service1 section.hikaku .rental_service ul.point li + li {
		margin: 0.2em 0 0 0;
	}
    #uraraka #service1 section.hikaku .rental_service .price {
        display: flex;
        align-items: center;
        display: -webkit-flex;
        -webkit-align-items: center;
    }
    #uraraka #service1 section.hikaku .rental_service {
        background-size: 24% auto;
        padding: 1.5em 1.5em 1.5em 26.9%;
    }
    #uraraka #service1 section.hikaku .rental_service .price img {
        width: 45%;
    }
    #uraraka #service1 section.hikaku .rental_service .price img + img {
        width: calc(55% - 1.5em);
        margin-left: 1.5em;
    }
	
	#uraraka #service1 section.hikaku .rental_tablet {
		padding: 1.5em;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet {
		margin-bottom: 1.5em;
        grid-gap: 20px;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl {
		/*width: calc((100% / 2) - 1em);*/
		padding: 1em;
		/*display: block;*/
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd, #uraraka #service1 section.hikaku .rental_tablet .tablet dl dd + dd {
		width: /*calc(50% - 0.5em)*/100%;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd {
		margin-bottom: 1em;
	}
    #uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p .big {
        font-size: 1.5em;
    }
	#uraraka .tablet_hikaku {
		margin-bottom: 1.5em;
	}
	#uraraka #service1 section.hikaku .rental_tablet .rental_attention {
		padding: 1.5em;
	}
	
    #uraraka #service1 section.flow {
        padding: 4% 0;
    }
    #uraraka #service1 section.flow p.flow_img {
        margin-top: 1em;
    }
    
    /*---2.マガジンデリバリー--------------------------*/
    #uraraka #service2_lead .paper {
        padding: 2em 15px 4em;
    }
    #uraraka #service2_lead .paper p {
        margin-bottom: 0.5em;
    }
    #uraraka #service2 {
        padding-top: 12%;
    }
	#uraraka #service2 .icon_circle {
		background-size: 60% auto;
		top: -2em;
	}
    #uraraka #service2 .box h3 {
        font-size: 2em;
        margin-bottom: 1em;
        padding-left: 3.2em;
    }
    #uraraka #service2 .box h3:before {
        font-size: 3.2em;
    }
    #uraraka #service2 .box h3 + p {
        margin-bottom: 1em;
    }
	#uraraka #service2 .box .magazine_img {
		margin-bottom: 2.5em;
	}
	#uraraka #service2 .box .magazine_img li {
		margin: 0 0.5em;
	}
    #uraraka #service2 .box .magazine_img + p {
        margin-bottom: 2.5em;
    }
    #uraraka #service2 section.reason {
        padding: 2em 0 1em;
    }
    #uraraka #service2 section.reason .section_box h3 {
        font-size: 2.4em;
        margin-bottom: 0.8em;
        padding: 1em 0;
		line-height: 1.2;
    }
    #uraraka #service2 section.reason .section_box ol li {
        width: calc(33.3333% - 0.5em);
        margin-bottom: 1em;
        padding: 4.5em 1em 1.5em;
    }
    #uraraka #service2 section.reason .section_box ol li:after {
        font-size: 2.5em;
        top: 0.3em;
    }
    #uraraka #service2 section.reason .section_box ol li p {
        font-size: 1.4em;
    }
	#uraraka #service2 section.reason .section_box ol li p .big {
		font-size: 1.4em;
	}
    
    /*---問い合わせ---------------------------------*/
    #uraraka .for_form {
        padding: 2em 0;
    }
    #uraraka .for_form p {
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    #uraraka .for_form p.link {
        max-width: 60%;
    }    
}


/*---800px以下-------------------------------------------------------*/
@media screen and (max-width:810px) {
    #uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p {
        font-size: 1em;
    }
}


/*---800px以下-------------------------------------------------------*/
@media screen and (max-width:800px) {
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl {
		padding: 0.8em;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p {
		font-size: 1em;
	}
}


/*---767px以下-------------------------------------------------------*/
@media screen and (max-width:767px) {
    #uraraka {
		font-size: 14px;
	}
	#uraraka section .section_box h3 {
		font-size: 1.8em;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	
    /*---本をもっと自由に----------------------------*/
	#uraraka header {
		padding: /*1em 15px 2.5em*/20px 15px 35px;
	}
	#uraraka header img {
		max-width: 90%;
	}
	#uraraka header p.lead {
		font-size: 1.5em;
	}
	
	/*---2大サービス--------------------------------*/
	#uraraka .service {
		padding-top: /*18%*/65px;
	}
	#uraraka .service .icon_circle {
		width: /*25%*/94px;
		top: /*-1.5em*/-20px;
	}
	#uraraka .service .lead {
		font-size: 1.2em;
	}
	#uraraka .service h2 {
		font-size: 2.5em;
		margin-bottom: 15px;
	}
	#uraraka .service nav {
		padding: /*1em*/15px;
	}
	#uraraka .service nav ul {
		display: block;
	}
	#uraraka .service nav ul li {
		width: 100%;
	}
	#uraraka .service nav ul li + li {
		margin-top: /*1em*/15px;
	}
	#uraraka .service nav ul li a {
		padding: 25% 5% 14%;
		font-size: 1.2em;
		line-height: normal;
	}
	#uraraka .service nav ul li a:after {
		height: 3em;
		top: 8%;
	}
	#uraraka .service nav ul li a:before {
		content: "";
		height: 0.8em;
		background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/service_button_arrow.png) no-repeat center;
		background-size: contain;
		bottom: 10%;
	}
	#uraraka .service nav ul li a p {
		padding-left: 2.4em;
	}
	#uraraka .service nav ul li a p:before {
		font-size: 2em;
	}
    
    /*---2ヶ月無料----------------------------*/
	#uraraka .campaign {
		padding: /*1em 15px 3em*/15px 15px 40px;
		background-size: 110% auto;
	}
	#uraraka .campaign .start {
		font-size: 1.2em;
		line-height: 1.2;
	}
	#uraraka .campaign .start + p img {
		max-width: 50%;
	}
	#uraraka .campaign .start + p img + img {
		max-width: 90%;
		margin-top: 1em;
	}
	
	#uraraka .campaign p.link {
		max-width: 90%;
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	#uraraka .campaign p.link a {
		line-height: 2.5em;
	}
	#uraraka .campaign p.link a:after {
		content: "";
		width: 8px;
		height: 100%;
		background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/for_form_arrow.png) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.5em;
		display: block;
	}
    
    /*---1.電子書籍読み放題サービス----------------*/
	#uraraka #service1 {
		padding-top: /*18%*/65px;
	}
	#uraraka #service1 .icon_circle {
		width: /*25%*/94px;
		top: /*-1.5em*/-20px;
	}
	#uraraka #service1 .box h3 {
		font-size: 1.4em;
		padding-left: 2.2em;
		margin-bottom: 15px;
	}
	#uraraka #service1 .box h3:before {
		font-size: 2em;
		bottom: auto;
		top: 0;
	}
	#uraraka #service1 .box h3 + p {
		margin-bottom: /*2em*/20px;
		font-size: 0.8em;
	}
	#uraraka #service1 .box h3 + p img {
		max-width: 60%;
	}
	#uraraka #service1 section.merit {
		padding: 20px 0 25px;
	}
	#uraraka #service1 section.merit ul {
		    width: 100%;
			margin: /*0 auto 4%*/0 auto 20px;
			flex-wrap: wrap;
			justify-content: center;
			-webkit-flex-wrap: wrap;
			-webkit-justify-content: center;
	}
	#uraraka #service1 section.merit ul li:nth-child(2) p img {
		transform: rotate(90deg);
		width: 50%;
		margin: 10px auto;
	}
	#uraraka #service1 section.merit .point {
		display: block;
	}
	#uraraka #service1 section.merit .point h4 {
		margin-bottom: 15px;
	}
	#uraraka #service1 section.merit .point h4 img {
		max-width: 100%;
	}
	#uraraka #service1 section.merit .point dl {
		width: 100%;
		padding: /*4.5em 4% 4%*/65px 15px 15px;
	}
	#uraraka #service1 section.merit .point dl:before {
		height: 40px;
		top: 15px;
	}
	#uraraka #service1 section.merit .point dl + dl {
		margin-top: /*1em*/15px;
	}
	#uraraka #service1 section.merit .point dl dt {
		margin-bottom: 10px;
	}
	#uraraka #service1 section.hikaku {
		padding: 20px 0 25px;
	}
	#uraraka #service1 section.hikaku .sp_scroll {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#uraraka #service1 section.hikaku table {
		/*min-width: 580px;
		margin-bottom: 20px;*/
	}
	#uraraka #service1 section.hikaku table th, #uraraka #service1 section.hikaku table td {
		padding: 8px;
		font-size: 0.8em;
	}
	#uraraka #service1 section.hikaku table th {
		font-size: 1em;
	}
	#uraraka #service1 section.hikaku table th img {
		width: 90%;
	}
	#uraraka #service1 section.hikaku .rental_service {
		padding: /*1.2em*/15px;
		background-size: 20% auto;
	}
	#uraraka #service1 section.hikaku .rental_service .tit {
		    margin-bottom: /*1em*/15px;
			padding-left: 20%;
	}
	#uraraka #service1 section.hikaku .rental_service ul.point {
		margin-bottom: 0.5em;
	}
	#uraraka #service1 section.hikaku .rental_service ul.point li {
		font-size: 1em;
		padding-left: 1em;
		line-height: 20px;
		background-size: 6px auto;
		background-position: 0 5px;
	}
	#uraraka #service1 section.hikaku .rental_service .price img {
		width: 42%;
	}
	#uraraka #service1 section.hikaku .rental_service .price img + img {
		width: calc(58% - 10px);
		margin-left: 10px;
	}
	
	/*#uraraka #service1 section.hikaku .rental_tablet .tablet dl dd table {
		width: 100%;
		min-width: auto;
	}*/
	
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd, #uraraka #service1 section.hikaku .rental_tablet .tablet dl dd + dd {
		width: 100%;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd {
		margin-bottom: 15px;
	}
	
	#uraraka #service1 section.flow {
		padding: 20px 0 25px;
	}
	#uraraka #service1 section.flow p {
		font-size: 1em;
	}
	#uraraka #service1 section.flow p.flow_img {
		margin-top: 10px;
	}
    
    /*---2.マガジンデリバリー--------------------------*/
	#uraraka #service2_lead .paper {
		padding: /*1em 15px 3em*/15px 15px 35px;
	}
	#uraraka #service2_lead .paper p {
		font-size: 1.2em;
	}
	#uraraka #service2_lead .paper h3 {
		font-size: 1.6em;
		letter-spacing: -0.05em;
	}
	#uraraka #service2_lead .paper h3 img {
		height: 1.8em;
		vertical-align: text-bottom;
	}
	#uraraka #service2 {
		padding-top: /*18%*/65px;
	}
	#uraraka #service2 .box h3 {
		font-size: 1.4em;
		padding-left: 2.2em;
		margin-bottom: 15px;
	}
	#uraraka #service2 .box h3:before {
		font-size: 2em;
		bottom: auto;
		top: 0;
	}
	#uraraka #service2 .icon_circle {
		width: /*25%*/94px;
		top: /*-1.5em*/-20px;
	}
	#uraraka #service2 .box h3 + p {
		font-size: 2em;
		margin-bottom: 20px;
	}
	#uraraka #service2 .box .magazine_img {
		margin-bottom: 1em;
	}
	#uraraka #service2 .box .magazine_img li {
		margin: 0 0.3em;
	}
	#uraraka #service2 .box .magazine_img li img {
		/*max-height: none;
		max-width: none;*/
	}
	#uraraka #service2 .box .magazine_img + p {
		margin-bottom: /*1.5em*/25px;
	}
	#uraraka #service2 .box p .small {
		font-size: 1em;
	}
    
    #uraraka #service2 .box .magazine_example {
        padding: 20px;
        margin-bottom: 25px;
    }
    #uraraka #service2 .box .magazine_example h4 {
        font-size: 1.4em;
    }
    #uraraka #service2 .box .magazine_example h4 + p {
        font-size: 1.2em;
    }
    #uraraka #service2 .box .magazine_example h4 + p > .small {
        font-size: 75%;
    }
    #uraraka #service2 .box .magazine_example p.big.yellow {
        font-size: 1.4em;
    }
    
	#uraraka #service2 section.reason {
		padding-top: /*1.5em*/20px;
		padding-bottom: 11px;
	}
	#uraraka #service2 section.reason .section_box h3 {
		font-size: 1.7em;
		background-size: 70% auto;
		margin-bottom: 20px;
		padding: 20px 0;
	}
	#uraraka #service2 section.reason .section_box ol li {
		width: calc(50% - 7px);
		box-shadow: 0 0 10px rgba(0,0,0,0.2), 0 0 0 2px #dbd7ce inset;
		border: solid 3px #fff;
		padding: /*4em 1em 1.5em*/50px 15px 20px;
		margin-bottom: 14px;
	}
	#uraraka #service2 section.reason .section_box ol li:after {
		font-size: /*2em*/28px;
	}
	#uraraka #service2 section.reason .section_box ol li p {
		font-size: 1.1em;
		line-height: 1.4;
	}
	#uraraka #service2 section.reason .section_box ol li p.option {
		font-size: 0.8em;
		margin-top: 0.8em;
	}
    
    /*---問い合わせ---------------------------------*/
	#uraraka .for_form {
		background-size: 110% auto;
		padding: 20px 0 25px;
	}
	#uraraka .for_form p {
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	#uraraka .for_form p.link {
		max-width: 90%;
	}
	#uraraka .for_form p.link a {
		line-height: 2.5em;
	}
	#uraraka .for_form p.link a:after {
		content: "";
		width: 8px;
		height: 100%;
		background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/for_form_arrow.png) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0.5em;
		display: block;
	}
    
}


/*---480px以下-------------------------------------------------------*/
@media screen and (max-width:480px) {
	#uraraka #service1 section.hikaku .rental_tablet {
		padding: 15px;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet {
		margin-bottom: 15px;
		display: block;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl {
		padding: 15px;
		width: 100%;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl + dl {
		margin-top: 15px;
	}
	#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p {
		font-size: 1.25em;
	}
	#uraraka #service1 section.hikaku .rental_tablet .rental_attention {
		padding: 15px;
	}
	#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important {
		margin-bottom: 15px;
	}
	#uraraka #service1 section.hikaku .rental_tablet .rental_attention .important li {
		font-size: 1em;
	}
	#uraraka .tablet_hikaku {
		margin-bottom: 15px;
	}
	#uraraka .tablet_hikaku h4 {
		font-size: 1.2em;
	}
}


/*---389px以下-------------------------------------------------------*/
@media screen and (max-width:389px) {
    #uraraka #service2 section.reason .section_box ol li p.option {
        font-size: 0.74em;
        white-space: nowrap;
    }
}




/*---8/31まで　BG限定特別キャンペーン--------------------------------------------------*/
#uraraka .campaign {
    display: none;
}
#uraraka .service nav {
    padding-bottom: 110px;
}

#uraraka .bg-ipadCP {
    padding-bottom: 90px;
}
#uraraka .bg-ipadCP .sp {
    display: none;
}
#uraraka .bg-ipadCP .cp_detail {
    background: url(/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/freak_bg.png) repeat-y center bottom;
    background-size: 100% auto;
    padding: 90px 0 45px;
}
#uraraka .bg-ipadCP .cp_detail img {
    width: 100%;
    max-width: 1188px;
    margin: 0 auto;
}
#uraraka .bg-ipadCP ul {
    width: 100%;
    margin-top: 45px;
    padding: 0 15px;
    max-width: 1200px;
    margin: 0 auto;
    list-style-type: disc;
    list-style-position: outside;
}
#uraraka .bg-ipadCP ul li {
    margin-left: 1.1em;
}
#uraraka .bg-ipadCP ul li:not(:last-child) {
    margin-bottom: 0.5em;
}
#uraraka .bg-ipadCP ul li > a {
    color: #48aabe;
    font-weight: bold;
    text-decoration: underline;
}
#uraraka #service1 section.hikaku .rental_service ul.point li .bg_ipadCP {
    display: none;
}
#uraraka #service1 section.hikaku .rental_service .price {
    position: relative;
}
#uraraka #service1 section.hikaku .rental_service .price img + img {
    vertical-align: bottom;
    margin-bottom: 10px;
}
#uraraka #service1 section.hikaku .rental_service .price:after {
    content: "";
    display: block;
    height: 9em;
    width: 9em;
    border-radius: 50%;
    position: absolute;
    right: 0.5em;
    bottom: 3.5em;
    background: url(/v250623/_ui/responsive/common/ui_assets/online/bg/pickup/uraraka/img/bg_ipadCP_icon.png) no-repeat center bottom;
    background-size: contain;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p.line_through {
    position: relative;
    margin-bottom: 1em;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p.line_through:before {
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    position: absolute;
    top: 0.8em;
    left: 15%;
    background: #333;
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p.line_through:after {
    content: "\f309";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    bottom: -1.2em;
    left: 50%;
    transform: translateX(-50%);
}
#uraraka #service1 section.hikaku .rental_tablet .tablet dl dt + dd p .small {
    font-size: 0.8em;
}



@media screen and (max-width:1024px) {
    #uraraka .service nav {
        padding-bottom: 3.5em;
    }
    #uraraka .bg-ipadCP {
        padding-bottom: 60px;
    }
    #uraraka .bg-ipadCP .cp_detail {
        padding: 60px 15px 30px;
    }
    #uraraka .bg-ipadCP ul {
        margin-top: 30px;
    }
    #uraraka #service1 section.hikaku .rental_service .price {
        align-items: flex-end;
    }
    #uraraka #service1 section.hikaku .rental_service .price:after {
        height: 6.5em;
        width: 6.5em;
        right: 0;
        bottom: 2.5em;
    }
}

@media screen and (max-width:767px) {
    #uraraka .service nav {
        padding-bottom: 35px;
    }
    
    #uraraka .bg-ipadCP .sp {
        display: block;
    }
    #uraraka .bg-ipadCP .pc {
        display: none;
    }
    #uraraka .bg-ipadCP {
        padding-bottom: 45px;
    }
    #uraraka .bg-ipadCP .cp_detail {
        padding: 45px 15px 20px;
    }
    #uraraka .bg-ipadCP ul {
        margin-top: 20px;
    }
    
    #uraraka #service1 section.hikaku .rental_service ul.point li .bg_ipadCP {
        display: block;
    }
}















/**/