@charset "utf-8";
/* CSS Document */
/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}
*{
	margin: 0;
	padding: 0;
	line-height: 1.5;
	list-style: none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
img{
	border:none;
}
a, a:link,/*未訪問のリンクを指定*/
a:visited,/*訪問済みのリンクを指定*/
a:hover,/*マウスオーバーした時のリンク部分を指定*/
a:active,/*クリック時のリンク部分を指定*/
a{
	text-decoration:none;
}
body{
	font:14px/1.3 Geneva, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",          Sans-Serif;
	
}

#wrap{
	overflow:hidden;
}

header{
	position:relative;
	width:100%;
	background:rgba(255,255,255,0.9);
	border-bottom:1px solid #CCC;
	z-index:999;
	border-top: 3px solid #eb6877;
	height:80px;
}

h1{
	width:58%;
	vertical-align:middle;
	float:left;
}

h1 img{
	text-align:center;
	width:100%;
	padding:15px 0 15px 10px;
	vertical-align:middle;
	
}

.women img{
	width:10%;
	margin-top:22px;
	margin-left:30px;
}



/*---------topに戻るボタン------------*/
#page-top a{
	display:block;
	text-align:center;
	color:#535353;
	padding:15px 0;
	font-size:116%;
	background:#ccc;
	clear:both;
}


/*-------------フッター---------------*/
footer{
	background-color:#eb6877;
	clear:both;
	width:100%;
}

.footer_logo img{
	display:block;
	width:70%;
	margin:0 auto;
	padding:20px 0 0;
}

#footer_map{
	width:94%;
	margin:20px auto 0;
	
}

.copy{
	width:92%;
	margin:0 auto;
	color:#fff;
	font-size:100%;
	padding:10px 0;
}

.copy a{
	color:#fff;
	text-decoration:underline !important;
}

.center{
	margin:0 10px;
}

.copy_right{
	clear:both;
	color:#fff;
	font-size:77%;
	text-align:center;
	padding:10px 0;
	background:#F99 !important;
}


p.banner_text{
	padding-top:8px;
	font-size:60%;
	text-align:center;
	font-weight:700;
}
.banner_big_text{
	font-size:182%;
}
	
.auto-popup {
    position: fixed;
	z-index:9999;
    right: 15px;
    bottom: -12em;
    opacity: 0;
    text-decoration: none;
    transition: bottom 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
        opacity 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
        box-shadow 200ms ease 0ms,
        transform 200ms ease 0ms;
}
.auto-popup-active {
    bottom: 10px;
    opacity: 1;
	border-radius:20px;
}
.auto-popup:hover {
    box-shadow: 0em 0em 0.3em 0em rgba(0, 0, 0, 0.5);
    transform: translate(0.1em, 0.1em);
}
.auto-popup-close {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    background-color: #000000;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    transform: rotate(45deg);
    cursor: pointer;
    transition: transform 200ms ease 0ms,
        background-color 200ms ease 0ms;
}
.auto-popup-close:hover {
    background-color: #ff0000;
    transform: rotate(135deg);
}
.auto-popup-close-line:nth-child(odd) {
    position: absolute;
    width: 60%;
    height: 10%;
    left: 20%;
    top: 45%;
    background-color: #ffffff;
}
.auto-popup-close-line:nth-child(even) {
    position: absolute;
    width: 10%;
    height: 60%;
    left: 45%;
    top: 20%;
    background-color: #ffffff;
}