@charset "UTF-8";
/* ***********************************************************************
    Yuzu Pharmacy 2024 - <Common>
*********************************************************************** */
/*
    1 : Initialize (html5)
    2 : Format (header, wrapper, footer, etc.)
    3 : Text  (h1~, p, etc.)
	4 : Behavior (transition)
	5 : List
	6 : Table
	7 : Frequent Parts (rightLink, page-top, etc.)
    8 : Space (margin, padding, etc)
	9 : Clear
	10: UnderConst
*/

/* ***********************************************************************
    1 : Initialize (html5)
*********************************************************************** */
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, main,
time, mark, audio, video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	outline       : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}
body {
	line-height: 1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section, main {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}
ins {
	background-color: #ff9;
	color           : #000;
	text-decoration : none;
}
mark {
	background-color: #ff9;
	color           : #000;
	font-style      : italic;
	font-weight     : bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor       : help;
}
table {
	border-collapse: collapse;
	border-spacing : 0;
}
hr {
    display   : block;
    height    : 1px;
    border    : 0;
    border-top: 1px solid #cccccc;
    margin    : 1em 0;
    padding   : 0;
}
input, select {
	vertical-align: middle;
}
/**追加**/
img {
	vertical-align: bottom;
}
a {
	outline-style: none;
	cursor       : pointer;
}
a img {
	border: none;
}
ul {
	list-style         : none;
	list-style-image   : none;
	list-style-position: outside;
}
ol {
	list-style-type    : decimal;
	list-style-image   : none;
	list-style-position: outside;
}


/* ***********************************************************************
    2 : Format (header, main, footer, etc.)
*********************************************************************** */
/**************************
	COMMON 
**************************/
/**[ SP ]**/
* {
	font-size               : 16px; /* 基準のフォントサイズを16pxとする */
    -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */
}
body {
	-webkit-text-size-adjust: none;
	color                   : #000;
	font-family             : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	text-align              : center;
}
section {
	width     : 100%;
	text-align: center;
}
.innerBox {
	position    : relative;
	text-align  : center;
	margin-left : auto;
	margin-right: auto;
}
.LeftColumn,
.RightColumn {
	display: block;
}
@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	.LeftColumn {
		float: left;
	}
	.RightColumn {
		float: right;
	}
}


/* ******************************************
	HEADER
******************************************* */
/** [ SP ] [ TABLET ] **/
header {
	position  : fixed;
	left      : 0;
	top       : 0;
	display   : block;
	background: #fff;
	width     : 100%;
	height    : 80px;
	margin    : 0;
	padding   : 0;
	z-index   : 10000;
	box-shadow: 0 6px 6px 0 rgba(128, 128, 128, 0.30);
}
header .innerBox {
	position  : relative;
	width     : 100%;
	margin    : 0;
	padding   : 0;
	height    : 80px;
	text-align: center;
}
@media screen and (min-width: 1080px) {
/** [ PC ] **/
	header {
		height: 120px;
	}
	header .innerBox {
		height: 120px;
	}
}


/* ******************************************
	MAIN
******************************************* */
main {
	position  : relative;
	text-align: center;
}

/** ▽anchorLink用 **/
.linkPoint {
	display    : block;
	padding-top: 80px;
	margin-top : -80px;
	/*
	border     : solid 1px red;*/
}
@media screen and (min-width:1080px) {
/** [ PC ] **/
	/** ▽anchorLink用 **/
	.linkPoint {
		padding-top: 120px;
		margin-top: -120px;
	}
}

/* ******************************************
	FOOTER
******************************************* */
/**[ SP ]**/
footer {
	border-top: solid 4px #007641;
}
/**************************
	inquiryTel
**************************/
footer #inquiryTel {
	background: #007641;
	width     : 100%;
	padding   : 40px 0 56px;
	text-align: center;
}
footer #inquiryTel h5 {
	text-align : center;
	color      : #fff;
	font-family: "Jun 201", sans-serif;
	font-size  : 28px;
	line-height: 1.0em;
}
footer #inquiryTel ul {
	width : 80%;
	margin: 40px auto 0;
}
footer #inquiryTel ul li {
	margin-top: 18px;
}
footer #inquiryTel ul li:first-child {
	margin-top: 0;
}
footer #inquiryTel ul li,
footer #inquiryTel ul li a {
	display   : block;
	background: #fff;
	width     : 100%;
	height    : auto;
	text-align: center;
}
footer #inquiryTel ul li a img {
	display: block;
	width  : 100%;
	height : auto;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	footer #inquiryTel h5 {
		font-size: 32px;
	}
	footer #inquiryTel ul {
		width: 90%;	
	}
	footer #inquiryTel ul li {
		float      : left;
		width      : 32%;
		margin-top : 0;
		margin-left: 2%;
	}
	footer #inquiryTel ul li:first-child {
		margin-left: 0;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	/*footer:not(#home footer, #news footer, #single footer) {
		margin-top: 60px;
	}*/
	footer #inquiryTel {
		padding: 56px 0 64px;
	}
	footer #inquiryTel h5 {
		font-size: 36px;
	}
	footer #inquiryTel ul {
		max-width : 1280px;
		min-width : 1080px;
		width     : 98%;
		margin-top: 48px;
	}
}
/**************************
	footerNav（Nav以外の部分）
**************************/
footer #footerNav {
	background: #fff;
	width     : 100%;
	padding   : 32px 0 90px;
	text-align: center;
}
footer #footerNav h6#ftr_logo {
	width     : 90%;
	height    : auto;
	margin    : 0 auto;
	text-align: center;
}
footer #footerNav h6#ftr_logo a {
	display: block;
	width  : 60%;
	height : auto;
	margin : 0 auto;
}
footer #footerNav h6#ftr_logo a img {
	display: block;
	width  : 100%;
	height : auto;
}
footer #footerNav address {
	display    : block;
	width      : 100%;
	margin-top : 40px;
	text-align : center;
	font-style : normal!important;
	color      : #007641;
	font-family: 'Hind', sans-serif;
	font-size  : 13px;
	line-height: 1.5em;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	footer #footerNav {
		padding-top: 40px;
	}
	footer #footerNav h6#ftr_logo,
	footer #footerNav h6#ftr_logo a {
		width: 280px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	footer #footerNav {
		padding: 40px 0 48px;
	}
	footer #footerNav address {
		margin-top: 24px;
	}
}





/* ***********************************************************************
    3 : Text  (h1~, p, etc.)
*********************************************************************** */
/********************************
	H1 サイトネーム
*********************************/
/** [ SP ] [ TABLET ] **/
#siteName {
	width : 96%;
	height: 45px;
	margin: 17px 0 0 4%;
	text-align: left;
}
#siteName a {
	display  : block;
	max-width: 191px;
	min-width: 189px;
	width    : auto;
	height   : 45px;
}
#siteName a img {
	height: 45px;
	width : auto;
}
@media screen and (min-width:1080px) {
/** [ PC ] **/
	#siteName {
		float : left;
		width : 22%;
		height: 60px;
		margin: 30px 0;
	}
	#siteName a {
		display    : block;
		max-width  : 92%;
		width      : auto;
		max-height : 60px;
		height     : auto;
		margin-left: 8%;
		/*
		border: solid 1px red;*/
	}
	#siteName a img {
		max-height: 60px;
		height    : auto;
		max-width : 100%;
		width     : auto;
	}
}
/********************************
	H1 ページタイトル
*********************************/
/** [ SP ] **/
#pageTitle {
	background: #007346;
	width     : 100%;
	height    : 110px;
	text-align: center;
}
#pageTitle h1 {
	background     : url(../images/h1_pageTitle_s.jpg) center top no-repeat;
	background-size: 100% 110px;
	text-align     : center;
	color          : #fff;
	font-family    : "Jun 201", sans-serif;
	font-size      : 28px;
	line-height    : 110px;
}
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#pageTitle {
		height: 145px;
	}
	#pageTitle h1 {
		background     : url(../images/h1_pageTitle_p.png) center top no-repeat;
		background-size: auto 145px;
		font-size      : 36px;
		line-height    : 145px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	#pageTitle {
		height: 180px;
	}
	#pageTitle h1 {
		background-size: auto 180px;
		font-size      : 44px;
		line-height    : 180px;
	}
}




/**************************
	H2 大見出し
**************************/
/** [ SP ] **/
h2:not(#single h2) {
	margin-bottom : 40px;
	text-align    : center;
	color         : #007346;
	font-family   : "Jun 501", sans-serif;
	font-size     : 28px;
	line-height   : 1.25em;
	letter-spacing: 0.01em;
}
@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	h2:not(#single h2) {
		font-size: 30px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	h2:not(#single h2) {
		margin-bottom : 64px;
		font-size     : 38px;
		letter-spacing: 0.02em;
	}
}


/**************************
	H3 中見出し
**************************/
/** [ SP ] **/
h3:not(#home h3, #single h3) {
	display       : block;
	background    : #609d88;
	width         : 100%;
	min-height    : 22px;
	margin-bottom : 24px;
	padding       : 12px 0;
	text-align    : center;
	color         : #fff;
	font-family   : "Jun 201", sans-serif;
	font-size     : 20px;
	line-height   : 1.25em;
	letter-spacing: 0.01em;
}
@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	h3:not(#home h3, #single h3) {
		padding  : 19px 0;
		font-size: 27px;
	}
}
@media screen and (min-width: 1080px) {
/**[ PC ]**/
	h3:not(#home h3, #single h3) {
		padding      : 25px 0 26px;
		margin-bottom: 40px;
		font-size    : 36px;
	}
}


/**************************
	H4 小見出し
**************************/
h4 {
	text-align    : left;
	font-family   : "Jun 201", sans-serif;
	font-size     : 18px;
	letter-spacing: 0.01em;
}
/******************************
	H5 場面に合わせたタイトル
*******************************

( h5 → page.css内 )*/

/*****************************
	H6 FOOTER 見出し、ロゴ
******************************

( h6#ftr_mark → 2 : Format内 )*/


/**************************
	TEXT
**************************/
p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

a {
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	color          : #009de1;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity        : 0.6;
	filter         : alpha(opacity=60);
	-moz-opacity   : 0.6;
}
a:visited {
	color       : #009de1;
	opacity     : 1.0;
	filter      : alpha(opacity=100);
	-moz-opacity: 1.0;
}


/****************
  SISE CHANGE
*****************/
.biggest {
	font-size: 125%;/* 16pxの場合 → 20px */
}
.bigger {
	font-size: 112%;/* 16pxの場合 → 18px */
}
.smaller {
	font-size: 88%;/* 16pxの場合 → 14px */
}
.smallest {
	font-size: 75%;/* 16pxの場合 → 12px */
}
.size-1 {
	font-size: smaller;
}

/****************
  TEXT ALIGN
*****************/
.align_right {
	text-align: right!important;
}
.align_center {
	text-align: center!important;
}
.align_left {
	text-align: left;
}
.align_middle {
  position: absolute;
  display : inline-block;
  top: 50%; left: 0;
  transform: translate(-50%, 0);
}


/*******************
  TEXT DECORETION
********************/
.thick { font-weight: bold; }

.underline {/*黄色のマーカー風*/
	display   : inline-block;
	background: url(../images/bg_underline.gif) left bottom 6px repeat-x;
}


/*******************
  FONT
********************/
.font_jun {
	font-family: "Jun 201", sans-serif;
}


/*******************
  TEXT COLOR
********************/
.black     { color: #000; }
.white     { color: #fff; }
.rightgray { color: #999; }
.red       { color: #F00; }
.pink      { color: #e53f95; }
.orange    { color: #ee7700; }
.darkgreen { color: #007641; }

.greenJun  {
	color      : #007641;
	font-family: "Jun 201", sans-serif;
}

/****************
  TEXT INDENT
*****************/
.indent-1 {
	padding-left: 1em;
	text-indent : -1em;
}

/****************
  NOWRAP
*****************/
.no_wrap {
	white-space: nowrap;
}


/**************
	   BR
***************/
.br {
	display: inline;
}
.brSP {
	display: block;
}
.brTB {
	display: inline;
}
@media screen and (min-width: 768px) {
/** [ TABLET ] **/
	.brSP {
		display: inline;
	}
	.brTB {
		display: block;
	}
}
@media screen and (min-width:1080px) {
/** [ PC ] **/
	.br {
		display: block;
	}
	.brSP {
		display: inline;
	}
	.brTB {
		display: inline;
	}
}

/**[ NO br ]**/
.no_br {
	word-break: keep-all;
}


/**************
	KOME-CHU
***************/
.sup_komechu {
	vertical-align: super;
	font-size: 12px;
	color    : #ee7700;
}


/* ***********************************************************************
	4 : Behavior (transition)
*********************************************************************** */
/**************************
	Show/Hide
**************************/
.pcImg {
	display: none;
}
.spImg {
	display: block;
}
@media screen and (min-width:768px) {
/** [ TABLET / PC ] **/
	.pcImg {
		display: block;
	}
	.spImg {
		display: none;
	}
}


/**************************
   IMG ON MOUSE
**************************/
a:hover img {
	opacity: 1;
	filter : alpha(opacity=100);
}
@media screen and (min-width:768px) {
/** [ TABLET / PC ] **/
	a {
		text-decoration: none;
	}
	a:hover img {
		opacity     : 0.6;
		filter      : alpha(opacity=60);
		-moz-opacity: 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
}



/* ***********************************************************************
	5 : List
*********************************************************************** */
/********************
  NORMAL LIST
*********************/
.normalList {
	margin-left    : 1.5em;
	margin-top     : 1.0em;
	margin-bottom  : 2.0em;
	list-style-type: none;
}
.normalList li {
	background     : url(../images/bullet_normal.png) 1px 0.6em no-repeat;
	background-size: 8px 8px;
	margin-top     : 0.5em;
	padding-left   : 18px;
	line-height    : 1.75em;
	text-align     : left;
	word-wrap      : break-word;
}
.normalList li:first-child {
	margin-top: 0;
}

.normalList li.graybullet {
	background: none;
	background: url(../images/bullet_gray.png) 1px 0.4em no-repeat;
	background-size: 8px 8px;
}

@media screen and (min-width: 768px) {
/** [ TABLET / PC ] **/
	.normalList li {
		background-size: 9px 9px;
		padding-left   : 20px;	
	}
}

/********************
  KOME LIST
*********************/
.komeList {
	width      : 100%;
	height     : auto;
	margin-top : 1.0em;
	font-size  : 16px;
	line-height: 1.75em;
	text-align : left;
}
.komeList li {
	padding-left: 1em;
	text-indent : -1em;
	color       : #000;
	margin-top  : 0.5em;
}
.komeList li:before {
	content:"※ ";
	color  : #ee7700;
}

/********************
  OL LIST
*********************/
ol {
	margin-top : 1em;
	margin-left: 1em; /*サイトに合せて調整 */
}
ol li {
	list-style-type  : none;
	counter-increment: cnt;
	position         : relative;
	/***/
	margin-top     : 16px;
	padding-left   : 18px;
	font-size      : 16px;
	line-height    : 1.5;
	text-align     : left;
}
ol li:before {
	content    : "(" counter(cnt) ")";
	display    : inline-block;
	margin-left: -1em;  /*サイトに合せて調整 */
	width      : 1em; /* サイトに合せて調整 */
	text-align : center;
	position   : absolute;
	top        : 0;
	left       : 0;
}


/* ***********************************************************************
	6 : Table
*********************************************************************** */
/********************
  NORMAL TABLE
*********************/
/**[ SP ]**/
.normalTable {
	min-width   : 99.7%;
	max-width   : 100%;
	width       : auto;
	margin-top  : 16px;
	margin-left : auto;
	margin-right: auto;
	border      : solid 1px #007346;
}
.normalTable tr {
    border-top: solid 1px #007346;
}
.normalTable th,
.normalTable td {
	font-size  : 15px;
	line-height: 1.75em;
	padding    : 12px 3%;
}
.normalTable th {
	background : #609d88;
	width      : 25%;
	color      : #fff;
	text-align : center;
	font-family: "Jun 201", sans-serif;
}
.normalTable td {
	background: #fff;
	max-width : 75%;
	width     : auto;
	text-align: left;
	word-wrap : break-word;
}
@media (min-width:768px) {
/**[ TABLET ]**/
	.normalTable {
		width    : auto;
	}
	.normalTable th,
	.normalTable td {
		font-size  : 17px;
		line-height: 2.0em;
		padding    : 12px 2%;
	}
}



/* ***********************************************************************
	7 : Frequent Parts (position, pcFixed, etc.)
*********************************************************************** */
/********************
  POSITION
*********************/
.left {
	float: left;
}
.right {
	float: right;
}
.center {
  position: absolute;
  display : inline-block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}


/********************
  RIGHT LINK
*********************/
.rightLink {
	float      : right;
	height     : auto;
	text-align : right;
}


/********************
	PAGE TOP
*********************/
/**[ SP ]**/
#page-top {
	position: fixed;
	bottom  : 2px;
	right   : 0;
	display : block;
	width   : 80px;
	height  : 80px;
	z-index : 10;
}
#page-top a {
	display        : block;
	background     : url(../images/btn_pageTop.png) center center no-repeat;
	background-size: 70px auto;
	width          : 70px;
	height         : 70px;
	text-indent    : -9999px;
}
#page-top a:hover {
	opacity : 1.0;
	filter  : alpha(opacity=100);
}
	

@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	#page-top {
		bottom: 4px;
		right : 32px;
	}
	#page-top a:hover {
		opacity : 0.6;
		filter  : alpha(opacity=60);
	}
}

/********************
	MORE BOTTUN
*********************/
/**[ SP ]**/
.moreBtnBig {
	display      : block;
	background   : #007346;
	height       : 56px;
	margin-top   : 40px;
	margin-left  : auto;
	margin-right : auto;
	text-align   : center;
	color        : #fff!important;
	font-family  : "Jun 201", sans-serif;
	font-size    : 18px;
	line-height  : 56px;
	border-radius: 28px;
}
#home .moreBtnBig {
	width      : 75%;
	margin-top : 0;
	font-family: "Jun 501", sans-serif;
}
@media screen and (min-width:768px) {
/**[ TABLET ]**/
	#home .moreBtnBig,
	#about .moreBtnBig,
	#allstores .moreBtnBig {
		width: 54%;
	}
}
@media screen and (min-width:1080px) {
/**[ PC ]**/
	.moreBtnBig {
		height       : 64px;
		margin-top   : 64px;
		line-height  : 64px;
		border-radius: 32px;
	}
	#home .moreBtnBig,
	#about .moreBtnBig,
	#allstores .moreBtnBig {
		width    : 400px;
		font-size: 22px;
	}
}



/* ***********************************************************************
	6 : Behavior (transition)
*********************************************************************** */
/**************************
	Show/Hide [ SP ]
**************************/
.pcImg {
	display: none;
}
.spImg {
	display: block;
}
@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	.pcImg {
		display: block;
	}
	.spImg {
		display: none;
	}
}


/**************************
   IMG ON MOUSE [ SP ]
**************************/
a:hover img {
	opacity: 1;
	filter : alpha(opacity=100);
}
@media screen and (min-width:768px) {
/** [ TABLET ]  [ PC ] **/
	a {
		text-decoration: none;
	}
	a:hover img {
		opacity     : 0.6;
		filter      : alpha(opacity=60);
		-moz-opacity: 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
}






/* ***********************************************************************
    8 : Space (margin, padding, etc)
*********************************************************************** */
/****************
   MARGIN TOP
*****************/
/** Basic **/
.mgn_top_0 {
	margin-top: 0!important;
}
.mgn_top_4 {
	margin-top: 4px;
}
.mgn_top_8 {
	margin-top: 8px;
}
.mgn_top_12 {
	margin-top: 12px;
}
.mgn_top_16 {
	margin-top: 16px;
}
.mgn_top_24 {
	margin-top: 24px;
}
.mgn_top_32 {
	margin-top: 32px;
}
.mgn_top_40 {
	margin-top: 40px;
}
.mgn_top_48 {
	margin-top: 48px;
}
.mgn_top_56 {
	margin-top: 56px;
}
.mgn_top_64 {
	margin-top: 64px;
}

/****************
   MARGIN BOTTOM
*****************/
.mgn_btm_32 {
	margin-bottom: 32px;
}



/* ***********************************************************************
	9 : Clear
*********************************************************************** */
.clearfix:after {
  content: "";
  display: block;
  clear  : both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear  : both;
} 
.clearfix {
  display: block;
}



/* ***********************************************************************
	10 : UnderConst
*********************************************************************** */
#underConst {
	display   : block;
	width     : 80%;
	min-height: 24px;
	height    : auto;
	margin    : 40px auto 0;
	padding   : 48px 0;
	color     : #ccc;
	text-align: center;
	border    : solid 2px #ccc;
}
#underConst p.bigger {
	font-family: "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	text-align : center;
	font-size  : 18px;
	line-height: 24px;
}
#underConst p {
	width: 100%;
}

@media screen and (min-width: 768px) {
/** [ TABLET ]  [ PC ] **/
	#underConst {
		width    : 400px;
		margin   : 80px auto 0;
		padding  : 56px 0;
		font-size: 20px;
	}
}


/**************************
   beforeOpen [ SP ]
**************************/
#beforeOpen01 {
	width : 86%;
	height: auto;
	margin: -30px auto 10px;
}
#beforeOpen02 {
	position: absolute;
	display : inline-block;
	top     : 125px;
	left    : 5%;
	transform: translate(0, -5%);
	height  : 30px;
	width   : auto;
	z-index : 50;
}
@media screen and (min-width: 768px) {
/** [ TABLET / PC ] **/
	#beforeOpen01 {
		position: absolute;
		top     : -40px;/*-170px*/
		right   : -88px;
		width   : 324px;
		height  : 324px;
		margin  : 0;
		z-index : 10;
	}
	#beforeOpen02 {
		top      : 165px;
		left     : 85px;
		transform: none;
		height   : 40px;
	}
}