@charset "UTF-8";
/*====================================================

	Date: 2023-01-23
	CSS Document ： フェリシモ（グローバル）お買い物ガイド

 ****************************************************/
ul {
 padding-inline-start: 0px;
}
li {
 list-style: none;
}
/*------------------------------------

main

------------------------------------*/
#main {
 width: 920px;
 margin: 0 auto;
 text-align: center;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
#main section {
 margin-bottom: 6em;
}
#main section p {
 text-align: left;
 line-height: 2.0;
 font-size: 110%;
 letter-spacing: 0.05em;
 color: #4c4c4c;
}
#main section p a {
 text-decoration: underline;
 color: #4c4c4c;
}
#main section p.note {
 font-weight: bold;
}
#main h1 {
 color: #56b4ae;
 font-size: 180%;
 margin: 1.4em auto 2em;
 font-weight: bold;
}
#main h2 {
 display: flex;
 align-items: center;
 justify-content: center;
 color: #FFF;
 background: #4b8cd1;
 width: 100vw;
 margin-left: calc(-50vw + 460px);
 min-height: 3em;
 box-sizing: border-box;
 padding: 0.4em 0;
 margin-bottom: 1em;
 font-weight: bold;
}
#main h2::before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 1.1em;
 height: 1.1em;
 margin-right: 0.6em;
 background: url("../images/icon_box.svg");
 background-repeat: no-repeat;
}
#main h3 {
 color: #56b4ae;
 font-weight: bold;
}
#main h3::before, #main h3::after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 height: 1px;
 margin: 0 0.5em;
 width: 1em;
 border-top: 1px solid #56b4ae;
 /* transform: rotate(-25deg);*/
}
#title {}
#title img {
 width: 78%;
 margin: 2em auto 0;
}
/*------------------------------------

Monthly BOX

------------------------------------*/
#main .section01 {}
#main .section01 p {
 text-align: center;
}
#main .section01 .box {
 margin: 4em auto 0;
}
#main .section01 .box h3 {}
#main .section01 .box .box-inner {}
#main .section01 .box .box-inner ul {
 width: 90%;
 display: flex;
 justify-content: space-around; /* align-items: center; */ margin: 2em auto 0;
}
#main .section01 .box .box-inner ul li {
 font-weight: bold;
}
#main .section01 .box .box-inner ul li img {}
#main .section01 .box .box-inner ul li p {
 font-weight: bold;
 line-height: 1.5;
 font-size: 100%;
 margin-top: 1em;
}
#main .section01 .box .box-inner ul li.box01 {}
#main .section01 .box .box-inner ul li.box01 img {}
#main .section01 .box .box-inner ul li.box01 p {}
#main .section01 .box .box-inner ul li.box02, #main .section01 .box .box-inner ul li.box04 {
 font-size: 150%;
 margin-top: 1em;
 color: #4c4c4c;
}
#main .section01 .box .box-inner ul li.box03 {}
#main .section01 .box .box-inner ul li.box03 img {}
#main .section01 .box .box-inner ul li.box03 p {}
#main .section01 .box .box-inner ul li.box05 {}
#main .section01 .box .box-inner ul li.box05 img {}
#main .section01 .box .box-inner ul li.box05 p {}
/*------------------------------------

Monthly BOXとは？

------------------------------------*/
#main .section02 {}
#main .section02 .box {
 background: #eef7f7;
 padding: 3em 0;
 margin-top: 2.5em;
}
#main .section02 .box h3 {
 margin-bottom: 1em;
}
#main .section02 .box p {
 text-align: center;
}
#main .section02 .box .box-inner {
 font-weight: bold;
 position: relative;
}
#main .section02 .box .box-inner ul {
 width: 90%;
 display: flex;
 justify-content: space-around; /* align-items: center; */ margin: 2em auto 0;
}
#main .section02 .box .box-inner ul li {
 position: relative;
}
#main .section02 .box .box-inner ul li img {}
#main .section02 .box .box-inner ul li p {
 background: #FFF;
 border: 2px solid #56b4ae;
 /* width: 60%; */
 position: relative;
 display: block;
 margin: 0 auto 0.5em;
 border-radius: 2em;
 color: #56b4ae;
 line-height: 1.2;
 padding: 0.4em 0.9em;
 z-index: 1;
}
#main .section02 .box .box-inner ul li.box01 {}
#main .section02 .box .box-inner ul li.box01 img {}
#main .section02 .box .box-inner ul li.box01 p {}
#main .section02 .box .box-inner ul li.box02 {}
#main .section02 .box .box-inner ul li.box02 img {}
#main .section02 .box .box-inner ul li.box02 p {}
#main .section02 .box .box-inner ul li.box03 {}
#main .section02 .box .box-inner ul li.box03 img {}
#main .section02 .week {
 margin: 0.7em 0 0;
 color: #56b4ae;
 font-size: 140%;
}
#main .section02 span.arrow {
 width: 3em;
 border-top: 3px solid #56b4ae;
 position: absolute;
 top: 57%;
 right: -40%;
}
#main .section02 span.arrow::before {
 /*position: absolute;
 bottom: 1.7em;
 left: calc(50% - .3em);*/
 display: block;
 position: absolute;
 width: 1.8em;
 height: 1.8em;
 top: -1em;
 right: 0.2em;
 content: '';
 transform: rotate(45deg);
 border-right: 3px solid #56b4ae;
 border-top: 3px solid #56b4ae;
}
#main .section02 span.long_arrow {
 display: block;
 position: relative;
 margin: 0 auto;
 width: 66%;
 height: 3em;
 border: 3px solid #56b4ae;
 border-top: none;
 /* position: absolute; */
 /* bottom: -13%; */
 /* left: 18%; */
}
#main .section02 span.long_arrow::before {
 /*position: absolute;
 bottom: 1.7em;
 left: calc(50% - .3em);*/
 display: block;
 position: absolute;
 width: 1.8em;
 height: 1.8em;
 top: 0.2em;
 left: -1.0em;
 content: '';
 transform: rotate(45deg);
 border-left: 3px solid #56b4ae;
 border-top: 3px solid #56b4ae;
}
#main .section02 span.long_arrow::after {
 /*position: absolute;
 bottom: 1.7em;
 left: calc(50% - .3em);*/
 display: none;
 position: absolute;
 width: 1.8em;
 height: 1.8em;
 top: -1em;
 left: 0.2em;
 content: '';
 transform: rotate(45deg);
 border-left: 3px solid #56b4ae;
 border-bottom: 3px solid #56b4ae;
}
/*------------------------------------

商品のお届けパターン・マークについて

------------------------------------*/
/* mark */
span.mark {
 padding: 0;
 background: none;
 text-align: left;
 display: inline-block;
}
span.mark::before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 1.5em;
 height: 1.5em;
 margin-right: 0.3em;
 background: url("../images/icon_collection.svg");
 background-repeat: no-repeat;
}
span.mark img {
 height: 1.5em;
 vertical-align: middle;
 margin-right: 0.2em;
}
span.mark span {
 vertical-align: middle;
 font-weight: bold;
}
span.mark.standard {
 color: #b4d943;
}
span.mark.onepattern {
 color: #f0647d;
}
span.mark.onepattern img {
 height: 1.7em;
}
span.mark.rotation {
 color: #f47948;
 white-space: nowrap;
}
span.mark.rotation img {
 height: 1em;
}
span.mark.num {
 color: #48af8f;
}
span.mark.num img {}
span.mark.reserve {
 color: #9cc854;
}
span.mark.reserve img {}
span.mark.limited {
 color: #f0647d;
}
span.mark.limited img {}
span.mark.justone {
 color: #0785c2;
}
span.mark.justone img {}
span.mark.entry {
 color: #ff2c2c;
}
span.mark.entry span {
 background: #FFF;
 border: 2px solid #ff2c2c;
 font-weight: normal;
 padding: 0.1em;
}
#main .section03 {}
#main .section03 p img.mark {
 width: 1.5em;
 padding: 0;
 background: none;
 margin: 0 0.2em;
 vertical-align: middle;
}
/* item page */
.item_page {
 position: relative;
 text-align: left;
 margin-bottom: 4em;
}
.item_page > img {
 border: 1px solid #e4e4e4;
 margin-top: 2em;
}
.icon_list {
 position: absolute;
 top: 0;
 right: 0;
 width: 56.8%;
 height: 100%;
}
.icon_list ul {
 border: 3px solid #56b4ae;
 /* position: absolute; */
 background: #FFF;
 display: flex;
 border-radius: 1.5em;
 flex-wrap: wrap;
 justify-content: space-around;
 /* width: 60%; */
 padding: 1em 0;
}
.icon_list ul li {
 width: 35%;
 text-align: left;
 margin: 1.0em 0;
 /* padding: 1em 0; */
 font-size: 120%;
}
.icon_list span.arrow {
 width: 10%;
 border-top: 3px solid #56b4ae;
 position: absolute;
 top: 43.5%;
 left: -10%;
}
.icon_list span.arrow::before {
 /*position: absolute;
 bottom: 1.7em;
 left: calc(50% - .3em);*/
 display: block;
 position: absolute;
 width: 1.8em;
 height: 1.8em;
 top: -1em;
 left: 0.2em;
 content: '';
 transform: rotate(45deg);
 border-left: 3px solid #56b4ae;
 border-bottom: 3px solid #56b4ae;
}
/* list */
ul.pattern_list {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-items: inherit;
}
ul.pattern_list li {
 background: #f5fafa;
 border: 1px solid #56b4ae;
 width: 32.0%;
 margin-bottom: 1em;
}
ul.pattern_list li h4 {
 margin: 2em 0 0em;
 font-size: 125%;
}
ul.pattern_list li h4 span.mark {
 margin-bottom: 0.8em;
}
#main ul.pattern_list li p {
 font-size: 95%;
 margin-bottom: 2em;
 text-align: center;
 line-height: 1.6;
 font-weight: bold;
}
ul.pattern_list li > img {}
/*------------------------------------

お申し込みからお届けの流れ

------------------------------------*/
#main .section04 {}
#main .section04 .box {
 margin: 3em 0;
}
#main .section04 .box-inner {
 font-size: 130%;
 font-weight: bold;
}
#main .section04 ul li {
 position: relative;
}
#main .section04 ul li p {
 text-align: center;
 display: inline-block;
 position: relative;
 /* min-width: 16em; */
 line-height: 1.5;
 box-sizing: border-box;
}
.order_box01 {}
.order_box01 ul {}
.order_box01 ul li {
 display: block;
 margin: 0 auto;
}
.order_box01 ul li p {}
.order_box01 ul li.order01 {}
.order_box01 ul li.order01 p, .order_box01 ul li.order03 p {
 min-width: 11em;
 padding: 0.5em;
 border: 2px solid #333;
 border-radius: 1em;
}
.order_box01 ul li.order01 p::before {
 position: absolute;
 top: -1.5em;
 left: -1.8em;
 content: "";
 display: block;
 vertical-align: middle;
 width: 80px;
 height: 80px;
 margin-right: 0.6em;
 background: url("../images/get01.png");
 background-repeat: no-repeat;
 background-size: contain;
}
.order_box01 ul li.order02 {
 width: 10em;
 margin-bottom: 0.7em;
 height: 2.3em;
}
.order_box01 ul li.order02::before {
 content: '';
 display: block;
 height: 2.5em;
 border-right: 2px solid #333;
 position: absolute;
 top: 0;
 left: 50%;
}
.order_box01 ul li.order02::after {
 display: block;
 position: absolute;
 width: 1.3em;
 height: 1.3em;
 bottom: 0.0em;
 left: calc(50% - 0.61em);
 content: '';
 transform: rotate(45deg);
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
}
.order_box01 ul li.order02 p {
 margin: 0.5em 0 -0em -8em;
 vertical-align: middle;
}
.order_box01 ul li.order03 {}
.order_box01 ul li.order03 p {}
.order_box01 ul li.order03 p::before {
 position: absolute;
 bottom: 0;
 right: -6.8em;
 content: "";
 display: block;
 vertical-align: middle;
 width: 110px;
 height: 110px;
 margin-right: 0.6em;
 background: url("../images/get02.jpg");
 background-repeat: no-repeat;
 background-size: contain;
}
.order_box01 ul li.order04 {
 margin-top: 0.5em;
}
.order_box01 ul li.order04 p {
 text-decoration: underline wavy #56b4ae;
 text-underline-offset: 0.35em;
 font-size: 115%;
}
.order_ttl {
 display: inline-block;
}
.order_box02 {
 display: flex;
 justify-content: center;
 position: relative;
 font-size: 84%;
 margin: 2em auto 0;
}
.order_box02::before {
 content: '';
 display: block;
 height: 2em;
 width: 0;
 border-right: 2px solid #333;
 position: absolute;
 top: -2em;
 left: 50%;
 z-index: -1;
}
.order_box02::after {
 content: '';
 display: block;
 height: 100%;
 width: 38.2%;
 border: 2px solid #333;
 border-bottom: none;
 position: absolute;
 top: 0;
 left: 31%;
 box-sizing: border-box;
 z-index: -1;
}
.order_box02 ul {
 width: 38%;
}
.order_box02 ul li {
 background: #FFF;
 margin-top: 2em;
 padding: 0.5em 0;
}
#main .order_box02 ul li p {
 margin-bottom: 0;
}
.order_box02 span.mark::before {
 display: none;
}
#main .order_box02 ul li p, #main .order_box03 ul li p {
 min-width: 16em;
}
ul.order_box_left, ul.order_box_right {
 position: relative;
 padding-bottom: 2em;
 margin-bottom: 0;
}
ul.order_box_left::after, ul.order_box_right::after {
 display: block;
 position: absolute;
 width: 1.3em;
 height: 1.3em;
 bottom: 0.1em;
 left: calc(50% - 0.61em);
 content: '';
 transform: rotate(45deg);
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
}
ul.order_box_left li.order01 {}
ul.order_box_left li.order01 p {}
ul.order_box_right li.order01 {}
ul.order_box_right li.order01 p {}
ul.order_box_right li.order01 p > span {
 margin: 0.2em;
}
ul.order_box_right li.order02 {}
ul.order_box_right li.order02 .order_ttl {
 background: #56b4ae;
 width: 60%;
 position: relative;
 display: block;
 margin: 0 auto -1em;
 border-radius: 2em;
 color: #FFF;
 padding: 0.4em 0;
 z-index: 1;
}
ul.order_box_right li.order02 p {
 border: 2px solid #56b4ae;
 border-radius: 1em;
 padding: 2em;
}
.order_box03 ul {
 display: flex;
 justify-content: center;
 position: relative;
 font-size: 84%;
 margin: 0.5em auto 0;
}
.order_box03 ul li {
 width: 38%;
}
.order_box03 ul li.order01 {}
.order_box03 ul li.order01 .order_ttl {
 display: block;
 color: #4b8cd1;
 font-size: 140%;
}
.order_box03 ul li.order01 p {
 border: 2px solid #4b8cd1;
 border-radius: 1em;
 padding: 2em;
}
.order_box03 ul li.order01 p .min {
 font-size: 80%;
 line-height: 1.6em;
 margin-top: 0.5em;
 display: block;
}
.order_box03 ul li.order02 {}
.order_box03 ul li.order02 .order_ttl {
 display: block;
 color: #56b4ae;
 font-size: 140%;
}
.order_box03 ul li.order02 p {
 border: 5px solid #56b4ae;
 border-radius: 1em;
 padding: 2em 0em 3.4em;
}
.order_box03 ul li.order02 p::before {
 position: absolute;
 bottom: 0;
 right: 0.3em;
 content: "";
 display: block;
 vertical-align: middle;
 width: 137px;
 height: 45px;
 background: url("../images/get03.jpg");
 background-repeat: no-repeat;
 background-position: bottom;
 background-size: contain;
}
/*------------------------------------

link

------------------------------------*/
#main section.link_list {}
#main section.link_list ul {
 width: 74%;
 margin: 0 auto;
 font-size: 135%;
 letter-spacing: 0.1em;
 font-weight: bold;
 display: flex;
 justify-content: space-between; /* align-items: center; */ flex-wrap: wrap;
}
#main section.link_list ul li {
 width: 100%;
 margin-bottom: 1.1em;
}
#main section.link_list ul li.bnr_half {
 width: 47%;
}
#main section.link_list ul li a {
 position: relative;
 background: #e4eef8;
 color: #4b8cd1;
 border: 2px solid #4b8cd1;
 border-radius: 0.6em;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 3.5em;
 line-height: 1.2;
 text-decoration: none;
}
#main section.link_list ul li a::before {
 content: '';
 display: block;
 position: absolute;
 width: 1em;
 border-top: 3px solid #4b8cd1;
 position: absolute;
 top: 49%;
 right: 1.5em;
}
#main section.link_list ul li a::after {
 /*position: absolute;
 bottom: 1.7em;
 left: calc(50% - .3em);*/
 display: block;
 position: absolute;
 width: 0.7em;
 height: 0.7em;
 top: calc(50% - 0.31em);
 right: 1.6em;
 content: '';
 transform: rotate(45deg);
 border-right: 3px solid #4b8cd1;
 border-top: 3px solid #4b8cd1;
}
/*------------------------------------

SNS

------------------------------------*/
#main section.sns {
 font-weight: bold;
 margin-bottom: 0;
}
#main section.sns h3 {}
#main section.sns h3 {
 color: #56b4ae;
 font-weight: bold;
 font-size: 140%;
}
#main section.sns h3::before, #main section.sns h3::after {
 content: "";
 display: inline-block;
 vertical-align: middle;
 height: 1em;
 width: 1px;
 margin: 0 1.0em 0.2em;
 border-left: 1px solid #56b4ae;
 transform: rotate(-35deg);
}
#main section.sns h3::after {
 transform: rotate(35deg);
}
#main section.sns h4 {
 font-weight: bold;
 color: #4c4c4c;
 margin: 0.7em 0 0.6em;
}
#main section.sns p {
 text-align: center;
 line-height: 1.4;
}
#main section.sns ul {
 display: flex;
 justify-content: center;
}
#main section.sns ul li {
 margin: 1em;
}
#main section.sns ul li.bnr_half {}
#main section.sns ul li a {}
#main section.sns ul li a img {}
/*------------------------------------

SP

------------------------------------*/

body .pc_gl {
 display: block !important;
}
body .sp_gl {
 display: none !important;
}
#main a { transition: all 0.3s;}
#main a:hover {
 opacity:0.7;
}

/* SP */
@media (max-width: 919px) {
body .pc_gl {
  display: none !important;
}
body .sp_gl {
display: block !important;
}
#main img {
 max-width:100%;
}
 
/*------------------------------------

main

------------------------------------*/
#main {width: 100%;font-size: 90%;}
#main section {margin-bottom: 4em;}
#main section p {
}
 #main section > p {width: 90%;margin: 0 auto;}
#main section p a {
}
#main section p.note {width: 90%;margin: 0 auto;font-size: 90%;}
#main h1 {font-size: 120%;}
#main h2 {margin-left: 0;display: block;font-size: 160%;}
#main h2::before {display: block;margin: 0 auto 0.3em;}
#main h3 {font-size: 140%;}
#main h3::before, #main h3::after {
}
#title {}
#title img {width: 82%;}
/*------------------------------------

Monthly BOX

------------------------------------*/
#main .section01 {}
#main .section01 p {
}
#main .section01 .box {
 margin: 4em auto 0;
}
#main .section01 .box h3 {}
#main .section01 .box .box-inner {}
#main .section01 .box .box-inner ul {flex-wrap: wrap;justify-content: center;}
#main .section01 .box .box-inner ul li {width: 40%;}
#main .section01 .box .box-inner ul li img {}
#main .section01 .box .box-inner ul li p {font-size: 90%;}
#main .section01 .box .box-inner ul li.box01 {}
#main .section01 .box .box-inner ul li.box01 img {}
#main .section01 .box .box-inner ul li.box01 p {
}
#main .section01 .box .box-inner ul li.box02 {width: 15%;margin-top: 0.6em;}
 #main .section01 .box .box-inner ul li.box04 {width: 15%;margin-top: 1.0em;}
#main .section01 .box .box-inner ul li.box03 {
    margin-bottom: 1em;
}
#main .section01 .box .box-inner ul li.box03 img {}
#main .section01 .box .box-inner ul li.box03 p {}
#main .section01 .box .box-inner ul li.box05 {
    width: 70%;
}
#main .section01 .box .box-inner ul li.box05 img {}
#main .section01 .box .box-inner ul li.box05 p {}
/*------------------------------------

Monthly BOXとは？

------------------------------------*/
#main .section02 {}
#main .section02 .box {
}
#main .section02 .box h3 {
}
#main .section02 .box p {
}
#main .section02 .box .box-inner {
}
#main .section02 .box .box-inner ul {display: block;width: 55%;/* margin: 0; */margin-left: 6%;}
#main .section02 .box .box-inner ul li {
}
#main .section02 .box .box-inner ul li img {
    width: 78%;
}
#main .section02 .box .box-inner ul li p {
    width: 80%;
    /* line-height: 1.2; */
    /* padding: 0.1em 0.9em; */
}
#main .section02 .box .box-inner ul li.box01 {}
#main .section02 .box .box-inner ul li.box01 img {}
#main .section02 .box .box-inner ul li.box01 p {
}
#main .section02 .box .box-inner ul li.box02 {}
#main .section02 .box .box-inner ul li.box02 img {}
#main .section02 .box .box-inner ul li.box02 p {}
#main .section02 .box .box-inner ul li.box03 {}
#main .section02 .box .box-inner ul li.box03 img {}
#main .section02 .week {position: absolute;top: 48%;right: 6%;background: #eef7f7;padding: 0.3em 0;}
#main .section02 span.arrow {position: relative;top: auto;right: auto;margin: 0 auto 1em;width: 1px;height: 2em;display: block;border-left: 3px solid #56b4ae;}
#main .section02 span.arrow::before {/* border-right: 3px solid #56b4ae; *//* border-top: 3px solid #56b4ae; */transform: rotate(135deg);top: auto;bottom: 0.2em;right: -0.78em;}
#main .section02 span.long_arrow {border: 3px solid #56b4ae;width: 3em;border-left: none;position: absolute;top: 14%;right: 19%;height: 75%;}
#main .section02 span.long_arrow::before {top: auto;left: 0.2em;bottom: -1em;transform: rotate(-45deg);}
#main .section02 span.long_arrow::after {
}
/*------------------------------------

商品のお届けパターン・マークについて

------------------------------------*/
/* mark */
span.mark {
}
span.mark::before {
}
span.mark img {
}
span.mark span {
}
span.mark.standard {
}
span.mark.onepattern {
}
span.mark.onepattern img {
}
span.mark.rotation {
}
span.mark.rotation img {
}
span.mark.num {
}
span.mark.num img {}
span.mark.reserve {
}
span.mark.reserve img {}
span.mark.limited {
}
span.mark.limited img {}
span.mark.justone {
}
span.mark.justone img {}
span.mark.entry {
}
span.mark.entry span {
}
#main .section03 {}
#main .section03 p img.mark {
}
/* item page */
.item_page {
}
.item_page > img {width: 90%;}
.icon_list {width: 87%;position: relative;margin: -2em 0 0 10%;font-size: 65%;}
.icon_list ul {
}
.icon_list ul li {
}
.icon_list span.arrow {top: -37vw;left: 37%;width: 0px;height: 37vw;border-right: 3px solid #56b4ae;}
.icon_list span.arrow::before {border-top: 3px solid #56b4ae;border-left: 3px solid #56b4ae;border-bottom: none;top: 0.05em;left: -0.76em;}
/* list */
ul.pattern_list {width: 94%;margin: 0 auto;}
ul.pattern_list li {width: 48%;}
ul.pattern_list li h4 {font-size: 95%;margin: 1.5em 0 0em;}
ul.pattern_list li h4 span.mark {/* margin-bottom: 0.4em; */}
#main ul.pattern_list li p {font-size: 65%;}
ul.pattern_list li > img {
    width: 90%;
}
/*------------------------------------

お申し込みからお届けの流れ

------------------------------------*/
#main .section04 {}
#main .section04 .box {font-size: 70%;}
#main .section04 .box-inner {
}
#main .section04 ul li {
}
#main .section04 ul li p {
}
.order_box01 {}
.order_box01 ul {}
.order_box01 ul li {
}
.order_box01 ul li p {}
.order_box01 ul li.order01 {}
.order_box01 ul li.order01 p, .order_box01 ul li.order03 p {
}
.order_box01 ul li.order01 p::before {width: 3.5em;height: 3.5em;}
.order_box01 ul li.order02 {
}
.order_box01 ul li.order02::before {
}
.order_box01 ul li.order02::after {
}
.order_box01 ul li.order02 p {
}
.order_box01 ul li.order03 {}
.order_box01 ul li.order03 p {}
.order_box01 ul li.order03 p::before {width: 6em;height: 6em;}
.order_box01 ul li.order04 {
}
.order_box01 ul li.order04 p {
}
.order_ttl {
}
.order_box02 {
}
.order_box02::before {
}
.order_box02::after {width: 48.5%;left: 25.9%;}
.order_box02 ul {width: 48%;}
.order_box02 ul li {
}
#main .order_box02 ul li p {
}
.order_box02 span.mark::before {
}
#main .order_box02 ul li p, #main .order_box03 ul li p {width: 90%;min-width: auto;/* padding: 1.5em 0.2em; */}
ul.order_box_left, ul.order_box_right {
}
ul.order_box_left::after, ul.order_box_right::after {
}
ul.order_box_left li.order01 {}
ul.order_box_left li.order01 p {}
ul.order_box_right li.order01 {}
ul.order_box_right li.order01 p {}
ul.order_box_right li.order01 p > span {
}
ul.order_box_right li.order02 {}
ul.order_box_right li.order02 .order_ttl {
}
ul.order_box_right li.order02 p {padding: 1.5em 0.2em;}
.order_box03 ul {
}
.order_box03 ul li {width: 48%;}
.order_box03 ul li.order01 {}
.order_box03 ul li.order01 .order_ttl {
}
.order_box03 ul li.order01 p {padding: 1.5em 0.2em;}
.order_box03 ul li.order01 p .min {
}
.order_box03 ul li.order02 {}
.order_box03 ul li.order02 .order_ttl {
}
.order_box03 ul li.order02 p {padding: 0.5em 0.2em 3.7em;border-width: 3px;}
.order_box03 ul li.order02 p::before {width: 60%;height: 8vw;}
/*------------------------------------

link

------------------------------------*/
#main section.link_list {}
#main section.link_list ul {font-size: 95%;width: 90%;}
#main section.link_list ul li {
}
#main section.link_list ul li.bnr_half {
}
#main section.link_list ul li a {
}
#main section.link_list ul li a::before {right: 0.5em;}
#main section.link_list ul li a::after {right: 0.5em;}
/*------------------------------------

SNS

------------------------------------*/
#main section.sns {
}
#main section.sns h3 {}
#main section.sns h3 {
}
#main section.sns h3::before, #main section.sns h3::after {
}
#main section.sns h3::after {
}
#main section.sns h4 {font-size: 120%;}
#main section.sns p {font-size: 90%;}
#main section.sns ul {
}
#main section.sns ul li {width: 13%;}
#main section.sns ul li.bnr_half {}
#main section.sns ul li a {}
#main section.sns ul li a img {}


}