@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 1.28em; font-weight: bold;}
h2 {font-size: 1.38em; font-weight: bold; margin:0 0 8px 0; color: #267e95;}
h3 {font-size: 1.2em; font-weight: bold; margin:0 0 4px 0; color: #e4458d;}
h4 {font-size: 1.2em; font-weight: bold; margin:0 0 4px 0; color: #0a6bb4;}
h5 {font-size: 1.18em; font-weight: bold; margin:28px 0 0 0; color: #00a3d9;}
h6 {font-size: 1.1em; font-weight: bold; margin:28px 0 0 0;}



.texts {color:#333333;font-size: 0.89em;}
.textb {font-weight: bold;}
.textred {color:#FF0000; font-size:1.08em;}
.textredb {color:#FF0000; font-size:1.28em; font-weight: bold;}
.textred-b {color:#FF0000; font-size:1.5em; font-weight: normal;}
.textfuji {color:#2db200; font-size:1.28em; font-weight: bold;}
.text00 {color:#000000; font-size:1.1em; font-weight: normal;}
.text01 {color:#267e95; font-size:1.08em; font-weight: normal;}
.text02 {color:#e4458d; font-size:1.08em; font-weight: normal;}
.text03 {color:#008c00; font-size:1.08em; font-weight: normal;}
.textredbb {color:#FF0000; font-size:1.8em; font-weight: bold; text-shadow: 1px 1px 2px #888888;}
.textyellowbb {color:#FFFF00; font-size:1.3em; font-weight: bold; text-shadow: 1px 1px 2px #888888;}

/* ------------------------------------------------------------*/
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;}

/* ------------------------------------------------------------*/
.div_box000{border-radius: 8px;
border:solid 2px #38b1a8;
margin:8px 0 38px;
padding:8px;}
.div_box000 img{margin: 0;
border-radius:14px;
box-shadow: 1px 1px 10px #C4C4C4;}

.div_box001{border-radius: 8px;
border:solid 1px #cccccc;
margin:18px 4px;
padding:8px;}

.div_box002{border-radius: 8px;
background-color:#daf4f1;
border:solid 1px #cccccc;
margin:4px 0 18px;
padding:8px;}

.div_box003{border-radius: 8px;
border:solid 1px #d71112;
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;}
dt .fas{color:#267e95; margin:0 4px 0 0;}
dt .fab{color:#267e95; margin:0 4px 0 0;}
dt .far{color:#267e95; margin:0 4px 0 0;}

/* ------------------------------------------------------------*/
ul.list{list-style:none; margin:18px auto; padding:0;}
ul.list li{margin:8px; padding:0; list-style: none; font-size:1.08em;}
ul.list li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:1.08em;}
ul.list .fas{color:#267e95; margin:0 4px 0 0;}
ul.list .fab{color:#267e95; margin:0 4px 0 0;}
ul.list .far{color:#267e95; margin:0 4px 0 0;}

ul.triangle{list-style:none; margin:18px 0 18px 0; padding:0;}
ul.triangle li{font-size:1em; margin:4px; padding:0; list-style: none; color:#ff0000;}
ul.triangle .fas{color:#ff0000; margin:0 4px 0 0;}
ul.triangle .fab{color:#ff0000; margin:0 4px 0 0;}
ul.triangle .far{color:#ff0000; margin:0 4px 0 0;}

ul.listdesign_01{list-style:none; margin:0 0 4px 0; padding:0;}
ul.listdesign_01 li{font-size:1.18em; font-weight: bold; color: #338ea2; margin:2px; padding:0; list-style: none;}
ul.listdesign_01 li.sub{font-size:1.18em; font-weight: bold; color: #338ea2; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_01 .fas{color: #338ea2; margin:0 8px 0 0;}
ul.listdesign_01 .fab{color: #338ea2; margin:0 8px 0 0;}

ul.listdesign_02{list-style:none; margin:0 0 4px 0; padding:0; letter-spacing: 2px;}
ul.listdesign_02 li{font-size:1.18em; font-weight: bold; color: #38b1a8; margin:2px; padding:0 0 8px; list-style: none;}
ul.listdesign_02 li.sub{font-size:1.18em; font-weight: normal; color: #38b1a8; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_02 .fas{color: #38b1a8; margin:0 8px 0 0;}
ul.listdesign_02 .fab{color: #38b1a8; margin:0 8px 0 0;}


ul.listdesign_03{list-style:none; margin:0 0 4px 0; padding:0;}
ul.listdesign_03 li{font-size:1.08em; font-weight: bold; color: #e4458d; margin:2px; padding:0; list-style: none;}
ul.listdesign_03 li.sub{font-size:1.08em; font-weight: bold; color: #e4458d; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_03 .fas{color: #e4458d; margin:0 8px 0 0;}
ul.listdesign_03 .fab{color: #e4458d; margin:0 8px 0 0;}


ul.listdesign_04{list-style:none; margin:0 0 4px 0; padding:0;}
ul.listdesign_04 li{font-size:1.08em; font-weight: bold; color: #0a6bb4; margin:2px; padding:0; list-style: none;}
ul.listdesign_04 li.sub{font-size:1.08em; font-weight: bold; color: #0a6bb4; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.listdesign_04 .fas{color: #0a6bb4; margin:0 0 0 8px;}
ul.listdesign_04 .fab{color: #0a6bb4; margin:0 0 0 8px;}


ul.list_r{list-style:none; margin:0 18px 0 auto; padding:0; text-align:right;}
ul.list_r li{font-size:1.18em; font-weight: bold; color: #0a6bb4; margin:2px; padding:0; list-style: none;}
ul.list_r li.sub{font-size:1.18em; font-weight: bold; color: #0a6bb4; margin:8px 0 2px 18px; padding:0; list-style: none;}
ul.list_r .fas{color: #0a6bb4; margin:0 0 0 8px;}
ul.list_r .fab{color: #0a6bb4; margin:0 0 0 8px;}
ul.list_r .far{color: #0a6bb4; margin:0 0 0 8px;}

ul.win{list-style:none; margin:0 auto 18px; padding:2px;}
ul.win li{font-size:1.18em; font-weight: bold; color: #004dc2; margin:0px; padding:2px; list-style: none;}
ul.win li.sub{font-size:1em; font-weight:bold; color: #004dc2; margin:0 0 0 18px; padding:2px; list-style: none;}
ul.win .fab{color: #004dc2; margin:0 8px 0 0;}

ul.mac{list-style:none; margin:0 auto 18px; padding:2px;}
ul.mac li{font-size:1.18em; font-weight: bold; color: #888888; margin:0px; padding:2px; list-style: none;}
ul.mac li.sub{font-size:1em; font-weight:bold; color: #888888; margin:0 0 0 18px; padding:2px; list-style: none;}
ul.mac .fab{color: #888888; margin:0 8px 0 0;}

ul.android{list-style:none; margin:0 auto 18px; padding:2px;}
ul.android li{font-size:1.18em; font-weight: bold; color: #a3c938; margin:0px; padding:2px; list-style: none;}
ul.android li.sub{font-size:1em; font-weight:bold; color: #a3c938; margin:0 0 0 18px; padding:2px; list-style: none;}
ul.android .fab{color: #a3c938; margin:0 8px 0 0;}

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

/* img-left_shadow -----------------------------------------------------*/
.img-left_shadow{padding:0; margin: 0 8px 28px 0; /*border:solid 1px #cccccc;*/}
.img-left_shadow img{float: left; margin: 0 18px 8px 0; vertical-align: bottom;
border-radius:14px;
box-shadow: 1px 1px 10px #C4C4C4;}

.img-left_shadow h4{margin:0; color:#002e5b; font-size: 1.08em;}
.img-left_shadow p{margin: 0px; padding:0px 0px 0px 10px;}
.img-left_shadow:after	{content: "";
display: block;
clear: both;}
.img-left_shadow{*zoom: 1;}


/*- hr.style -----------------------------------------------------*/
hr.style-00 {margin:38px auto; border-top: 2px dashed #c3c3c1;}

hr.style-01 {margin:48px auto;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(196,196,198,0), rgba(196,196,198,1.75), rgba(196,196,198,0));
    background-image:    -moz-linear-gradient(left, rgba(196,196,198,0), rgba(196,196,198,1.75), rgba(196,196,198,0));
    background-image:     -ms-linear-gradient(left, rgba(196,196,198,0), rgba(196,196,198,1.75), rgba(196,196,198,0));
    background-image:      -o-linear-gradient(left, rgba(196,196,198,0), rgba(196,196,198,1.75), rgba(196,196,198,0));}
hr.style-02 {
    height: 30px;
    border-style: solid;
    border-color: #c3c3c1;
    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: #91754a;
    border-width: 0 0 1px 0;
    border-radius: 20px;}

hr.style-03 {margin:18px auto; border-top: 1px dashed #c3c3c1;}
/**--table class ------------------------------------------------**/
.table{width: 100%;
margin:18px auto 18px;
border-collapse: collapse;}

.table td,
.table th{text-align: left;
font-weight: normal;
padding:4px; border:1px solid #ff0000;}

.table td.nor {white-space: nowrap;}
.table th.nor {white-space: nowrap;}

.table thead th{
padding:18px 2px 18px 4px;
border: 0px;}


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

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

.table_print td,
.table_print th{text-align:center; font-weight: bold;
padding:10px;
border:0px solid #ffffff;}

.table_print td.nor {white-space: nowrap;}
.table_print th.nor {white-space: nowrap; }

.table_print thead th{font-size: 1.08em; font-weight: bold; color: #267e95;
 margin:0; padding:0;
background-color: #ffffff;}

.table_print img{margin: 0 auto 0; vertical-align: bottom;
border-radius:5px;
box-shadow: 1px 1px 10px #C4C4C4;}


/**--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: 1px solid #ebefe2;}

.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: 1px solid #ebefe2;}

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

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

.table_price span{font-size:0.7em; padding:0 4px 0;}


.table_price td{text-align:left; vertical-align:middle; font-weight:normal; padding:8px; font-size:1.08em;
border: 1px solid #cccccc;}

.table_price th{text-align:right; vertical-align:middle; font-weight:bold; padding:8px; font-size:1.3em;
border: 1px solid #cccccc;
background-color:#daf4f1;}

.table_price td,
.table_price th.nor {white-space: nowrap;}


.table_price td.groupon-pr{text-align:left; vertical-align:middle; font-weight:normal; padding:8px; font-size:1.1em; border: 1px solid #cccccc;}
.table_price th.groupon-pr{text-align:left; vertical-align:middle; font-weight:normal; padding:8px; font-size:1.1em; border: 1px solid #cccccc;}


.table_price thead th{padding:4px 2px 4px;
text-align:center;
background-color:#82d7d0;
border: 1px solid #cccccc;}

/**-- FAQpage drop_navi-----------------------------------------**/
ul.drop_navi {width:88%; margin:0;}
ul.drop_navi li{margin:1px auto 8px; padding:0; list-style: none;}
ul.drop_navi ul.menu {border:solid 1px #cccccc;
margin: 0;
padding: 8px;
list-style: none;}

ul.drop_navi .fas{color: #008950; margin:4px; font-size:1.18em;}

div.category {border:solid 1px #cccccc;
margin:18px 0px 2px 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%;
}

/* button -----------------------------------------------------*/
.button{display: inline-block;
margin:0;
padding: 20px 0 20px;
background-color: #80d5ce;
font-size: 1.18em; font-weight: bold;
color: #ffff00;
text-decoration: none;
border: solid 1px #ffffff;
width: 100%;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);
box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3);}

.button:link, 
.button:visited{outline: none;
color: #ffff00;}

.button:hover, 
.button:focus{outline: none;
color: #ffffff;
background-color: #38b1a8;}