@charset "utf-8";

/*
    Body ------------------------------------------------------------------
*/
body{
    margin:0;
    padding:0;
	background:url(../images/bg.jpg) repeat-y center;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	text-align:center;
	-webkit-text-size-adjust: 100%;
}

.js-loginFlag{display:none;}
.js-logoutFlag{display:none;}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 767px) {
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin:0;
	padding:0;
}

form{
	display:inline;
}

.search_bar{
	width:180px;
	height:20px;
	margin:0 3px 0 0;
	padding:0 5px;
	border:solid 1px #333333;
	background:#FFFFFF;
	text-align:left;
}

.search_bar_sp{
	width:78%;
	height: 25px;
	padding:5px;
	border: none;
	font-size:93% !important; line-height:20px !important;
	text-align:left;
}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}

.clear{clear:both;}

img {
	vertical-align:bottom;
	max-width:100%;
	height:auto;
	width /***/:auto;
}

li img {vertical-align:bottom;}
a img, :link img, :visited img { border:none; }

/* margin
------------------------------ */
.mt-10{margin-top:-10px !important;}
.mt1{margin-top:1px !important;}
.mt2{margin-top:2px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.ml-5{margin-left:-5px !important;}
.ml1{margin-left:1px !important;}
.ml3{margin-left:3px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.mr1{margin-right:1px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mb1{margin-bottom:1px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/* padding
------------------------------ */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/*
    Heading --------------------------------------------------------------------------
*/

h1{}

h2{}

h3{}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 767px) {
}

/*
    list ----------------------------------------------------------------------
*/

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 767px) {
}

/*
    Table --------------------------------------------------------------------------
*/
table.tb01 {
    width:100%;
	margin:10px 0 0 0;
	padding:0;
    border-collapse:collapse;
}
table.tb01 th{
	width:15%;
	padding:10px;
	border-collapse:collapse;
	border-top:dotted 1px #a4c405;
	border-bottom:dotted 1px #a4c405;
	font-weight:normal;
    text-align:right;
	vertical-align:top;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
table.tb01 td{
	padding:10px 10px 10px 0;
	border-collapse:collapse;
	border-top:dotted 1px #a4c405;
	border-bottom:dotted 1px #a4c405;
	font-weight:normal;
    text-align:left;
	vertical-align:top;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.tbw15{width:21%;}
.tbw33{width:33%;}
.tbw50{width:50px;}
.tbw70{width:70px;}
.tbw81{width:80px;}
.tbw80{width:89px;}
.tbw90{width:90px;}
.tbw100{width:100px;}
.tbw120{width:120px;}
.tbw140{width:140px;}
.tbw151{width:151px;}
.tbw200{width:200px;}
.tbw204{width:204px;}
.tbw285{width:285px;}
.tbw440{width:440px;}
.tbw490{width:490px;}
.tbw580{width:580px;}

.tbh70{height:70px;}
.tbh90{height:90px;}
.tbh120{height:120px;}
.tbh125{height:124px;}
.tbh130{height:130px;}
.tbh133{height:103px;}
.tbh200{height:197px;}

.bod_left_no{border-left:none !important;}
.bod_right_no{border-right:none !important;}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 767px) {
}

.pagetop_btn {
	position: fixed;
	bottom: -50px;
	right: 20px;
}


/* cheerup woman banner */

a#cheerup_banner {
    display: block;
    width: 90%;
    margin: 30px auto;
    text-decoration: none;
    color: black;
    border: solid 2px #ebd3d3;
    padding: 3px;
    box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
    transition: 0.3s ease-in-out;
}

a#cheerup_banner div {
    background-color: #f5eeee;
    display: flex;
}

a#cheerup_banner img { width: 45%; }

a#cheerup_banner p {
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5em;
}

a#cheerup_banner p img.mark {
    width: 50px;
    margin-bottom: 5px;
}

a#cheerup_banner p strong {
    color: #f18a8a;
    font-size: 1.7em;
}

a#cheerup_banner p img.logo {
    width: 35%;
    margin-bottom: 6px;
}

a#cheerup_banner:hover {
    opacity: 0.7;
}

a#cheerup_banner p span {
    text-align: center;
    font-size: 0.95em;
}

a#cheerup_banner .bt {
    background-color: #eb6969;
    border-radius: 5px;
    padding: 0.25em 0.5em;
    display: block;
    color: white;
    font-weight: bold;
    margin-top: 0.5em;
}

@media screen and (max-width: 767px) {

a#cheerup_banner p span br {
    display: none;
}

a#cheerup_banner div {
	align-items: flex-start;	
}

a#cheerup_banner p {
	flex-direction: initial;
	padding: 0.3em 1em;
	flex-wrap: wrap;
}

a#cheerup_banner p img.mark {
	width: 25px;
	margin-bottom: 2px;
	margin-right: 0.5em;
}

a#cheerup_banner p strong {
	font-size: 1.1em;
	width: 100%;
	text-align: center;
}

a#cheerup_banner p img.logo {
	width: 75%;
}

a#cheerup_banner p span {
	text-align: left;
	margin: 0 auto;
	font-size: 0.5em;
}

}


/*
認証 ------------------------------------------------------------------
*/
#dialog-overlay {

/* set it to fill the whil screen */
width:100%; 
height:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;

/* transparency for different browsers */
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
-khtml-opacity: 0.8; 
opacity: 0.8; 
background:#000; 

/* make sure it appear behind the dialog box but above everything else */
position:absolute; 
top:0; left:0; 
z-index:10000; 

/* hide it by default */
display:none;
}

#dialog-box {	
/* css3 drop shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

width:800px;
background:#FFFFFF;
text-align:center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;

/* make sure it has the highest z-index */
position:absolute; 
z-index:10001; 

/* hide it by default */
display:none;
}

#dialog-box-in{
width: 100%;
padding: 40px 40px 50px 40px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.dialog-content01{
width: 100%;
padding:20px 0;
border-top: solid 3px #f00;
border-bottom: solid 3px #f00;
font-size:167% !important; line-height:30px !important;
font-weight: bold;
text-align: center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.dialog-content02{
width: 100%;
margin: 30px 0 0 0;
font-size:108% !important; line-height:22px !important;
text-align: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.dialog-content03{
width: 100%;
margin: 40px 0 0 0;
font-size:138.5% !important; line-height:26px !important;
font-weight: bold;
text-align: center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#dialog-box ul {
width:100%;
list-style:none;
margin:20px 0 0 0;
}

#dialog-box ul li {
width:50%;
font-size:154% !important; line-height:28px !important;
float:left;
}

#dialog-box ul li a{
display:block;
margin:0 30px;
padding:15px 0;
border-radius: 5px;
background-color:#aaa;
color:#FFF;
text-decoration:none;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#dialog-box ul li a:hover{
display:block;
background-color:#f00;
text-decoration:none;
}

.dialog-btn-txt {
margin-top: 5px;
font-size:60% !important; line-height:16px !important;
text-align: center;
}

@media screen and (max-width: 767px) {
#dialog-box {	
/* css3 drop shadow */
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

width:90%;
background:#FFFFFF;
text-align:center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;

/* make sure it has the highest z-index */
position:absolute; 
z-index:10001; 

/* hide it by default */
display:none;
}

#dialog-box-in{
width: 100%;
padding: 20px 20px 20px 20px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.dialog-content01{
width: 100%;
padding:15px 0;
border-top: solid 3px #f00;
border-bottom: solid 3px #f00;
font-size:138.5% !important; line-height:26px !important;
font-weight: bold;
text-align: center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.dialog-content02{
width: 100%;
margin: 10px 0 0 0;
font-size:100% !important; line-height:20px !important;
text-align: left;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.dialog-content03{
width: 100%;
margin: 20px 0 0 0;
font-size:123.1% !important; line-height:24px !important;
font-weight: bold;
text-align: center;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#dialog-box ul {
width:100%;
list-style:none;
margin:0;
}

#dialog-box ul li {
width:100%;
font-size:123.1% !important; line-height:24px !important;
float:none;
}

#dialog-box ul li a{
display:block;
margin:10px 0 0 0;
padding:8px 0 10px 0;
border-radius: 5px;
background-color:#aaa;
color:#FFF;
text-decoration:none;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#dialog-box ul li a:hover{
display:block;
background-color:#f00;
text-decoration:none;
}

.dialog-btn-txt {
margin-top: 1px;
font-size:68% !important; line-height:16px !important;
text-align: center;
}
}