@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 1.4em; font-weight: bold;}
h2 {font-size: 1.4em; font-weight: bold; margin:0 0 4px 0; color: #af1d20;}
h3 {margin:0 auto 4px;
font-size: 1.28em;
color: #24335e;
position: relative;
padding-bottom: .1em;
border-bottom: 4px solid #dddddd;}
h3::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #24335e;}
h4 {font-size: 1.18em; font-weight: normal; margin:18px 0 2px 0; color: #333333;}
h5 {font-size: 1.18em; font-weight: bold; margin:18px 0 2px 0; color: #333333;}
h6 {font-size: 1.18em; font-weight: normal; margin:18px 0 2px 0; color:#333333;}

.texts {font-size: 0.89em;}
.textb {font-weight: bold;}
.textbb {font-size:1.18em;}
.textred {color:#ff0000; font-size:1.08em;}
.textred-b {color:#ff0000; font-size:1.8em;}
.textredb {color:#ff0000; font-size:1.2em; font-weight: bold;}
.text01 {color:#1b4899; font-size:1.28em; font-weight: bold;}
.text02 {color:#af1d20; font-size:1.18em; font-weight: bold;}
.text03 {color:#af1d20; font-size:2.88em; font-weight: bold; margin:0 4px;}
.text04 {color:#1b4899; font-size:1.08em; font-weight: bold;}
.text05 {color:#fea612; font-size:1.18em; font-weight: bold;}
.textshop01 {color:#1b4899; font-size:2em; font-weight: bolder;}
.textshop01sub {color:#1b4899; font-size:1.2em; font-weight: normal;}
.submitBtn {font-size:1.18em;}
/* ------------------------------------------------------------*/
p.eria-c{text-align:center;
margin:0 0 0 0;
padding:0 0 0 0;
line-height:1.8;}

p.eria-r{text-align:right;
margin:0 48px 0 0;
padding:0 0 0 0;
line-height:1.8;}

p.eria-table{font-size: 1em;
margin:0 auto 0;
padding:0 0 18px 8px;
line-height:1.8;}

/* ------------------------------------------------------------*/
.img_radius img{border-radius:18px; text-align: center; margin:0 auto 8px;}
/*.img_shadow {text-align: center;} */
.img_shadow img{box-shadow: 1px 1px 4px #000000; border-radius:4px;}


/* img-left ---------------------------------------------------*/
.img-left{padding:0; margin:18px auto 18px; /*border:solid 1px #cccccc;*/}
.img-left img{float: left; margin-right:8px; vertical-align: bottom;}
.img-left p{margin: 0;}
.img-left:after	{content: "";
display: block;
clear: both;}
.img-left{*zoom: 1;}

/* img-right ---------------------------------------------------*/
.img-right{padding:0; margin:18px auto 18px; /*border:solid 1px #cccccc;*/}
.img-right img{float: right; margin-left:8px; vertical-align: bottom;}
.img-right p{margin: 0;}
.img-right:after	{content: "";
display: block;
clear: both;}
.img-right{*zoom: 1;}

/* img-left_none ---------------------------------------------------*/
.img-left_none{padding:0; margin:18px auto 18px; /*border:solid 1px #cccccc;*/}
.img-left_none img{float: left; margin-right:8px; vertical-align: bottom;}
.img-left_none p{margin: 0;}
.img-left_none:after	{content: "";
display: block;
clear: both;}
.img-left_none{*zoom: 1;}

/* img-right_none ---------------------------------------------------*/
.img-right_none{padding:0; margin:18px auto 18px; /*border:solid 1px #cccccc;*/}
.img-right_none img{float: right; margin-left:8px; vertical-align: bottom;}
.img-right_none p{margin: 0;}
.img-right_none:after	{content: "";
display: block;
clear: both;}
.img-right_none{*zoom: 1;}

/* img-left_shadow 
.img-left_shadow{padding:0; margin:18px auto 18px; border:solid 1px #cccccc;}
.img-left_shadow img{float: left; margin-right:18px; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 2px 8px #484848;}
.img-left_shadow p{margin: 0;}
.img-left_shadow:after	{content: "";
display: block;
clear: both;}
.img-left_shadow{*zoom: 1;}
--------------------------------------------*/

/* img-right_shadow 
.img-right_shadow{padding:0; margin:18px auto 18px; order:solid 1px #cccccc;}
.img-right_shadow img{float: right; margin-left:18px; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 2px 8px #888888;}
.img-right_shadow p{margin: 0;}
.img-right_shadow:after	{content: "";
display: block;
clear: both;}
.img-right_shadow{*zoom: 1;}
--------------------------------------------*/


/* ------------------------------------------------------------*/
.div_box000{border-radius: 8px;
font-size: 0.88em;
border:solid 1px #ff0000;
margin:18px 0;
padding:8px;}

/* ------------------------------------------------------------*/
dl {margin:4px 0 18px 0;}
dt {float:left;margin:0; padding:0 0 0 0;clear:both;}
dd {margin:4px 18px 8px;/*margin-left:18px;*/padding:0 0 0 10px;}

/* ------------------------------------------------------------*/
ul.list{list-style:none; margin:0 auto; padding:28px 0; border-bottom: solid 1px #eeeeee;}
ul.list li{margin:8px; padding:0; list-style: none; font-size:1.28em;}
ul.list li.sub{margin:8px 0 0 18px; padding:0; list-style: none; font-size:1em;}
ul.list .fas{margin:0 4px 0 0;}

ul.listdesign_00{list-style:none; margin:28px 0 0 0; padding:0;}
ul.listdesign_00 li{font-size:1.08em; font-weight: normal; color: #333333; margin:8px 0; padding:0; list-style: none;}
ul.listdesign_00 li.sub{font-size:1.04em; font-weight:normal; color: #333333; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_00 .fas{color: #333333; margin:0 8px 0 0;}

ul.listdesign_01{list-style:none; margin:18px; padding:0;}
ul.listdesign_01 li{font-size:1.08em; font-weight: normal; color: #555555; margin:4px auto; padding:0; list-style: none;}
ul.listdesign_01 li.sub{font-size:1em; font-weight:normal; color: #555555; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_01 .fas{color: #cccccc; margin:0 8px 0 0;}

ul.listdesign_02{list-style:none; margin:0 0 28px 18px; padding:0;}
ul.listdesign_02 li{font-size:1.08em; font-weight: normal; color: #282828; margin:2px; padding:0; list-style: none;}
ul.listdesign_02 li.sub{font-size:1.04em; font-weight:normal; color: #282828; margin:2px 0 0 28px; padding:0; list-style: none;}
ul.listdesign_02 .fas{color: #888888; margin:0 8px 0 0;}

ul.listdesign_03{list-style:none; margin:8px 0 0; padding:0;}
ul.listdesign_03 li{font-size:1.18em; font-weight: bold; color: #055137; margin:2px; padding:0; list-style: none;}
ul.listdesign_03 li.sub{font-size:1.14em; font-weight:normal; color: #055137; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_03 .fas{color: #055137; margin:0 8px 0 0;}

ul.listdesign_04{list-style:none; margin:8px 0 8px; padding:0;}
ul.listdesign_04 li{font-size:1.18em; font-weight: bold; color: #3b5998; margin:4px; padding:0; list-style: none;}
ul.listdesign_04 li.sub{font-size:1.04em; font-weight:normal; color: #3b5998; margin:4px 0 18px 18px; padding:0; list-style: none;}
ul.listdesign_04 .fas{color: #3b5998; margin:0 8px 0 0;}

/**--arrow_box ---------------------------------------------**/
.arrow_box {margin:38px auto 38px; padding:8px;
position: relative;
background: #af1d20;
color: #ffffff; font-size: 1.18em;  letter-spacing:2px;}

.arrow_box:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 196, 2, 0);
border-top-color: #af1d20;
border-width: 38px;
margin-left: -38px;
}

/**--arrow_box001 ---------------------------------------------**/
.arrow_box001 {margin:38px auto 38px; padding:8px;
position: relative;
background: #055137;
color: #ffffff; font-size: 1.18em;  letter-spacing:2px;}

.arrow_box001:after {
top: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(5, 81, 55, 0);
border-top-color: #055137;
border-width: 30px;
margin-left: -30px;
}


/**--arrow_box002 ---------------------------------------------**/
.arrow_box002 {margin:38px auto 38px; padding:8px;
position: relative;
background: #aab9be;
color: #333333; font-size: 1.18em; font-weight: bold; letter-spacing:2px;}

.arrow_box002:after {
top: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(170, 185, 190, 0);
border-top-color: #aab9be;
border-width: 30px;
margin-left: -30px;
}



/**--table_price ---------------------------------------------**/
table.table_price{width:auto;
margin:0 auto 48px;}

.table_price{width: 100%;
border-collapse: collapse;}


.table_price th{text-align: left;
font-weight: normal;
padding:18px;
border-bottom: 1px solid #cccccc;}

.table_price td{text-align: right;
font-size:1.08em; 
font-weight: bold;
padding:18px;
border-bottom: 1px solid #cccccc;}

.table_price td.nor {white-space: nowrap; font-weight: bold;}
.table_price th.nor {white-space: nowrap;}

.table_price td.nor_red {white-space: nowrap; font-weight: bold; color: #ff0000;}
.table_price th.nor_red {white-space: nowrap; color: #ff0000; font-size:1.18em;}

.table_price thead th{
padding:8px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;}


/**--table_info ---------------------------------------------**/
table.table_info{width: 100%;
margin:0px auto 48px;}

.table_info{width: 100%;
border-collapse: collapse;}

.table_info td,
.table_info th{text-align: left;
font-weight: normal;
padding:18px 8px 18px 8px;
border-bottom: 0px solid #ffffff;}

.table_info td.nor {white-space: nowrap;}
.table_info th.nor {white-space: nowrap; font-weight: bold;}

.table_info thead th{
padding:8px;
background-color: #ffffff;
border-bottom: 0px solid #ffffff;}


/**--table_item ---------------------------------------------**/
table.table_item{width: 98%; margin:18px auto 8px; border-collapse: collapse;}
.table_item{}
.table_item th{text-align: left; width: 30%;
font-weight: normal;
padding:8px;
border: 1px solid #cccccc;
background-color: #ffffff;}

.table_item td{text-align: left;
font-weight: normal;
padding:8px;
border: 1px solid #cccccc;
background-color: #ffffff;}

.table_item th.nor {white-space: nowrap; font-size: 1.1em; font-weight: bold;}
.table_item td.nor {white-space: nowrap;}

.table_item th span{font-weight:normal;}
.table_item td span{font-weight:normal;}

.table_item thead th{
padding:8px;
background-color: #ffffff;
border-bottom: 1px solid #cccccc;}


/**--table_shop ---------------------------------------------**/
table.table_shop{width: 100%; margin:0px auto 18px;}
.table_shop{width: 100%; border-collapse: collapse;}
.table_shop td{text-align: right; font-weight: normal; padding:8px 4px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: bottom;}
.table_shop th{text-align: left; font-weight: normal; padding:8px 4px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: bottom;}
.table_shop td.nor {white-space: nowrap;}
.table_shop th.nor {white-space: nowrap;}
.table_shop thead th{
padding:8px;
background-color: #ffffff;
border-bottom: 0px solid #ffffff;}

/*- hr.style -----------------------------------------------------*/
hr.style-sp {border-top: 1px solid #cccccc; margin:48px auto;}
hr.style-00 {border-top: 1px dashed #24335e; margin:48px auto;}
hr.style-01 {margin:48px auto;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(170, 185, 190,0), rgba(170, 185, 190,1.75), rgba(170, 185, 190,0));
background-image:    -moz-linear-gradient(left, rgba(170, 185, 190,0), rgba(170, 185, 190,1.75), rgba(170, 185, 190,0));
background-image:     -ms-linear-gradient(left, rgba(170, 185, 190,0), rgba(170, 185, 190,1.75), rgba(170, 185, 190,0));
background-image:      -o-linear-gradient(left, rgba(170, 185, 190,0), rgba(170, 185, 190,1.75), rgba(170, 185, 190,0));
}
hr.style-02 {height: 30px; border-style: solid; border-color: #24335e; border-width: 1px 0 0 0; border-radius: 20px;}
hr.style-02:before {
display: block;
content: "";
height: 30px; margin-top: -31px; border-style: solid; border-color: #24335e; border-width: 0 0 1px 0; border-radius: 20px;
}

/**-- SNS ------------------------------------------------------**/
.share{margin-top: 18px}
.share .fab{color:#ffffff; margin:0px 8px 0px 0px;}
.share ul{margin: 0; padding: 0; list-style: none}
.share li a{display: block;
margin: 1px;
padding: 10px 5px;
color: #ffffff;
font-size: 1.18em;
text-align: center;
text-decoration: none;}

.share-tw{background-color: #55acee;}
.share-fb{background-color: #3b5998;}
.share-gp{background-color: #dd4b39;}
.share-gm{background-color: #3989f7;}
.share-oder{background-color: #888888;}

.share li a:hover{opacity: 0.8;}
.share ul:after{content: ""; display: block; clear: both;}
.share li{float: left; width:50%;}
.share li span{display: block; font-size: 1.28em;}


/**-- FAQpage drop_navi-----------------------------------------**/
ul.drop_navi {width:100%; margin:0;}
ul.drop_navi li{margin:1px auto 8px; padding:0; list-style: none;}
ul.drop_navi ul.menufaq {
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;

background-color: #f4f4f4;
margin: 0;
padding: 8px;
list-style: none;}

ul.drop_navi .fas{color: #00a096; margin:4px 8px 4px 2px;}

div.category {border:solid 1px #cccccc;
margin:18px 0px 0px 0px;padding:8px;
/*margin-top:5px;*/
/*height: 38px;*/
/*line-height: 40px;*/
background-color: #f4f4f4;
cursor:pointer;
}

/* YouTube -----------------------------------------------------*/
.videoWrapper {margin:0px 0px 38px 0px;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}