@charset "utf-8";
/*
機　　能　　名：料金表
作　　成　　日：2019/09/12
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	price
**************************************** */
@media screen and (min-width: 769px) {/* PC */
.main_ttl {
background:url(../images/price/main_ttl_pc.png) center 0 no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
.main_ttl {
background:url(../images/price/main_ttl_sp.png) center center no-repeat;
background-size:auto 180px;
-webkit-background-size:auto 180px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.main_ttl {
background:url(../images/price/main_ttl_pc.png) center 0 no-repeat;
background-size:auto 395px;
-webkit-background-size:auto 395px;
}
}
}

/* ***************************************
	price_contents
**************************************** */
#price_contents {
margin-bottom:0;
}
#price_contents h4 {
color:#FFF;
background:#8A0000;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
margin:0 auto;
text-align:center;
position:relative;
}
#price_contents h4:after {
content:"";
position:absolute;
background:url(../images/price/p_ttl.png) 0 0 no-repeat;
}
#price_contents .p_box {
margin:0 auto;
}
#price_contents .p_box1 {
background:url(../images/price/p_bg1.png) 0 0 no-repeat;
}
#price_contents .p_box2 {
background:url(../images/price/p_bg2.png) 0 0 no-repeat;
}
#price_contents .p_border {
border-bottom:1px solid #CCCCCC;
}
#price_contents h5 {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
float:left;
line-height:1.8;
}
#price_contents .p_box .p_detail {
float:right;
line-height:1.8;
}
#price_contents .p_intro li {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
text-align:center;
}
#price_contents .p_box1 .p_intro li {
border:1px solid #8A0000;
}
#price_contents .p_box2 .p_intro li {
border:1px solid #162A35;
}
#price_contents .type {
color:#FFF;
}
#price_contents .p_box1 .type {
background:#8A0000;
}
#price_contents .p_box1 .menu {
color:#8A0000;
}
#price_contents .p_box2 .type {
background:#162A35;
}
#price_contents .p_box2 .menu {
color:#162A35;
}
#price_contents .charge .m,
#price_contents .charge .y {
font-weight:bold;
vertical-align:middle;
}
#price_contents .p_op1 {
background:#F3E5E5;
margin:0 auto;
position:relative;
}
#price_contents .p_op1 h6 {
position:absolute;
text-align:center;
color:#FFF;
background:#7B181A;
line-height:1.2;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#price_contents .p_op1 p.att {
color:#666666;
}
#price_contents .p_op1 dt {
color:#7B181A;
background:#FFFFFF;
border:1px solid #7B181A;
text-align:center;
float:left;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#price_contents .p_op1 dd,
#price_contents .p_op2 dd {
float:left;
font-weight:bold;
}
#price_contents .p_op1 dd .tax,
#price_contents .p_op2 dd .tax {
font-weight:normal;
}
#price_contents .p_op2 {
background:#E8EAEC;
margin:0 auto;
position:relative;
}
#price_contents .p_op2:before {
content:"";
position:absolute;
background:url(../images/price/p_op2.png) 0 0 no-repeat;
}
#price_contents .p_op2 h6 {
color:#1F3341;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}

@media screen and (min-width: 769px) {/* PC */
#price_contents h4 {
width:900px;
height:100px;
line-height:100px;
margin-bottom:40px;
font-size:50px;
}
#price_contents h4:after {
width:130px;
height:150px;
top:-34px;
right:19px;
}
#price_contents h4 span {
font-size:46px;
}
#price_contents .bg_wrapper {
padding-bottom:100px;
}
#price_contents .p_border {
padding-bottom:24px;
margin-bottom:24px;
}
#price_contents .p_box {
width:700px;/* total 900px */
padding:20px 0 0 200px;
}
#price_contents .p_box1 {
margin-bottom:60px;
}
#price_contents .p_box2 {
margin-bottom:75px;
}
#price_contents .p_box h5 {
width:110px;/* total 130px */
padding-left:30px;
}
#price_contents .p_box .p_detail {
width:560px;
}
#price_contents .p_box .p_detail strong {
font-size:18px;
}
#price_contents .p_intro {
height:46px;/* total 72px */
line-height:46px;
}
#price_contents .p_intro ul {
float:left;
}
#price_contents .type {
width:128px;/* total 130px */
}
#price_contents .menu {
width:178px;/* total 180px */
}
#price_contents .charge {
float:right;
}
#price_contents .charge p {
font-size:14px;
line-height:46px;
}
#price_contents .charge .m {
font-size:50px;
}
#price_contents .charge .y {
font-size:40px;
}
#price_contents .p_op1 {
width:840px;/* total 900px */
padding:40px 20px 30px 40px;
margin-bottom:60px;
}
#price_contents .p_op1 h6 {
font-size:20px;
top:-33px;
left:38px;
width:140px;
height:100px;/* total 140px */
padding-top:40px;
}
#price_contents .p_op1 p {
margin-left:160px;
}
#price_contents .p_op1 p.att {
margin-left:150px;
margin-bottom:50px;
font-size:14px;
}
#price_contents .p_op1 li {
width:50%;
height:48px;
line-height:48px;
}
#price_contents .p_op1 dt {
width:170px;
margin-right:20px;
}
#price_contents .p_op1 dd,
#price_contents .p_op2 dd {
font-size:32px;
}
#price_contents .p_op1 dd .y,
#price_contents .p_op2 dd .y {
font-size:24px;
}
#price_contents .p_op1 dd .tax,
#price_contents .p_op2 dd .tax {
font-size:14px;
}
#price_contents .p_op2 {
width:620px;/* total 900px */
padding:30px 40px 30px 240px;
}
#price_contents .p_op2:before {
top:-21px;
left:38px;
width:165px;
height:206px;
background-size:auto 206px;
-webkit-background-size:auto 206px;
}
#price_contents .p_op2 h6 {
font-size:34px;
margin-bottom:20px;
}
#price_contents .p_op2 dl {
position:absolute;
top:30px;
right:40px;
}
#price_contents .p_op2 dt {
float:left;
text-align:right;
padding-top:8px;
padding-right:10px;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#price_contents .p_txt {
background:#FFFFFF;
padding:20px 5%;
}
#price_contents h4 {
width:calc(90% - 50px);
height:50px;
line-height:50px;
padding-right:50px;
margin-bottom:26px;
font-size:24px;
}
#price_contents h4:after {
width:65px;
height:75px;
top:-15px;
right:0;
background-size:auto 75px;
-webkit-background-size:auto 75px;
}
#price_contents h4 span {
font-size:18px;
}
#price_contents .bg_wrapper {
padding-bottom:40px;
}
#price_contents .p_border {
padding-bottom:12px;
margin-bottom:12px;
}
#price_contents .p_box {
width:90%;
margin-bottom:40px;
background-size:75px auto;
-webkit-background-size:75px auto;
}
#price_contents .p_box2 {
margin-bottom:118px;
}
#price_contents .p_box h5 {
width:30%;
}
#price_contents .p_box .p_detail {
width:70%;
}
#price_contents .p_intro {
padding-left:85px;
}
#price_contents .p_intro ul {
margin-bottom:10px;
}
#price_contents .p_intro li {
float:none;
padding:5px 0;
width:70%;
}
#price_contents .charge p {
font-size:12px;
line-height:1.4;
}
#price_contents .charge .m {
font-size:28px;
}
#price_contents .charge .y {
font-size:20px;
}
#price_contents .tax {
font-size:10px;
}
#price_contents .p_op1 {
width:calc(90% - 30px);
padding:50px 15px 17px 15px;
margin-bottom:50px;
}
#price_contents .p_op1 h6 {
font-size:16px;
top:-75px;
left:50%;
margin-left:-60px;
width:120px;
height:85px;/* total 120px */
padding-top:35px;
}
#price_contents .p_op1 p.att {
margin-bottom:18px;
font-size:10px;
}
#price_contents .p_op1 li {
width:100%;
height:32px;
line-height:32px;
}
#price_contents .p_op1 li.firstChild {
margin-bottom:5px;
}
#price_contents .p_op1 dt {
width:33%;
margin-right:4%;
}
#price_contents .p_op1 dd,
#price_contents .p_op2 dd {
font-size:20px;
}
#price_contents .p_op1 dd .y,
#price_contents .p_op2 dd .y {
font-size:12px;
}
#price_contents .p_op2 {
width:calc(90% - 30px);
padding:20px 15px 15px 15px;
}
#price_contents .p_op2:before {
top:-32px;
left:5px;
width:110px;
height:137px;
background-size:auto 137px;
-webkit-background-size:auto 137px;
}
#price_contents .p_op2 h6 {
font-size:20px;
margin-left:120px;
margin-bottom:10px;
}
#price_contents .p_op2 dl {
margin-left:120px;
margin-bottom:10px;
}
#price_contents .p_op2 dt {
margin-bottom:5px;
}
#price_contents .p_op2 dd {
padding-left:15px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
#price_contents h4 {
width:90%;
padding-right:0;
}
#price_contents .p_box {
width:calc(90% - 190px);
padding-left:190px;
background-size:150px auto;
-webkit-background-size:150px auto;
}
#price_contents .p_box2 {
margin-bottom:40px;
}
#price_contents .p_intro {
padding-left:0;
}
#price_contents .p_intro ul {
width:40%;
float:left;
}
#price_contents .p_intro li {
width:100%;
}
#price_contents .charge {
width:50%;
float:right;
}
#price_contents .p_op1 {
padding-top:15px;
}
#price_contents .p_op1 h6 {
top:-40px;
left:15px;
margin-left:0;
}
#price_contents .p_op1 p {
padding-left:140px;
}
#price_contents .p_op1 li {
width:50%;
}
#price_contents .p_op2 {
width:calc(90% - 160px);
padding:20px 20px 20px 140px;
}
#price_contents .p_op2 h6,
#price_contents .p_op2 p {
margin-left:0;
}
#price_contents .p_op2 h6 {
margin-bottom:15px;
}
#price_contents .p_op2 h6 .sp {
display:none;
}
#price_contents .p_op2 dl {
position:absolute;
top:20px;
right:20px;
}
#price_contents .p_op2 dt,
#price_contents .p_op2 dd {
float:left;
}
#price_contents .p_op2 dt {
padding-top:3px;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
#price_contents h4 {
font-size:20px;
}
#price_contents h4 span {
font-size:16px;
}
#price_contents .p_box h5,
#price_contents .p_box .p_detail {
font-size:11px;
}
#price_contents .p_op2:before {
width:100px;
height:120px;
background-size:auto 120px;
-webkit-background-size:auto 120px;
}
#price_contents .p_op2 h6,
#price_contents .p_op2 dl {
margin-left:100px;
}
#price_contents .p_op2 dd {
font-size:18px;
padding-left:10px;
}
}
}

/* ***************************************
	pay
**************************************** */
#pay {
margin-bottom:0;
}
#pay h4 {
background:#242B5A;
color:#FFFFFF;
text-align:center;
margin:0 auto;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#pay .pay_box {
position:relative;
margin:0 auto;
}
#pay .pay_box h5 {
color:#242B5A;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#pay .pay_box h5 span {
color:#8A0000;
text-align:center;
border:1px solid #8A0000;
display:inline-block;
}
#pay .pay_box1 h5 span {
background:#8A0000;
color:#FFF;
}
#pay .pay_icon {
background:url(../images/price/pay_icon.png) left 7px no-repeat;
}
#pay .pay_icon img {
display:block;
margin-top:10px;
}
@media screen and (min-width: 769px) {/* PC */
#pay .bg_wrapper {
padding-bottom:100px;
}
#pay h4 {
width:900px;
height:100px;
line-height:100px;
margin-top:54px;
margin-bottom:50px;
font-size:34px;
}
#pay h4 span {
font-size:42px;
}
#pay .pay_box {
width:700px;/* total 900px */
padding-left:200px;
margin-bottom:50px;
}
#pay .pay_box .pay_ttl {
width:160px;
position:absolute;
top:0;
left:20px;
}
#pay .pay_box h5 {
font-size:40px;
margin-bottom:30px;
}
#pay .pay_box h5 span {
font-size:20px;
width:130px;
margin-left:10px;
height:40px;
line-height:40px;
position:relative;
top:-3px;
}
#pay .pay_box3 p {
margin-bottom:30px;
}
#pay .pay_icon {
padding-left:40px;
background-size:30px auto;
-webkit-background-size:30px auto;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#pay .bg_wrapper {
padding-bottom:50px;
}
#pay h4 {
width:90%;
height:50px;
line-height:50px;
margin-top:30px;
margin-bottom:30px;
font-size:17px;
}
#pay h4 span {
font-size:21px;
}
#pay .pay_box {
width:90%;
margin-bottom:30px;
}
#pay .pay_box .pay_ttl {
width:96px;
display:block;
margin:0 auto;
margin-bottom:13px;
}
#pay .pay_box h5 {
text-align:center;
font-size:21px;
margin-bottom:15px;
}
#pay .pay_box h5 span {
font-size:12px;
width:67px;
margin-left:5px;
padding:6px 0;
position:relative;
top:-3px;
}
#pay .pay_box3 p {
margin-bottom:20px;
}
#pay .pay_icon {
padding-left:30px;
background-size:24px auto;
-webkit-background-size:24px auto;
}
#pay .pay_icon img {
width:200px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
#pay .pay_box h5 {
font-size:20px;
}
#pay .pay_box h5 span {
padding:3px 0;
}
}
}

/* ***************************************
	other
**************************************** */
#other {
margin-bottom:0;
}
#other .o_intro {
text-align:center;
background:#FFF;
}
#other .o_box h4 {
background:#F9ECD2;
text-align:center;
color:#DFA01F;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#other .o_box ul {
margin:0 auto;
}
#other .o_box li {
line-height:1.8;
padding-left:25px;
}
@media screen and (min-width: 769px) {/* PC */
#other .o_intro {
padding:30px 0 75px 0;
}
#other .bg_wrapper {
padding-bottom:90px;
}
#other .o_box {
width:900px;
margin:0 auto 55px auto;
}
#other .o_box h4 {
font-size:32px;
height:68px;
line-height:68px;
margin-bottom:40px;
}
#other .o_box ul {
width:860px;
}
#other .o_box li {
background:url(../images/price/o_icon.png) 0 5px no-repeat;
background-size:18px 18px;
-webkit-background-size:18px 18px;
}
#other .o_box .clearfix li {
width:235px;/* total 260px */
margin-right:40px;
}
#other .o_box .clearfix li.lastChild {
margin-right:0;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#other .o_intro {
padding:15px 0 35px 0;
}
#other .bg_wrapper {
padding-bottom:45px;
}
#other .o_box {
width:90%;
margin:0 auto 25px auto;
}
#other .o_box h4 {
font-size:20px;
height:36px;
line-height:36px;
margin-bottom:15px;
}
#other .o_box ul {
width:96%;
}
#other .o_box li {
margin-bottom:30px;
background:url(../images/price/o_icon.png) 0 3px no-repeat;
background-size:18px 18px;
-webkit-background-size:18px 18px;
}
#other .o_box li.lastChild {
margin-bottom:0;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}