@charset "UTF-8";
/* ***********************************************************************
    Shimura Orthopaedic Clinic - <Common>
*********************************************************************** */
/*
    1 : Initialize (html5)
    2 : Format (header, wrapper, footer, etc.)
    3 : Text  (h1~, p, etc.)
    4 : Space (margin, padding, etc)
	5 : Frequent Parts (rightLink, LIST, page-top, etc.)
	6 : Behavior (transition)
	7 : Table
	8 : Clear
	9 : 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.)
*********************************************************************** */
* {
	font-size               : 16px; /* 基準のフォントサイズを16pxとする */
    -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */
}
body {
	-webkit-text-size-adjust: none;
	color                   : #333;
	font-family             : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	text-align              : center;
}
/* ******************************************
	COMMON
******************************************* */
/**[ SP ]**/
/**[ OUTER FRAME ]**/
#greeting header,
#subjects header,
#rehabili header,
#facility header,
#access header,
#news header,
#recruit header,
#daycare header {
	background-color: #fffcf0;
}
#greeting main,
#subjects main,
#rehabili main,
#facility main,
#access main,
#news main,
#recruit main,
#daycare main {
	background     : url(../images/bg_lower_s.gif) left top repeat-x;
	background-size: 204px auto;
	padding-top    : 32px;
	padding-bottom : 100px;
}
header,
main,
footer {
	width     : 100%;
	height    : auto;
	text-align: center;
}
/**[ INNER FRAME ]**/
header .innerBox {
	height    : 80px;
	text-align: left;
}
header .innerBox,
main .innerBox,
footer .innerBox {
	position    : relative;
	display     : block;
	width       : 90%;
	margin-left : auto;
	margin-right: auto;
}
#greeting main .innerBox,
#subjects main .innerBox,
#rehabili main .innerBox,
#facility main .innerBox,
#access main .innerBox,
#news main .innerBox,
#recruit main .innerBox,
#daycare main .innerBox {
	background      : url(../images/h1_bg_s.jpg) right top no-repeat;
	background-size : auto 100px;
	background-color: #fff;
	text-align      : center;
	font-size       : 16px;
	line-height     : 2.0;
}
#daycare main .innerBox {
	background-image: none;
	padding-top: 60px;
}
/**[ h1 SITE NAME ]**/
h1#siteName {
	position  : absolute;
	left      : 0;
	top       : 0;
	background: url(../images/bg_h1_siteName.png) left top repeat-x; /*白背景*/
	z-index   : 100;
	text-align: center;
}
/*TOP*/
#home h1#siteName {
	background-size: 168px 146px;
	width     : 168px;
	height    : 146px;
}
#home h1#siteName a {
	display: block;
	width  : 90%;
	height : 88px;
	padding: 19px 5% 39px;
	margin : 0 auto;
}
#home h1#siteName a img {
	display: inline-block;
	width  : auto;
	height : 88px;
}
/*下改装*/
#greeting h1#siteName,
#subjects h1#siteName,
#rehabili h1#siteName,
#facility h1#siteName,
#access h1#siteName,
#news h1#siteName,
#recruit h1#siteName,
#daycare h1#siteName {
	background-size: 120px 102px;
	width     : 120px;
	height    : 102px;
}
#greeting h1#siteName a,
#subjects h1#siteName a,
#rehabili h1#siteName a,
#facility h1#siteName a,
#access h1#siteName a,
#news h1#siteName a,
#recruit h1#siteName a,
#daycare h1#siteName a {
	display: block;
	width  : 90%;
	height : 56px;
	padding: 8px 5% 38px;
	margin : 0 auto;
}
#greeting h1#siteName a img,
#subjects h1#siteName a img,
#rehabili h1#siteName a img,
#facility h1#siteName a img,
#access h1#siteName a img,
#news h1#siteName a img,
#recruit h1#siteName a img,
#daycare h1#siteName a img {
	display: inline-block;
	width  : 100%;
	height : auto;
} 
@media (min-width:896px) {
/**[ PC ]**/
	/**[ OUTER FRAME ]**/
	#greeting main,
	#subjects main,
	#rehabili main,
	#facility main,
	#access main,
	#news main,
	#recruit main,
	#daycare main {
		background     : url(../images/bg_lower_p.gif) left top repeat-x;/*パターン柄*/
		background-size: 400px auto;
		padding-top    : 100px;
		padding-bottom : 80px;
	}
	/**[ INNER FRAME ]**/
	header .innerBox {
		position : relative;
		height   : 160px;
		min-width: 984px;
		max-width: 1280px;
	}
	main .innerBox,
	footer .innerBox {
		min-width    : 984px;
		max-width    : 1080px;
	}
	#greeting main .innerBox,
	#subjects main .innerBox,
	#rehabili main .innerBox,
	#facility main .innerBox,
	#access main .innerBox,
	#news main .innerBox,
	#recruit main .innerBox,
	#daycare main .innerBox {
		background      : url(../images/h1_bg_p.jpg) left top no-repeat;
		background-size : 100% auto;
		background-color: #fff;
		min-width       : 984px;
		max-width       : 1080px;
		width: auto;
		height          : auto;
		padding         : 0 100px 80px;
		line-height     : 2.25;
	}
	#daycare main .innerBox {
		background-image: none;
		padding-top: 80px;
	}
	/**[ h1 SITE NAME ]**/
	#home h1#siteName,
	#greeting h1#siteName,
	#subjects h1#siteName,
	#rehabili h1#siteName,
	#facility h1#siteName,
	#access h1#siteName,
	#news h1#siteName,
	#recruit h1#siteName,
	#daycare h1#siteName {
		background-repeat: no-repeat;
		background-size  : 264px 228px;
		width : 264px;
		height: 228px;
		
		margin-left: 4%;
	}
	#home h1#siteName a,
	#greeting h1#siteName a,
	#subjects h1#siteName a,
	#rehabili h1#siteName a,
	#facility h1#siteName a,
	#access h1#siteName a,
	#news h1#siteName a,
	#recruit h1#siteName a,
	#daycare h1#siteName a {
		width  : 230px;
		height : 140px;
		padding: 22px 17px 66px 17px;
	}
	#home h1#siteName a img,
	#greeting h1#siteName a img,
	#subjects h1#siteName a img,
	#rehabili h1#siteName a img,
	#facility h1#siteName a img,
	#access h1#siteName a img,
	#news h1#siteName a img,
	#recruit h1#siteName a img,
	#daycare h1#siteName a img {
		width : 230px;
		height: auto;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#greeting,
	#subjects,
	#rehabili,
	#facility,
	#access,
	#news,
	#recruit,
	#daycare {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left : 0;
		padding-right: 0;
	}
	/**[ INNER FRAME ]**/
	header .innerBox,
	main .innerBox,
	footer .innerBox {
		padding-left : 0;
		padding-right: 0;
	}
	#greeting main .innerBox,
	#subjects main .innerBox,
	#rehabili main .innerBox,
	#facility main .innerBox,
	#access main .innerBox,
	#news main .innerBox,
	#recruit main .innerBox,
	#daycare main .innerBox {
		background-position: right top;
		background-size    : auto 200px;
		background-color   : #fff;
		padding            : 0 20px 80px;
		overflow           : hidden;
	}
	#daycare main .innerBox {
		background-image: none;
		padding-top: 80px;
	}
	/**[ h1 SITE NAME ]**/
	#home h1#siteName,
	#greeting h1#siteName,
	#subjects h1#siteName,
	#rehabili h1#siteName,
	#facility h1#siteName,
	#access h1#siteName,
	#news h1#siteName,
	#recruit h1#siteName,
	#daycare h1#siteName {
		margin-left: 0;
	}
}


/* ******************************************
	FOOTER
******************************************* */
#bg_illust {
	position        : relative;
	background      : url(../images/ftr_bg_illust.png) center bottom repeat-x;
	background-size : auto 160px;
	background-color: #a2cde6;
	width           : 100%;
	padding-bottom  : 80px;
	text-align      : center;
}
#bg_illust h6#ftr_mark {
	position         : absolute;
	top              : -20px;
	left             : 50%;
	margin-right     : -50%;
	-webkit-transform: translate(-50%, -20px); /* Safari用 */
	transform        : translate(-50%, -20px);	
	width            : auto;
	height           : 90px;
}
#bg_illust h6#ftr_mark img {
	width : auto;
	height: 90px;
}
#footerAdd {
	display   : block;
	width     : 100%;
	height    : 1.0;
	margin-top: 78px;
	color     : #fff;
	font      : bold 11px/1.0 Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#footerAdd address {
	font-style: normal;
}

/****/
footer .innerBox {
	padding-top: 80px;
}
footer .leftColumn,
footer .rightColumn {
	width : 100%;
}
footer .leftColumn h6,
footer .rightColumn h6 {
	width      : 100%;
	height     : 1.0;
	text-align : left;
	color      : #333;
	font-size  : 20px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	line-height: 1.0;
}
/**[ leftColumn ]**/
#telGeneral,
#telRehabili {
	display: block;
	width  : 100%;
	height : auto;
}
#telGeneral img,
#telRehabili img {
	width : 100%;
	height: auto;
}
#telRehabili {
	margin-top   : 4px;
	margin-bottom: 16px;
}
footer .normalList {
	margin-left: 3px;
	font-size  : 14px;
}
footer .normalList li {
	width: 100%;
	white-space: normal;
	margin: 0;
}
footer .pleaseCheck {
	text-align    : left;
	font-family   : "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight   : bold;
	letter-spacing: normal;
	margin-left   : 4px;
	margin-top    : 8px;
	font-size     : 16px;
	line-height   : 1.5;
}
footer .pleaseCheck a,
footer .pleaseCheck a:visited {
	color: #e53f95;
}
footer .pleaseCheck a:hover {
	text-decoration: none;
}
/**[ rightColumn ]**/
footer .rightColumn {
	margin-top: 30px;
}
footer .rightColumn h6 {
	display: none;
}
#ftrMap {
	width : 100%;
	height: 240px;
}
#jusho {
	margin-top    : 16px;
	text-align    : center;
	color         : #333;
	font          : bold 17px/1.0 "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	letter-spacing: normal;
}
#toGoogleMap {
	margin-top    : 10px;
	font-weight   : bold;
	font-size     : 14px;
	letter-spacing: normal;
}
@media (min-width:896px) {
/**[ PC ]**/
	#bg_illust {
		background-size : auto 235px;
		background-color: #a2cde6;
		padding-bottom  : 120px;
	}
	#bg_illust h6#ftr_mark {
		position         : absolute;
		top              : -24px;
		left             : 50%;
		margin-right     : -50%;
		-webkit-transform: translate(-50%, -24px); /* Safari用 */
		transform        : translate(-50%, -24px);	
		width            : auto;
		height           : 125px;
	}
	#bg_illust h6#ftr_mark img {
		width : auto;
		height: 125px;
	}
	#footerAdd {
		font-size : 12px;
	}	
	/****/
	footer .innerBox {
		padding-top: 110px;
	}
	footer .leftColumn,
	footer .rightColumn {
		float: left;
		width: 520px;
	}
	footer .leftColumn h6,
	footer .rightColumn h6 {
		font-size: 24px;
	}
	/**[ leftColumn ]**/
	#telGeneral {
		width  : 520px;
		height : 57px;
		padding: 24px 0;
	}
	#telGeneral img {
		max-width : 520px;
		width     : auto;
		max-height: 57px;
		height    : auto;
	}
	#telRehabili {
		width        : 520px;
		height       : 44px;
		text-align   : left;
		margin-bottom: 20px;
	}
	#telRehabili span {
		float      : left;
		width      : 144px;
		height     : 44px;
		color      : #333;
		font-size  : 125%;
		font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
		line-height: 44px;
		letter-spacing: -1px;
	}
	#telRehabili img {
		float : right;
		height: 42px;
		width : 375px;
	}
	footer .normalList {
		margin-left: 4px;
	}
	footer .normalList li {
		background-position: 0 6px;
		margin-top         : 2px;
		padding-left       : 14px;
		line-height        : 1.5;
		white-space        : nowrap;
	}
	/**[ rightColumn ]**/
	footer .rightColumn {
		margin-top : 0;
		margin-left: 40px;
	}
	footer .rightColumn h6 {
		display: block;
	}
	#ftrMap {
		/*height: 340px;*/
		height    : 406px;
		margin-top: 24px;
	}
	#jusho {
		font-size: 18px;
	}
	#jusho .pcImg {
		display: inline;
	}
	#toGoogleMap {
		margin-top : 10px;
		font-weight: bold;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	footer .leftColumn{
		width: 48%;
	}
	footer .rightColumn {
		float: right;
		width: 48%;
	}
	/**[ leftColumn ]**/
	#telGeneral,
	#telGeneral img {
		max-width : 520px;
		max-width : 100%;
		width     : auto;
		max-height: 57px;
		height    : auto;
	}
	#telRehabili {
		max-width : 520px;
		max-width : 100%;
		width     : auto;
		max-height: 44px;
		height    : auto;
		text-align: left;
		margin-bottom: 20px;
	}
	#telRehabili span {
		max-width  : 144px;
		max-width  : 28%;
		width      : auto;
		max-height : 44px;
		height     : auto;
		color      : #333;
		font-size  : 125%;
		line-height: 2.2em;
	}
	#telRehabili img {
		max-height: 44px;
		height    : auto;
		max-width : 376px;
		max-width : 72%;
		width     : auto;
	}
	footer .normalList li {
		white-space: normal;
	}
	/**[ rightColumn ]**/
	footer .rightColumn {
		margin-left: 0;
	}
}



/* ***********************************************************************
    3 : Text  (h1~, p, etc.)
*********************************************************************** */
/********************************
	H1 ページタイトル
********************************
( h1#siteName → 2 : Format内 )*/

h1#pageTitle {
	width         : 93.5%;
	height        : 100px;
	margin-bottom : 28px;
	padding-left  : 5.9%;
	border-left   : solid 4px #ee7700;
	text-align    : left;
	font          : normal 24px/100px "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 1px;
}
@media (min-width:896px) {
	h1#pageTitle {
		width        : 1080px;
		height       : 200px;
		margin-bottom: 56px;
		padding-left : 0;
		border-left  : none;
		font-size    : 36px;
		line-height  : 200px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	h1#pageTitle {
		max-width: 1080px;
	}
}
/**************************
	H2 大見出し
**************************/
h2 {
	border-top     : solid 2px #ee7700;
	background     : url(../images/h2_accent.gif) center top no-repeat;
	background-size: 36% 4px;
	width          : 100%;
	height         : auto;
	padding        : 23px 0 25px;
	text-align     : center;
	font           : normal 23px/25px "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing : 0.01em;
}
@media (min-width:896px) {
	h2 {
		border-top     : solid 3px #ee7700;
		background-size: 0 0;
		background-size: 140px 6px;
		padding        : 34px 0 32px;
		font           : normal 32px/1.0 "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	#greeting h2,
	#access h2#h202 {
		margin-bottom: 8px;
	}
}


/**************************
	H3 中見出し
**************************/
h3 {
	background     : url(../images/h2_accent.gif) left top no-repeat;
	background-size: 3px 24px;
	/*width          : 90%;*/
	width: 94%;
	min-height     : 24px;
	height         : auto;
	margin-top     : 48px;
	margin-bottom  : 24px;
	padding-left   : 6%;
	padding-bottom : 8px;
	text-align     : left;
	font           : normal 20px/1.25 "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom  : solid 1px #bdbdbd;
}
h3:first-child {
	margin-top: 0;
}
@media (min-width:896px) {
	h3 {
		background-size: 4px 32px;
		width          : auto;
		min-height     : 32px;
		height         : auto;
		padding        : 0 0 4px 18px;
		font-size      : 24px;
	}
}

/**************************
	H4 小見出し
**************************/
h4 {
	width         : 99%;
	margin        : 40px 0 20px;
	padding-left  : 1%;
	padding-bottom: 8px;
	text-align    : left;
	font          : normal 19px/1.25 "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-bottom : solid 1px #ee7700;
}
@media (min-width:896px) {
	h4 {
		font-size: 20px;
	}
}

/******************************
	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;
}
.align_center {
	text-align: center;
}
.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; }

.minchoh {
	font-family: "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

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


/*******************
  TEXT COLOR
********************/
.black { color: #333; }
.right_gray { color: #999; }
.red { color: #F00; }
.pink { color: #e53f95; }
.orange { color: #ee7700; }
.white { color: #fff; }

/****************
  TEXT INDENT
*****************/
.indent-1 {
	padding-left: 1em;
	text-indent : -1em;
}
@media (min-width:896px) {
	.indent8 {
		width: auto;
		margin-left : 8px;
		margin-right: 8px;
	}
	.indent16 {
		width: auto;
		margin-left : 16px;
		margin-right: 16px;
	}
}
/**************
	   BR
***************/
.br {
	display: inline;
}
.brSP {
	display: block;
}
/**[ NO br ]**/
.no_br {
	word-break: keep-all;
}
@media (min-width:896px) {
	.br {
		display: block;
	}
	.brSP {
		display: inline;
	}
}

/*******************
  受付時間下 注釈
********************/
.saturday,
.naikaRemarks {
	text-align    : left;
	font-family   : "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight   : bold;
	letter-spacing: normal;
}
/** saturday **/
.saturday {
	margin-left: 4px;
	margin-top : 8px;
	font-size  : 16px;
}
#subjects main .saturday {
	margin-top: 0;
}
/** naikaRemarks **/
.naikaRemarks {
	color       : #e53f95;
	line-height : 1.5em;
	padding-left: 1em;
	text-indent : -1em;
}
.naikaRemarks:before {
	content:"※";	
}
#timeArea .naikaRemarks {
	margin-top: 8px;
	font-size : 18px;
}

@media (min-width:896px) {
	/** saturday **/
	#timeArea .saturday {
		font-size : 22px;
	}
	footer .saturday {
		margin-left: 3px;
		font-size  : 18px;
	}
	/** naikaRemarks **/
	#timeArea .naikaRemarks {
		margin-left: 3px;
		font-size  : 20px;
		line-height: 1.25;
	}
}


#naikaEnd {
	margin      : 16px auto;
	text-align  : center!important;
	color       : #e53f95;
	font-family : "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size   : 110%;
	font-weight : bold;
	line-height : 1.5em!important;
}





/* ***********************************************************************
    4 : Space (margin, padding, etc)
*********************************************************************** */
/****************
   MARGIN TOP
*****************/
/** Basic **/
.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;
}

/** Sharp **/
.mgn_top_5 {
	margin-top: 5px;
}
.mgn_top_10 {
	margin-top: 10px;
}
.mgn_top_15 {
	margin-top: 15px;
}
.mgn_top_20 {
	margin-top: 20px;
}
.mgn_top_25 {
	margin-top: 25px;
}
.mgn_top_30 {
	margin-top: 30px;
}
.mgn_top_35 {
	margin-top: 35px;
}
.mgn_top_45 {
	margin-top: 45px;
}
.mgn_top_50 {
	margin-top: 50px;
}



/* ***********************************************************************
	5 : Frequent Parts (rightLink, LIST, page-top, etc.)
*********************************************************************** */
/********************
  POSITION
*********************/
.left {
	float: left;
}
.right {
	float: right;
}

.center {
  position: absolute;
  display : inline-block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}


/********************
  RIGHT LINK [ SP ]
*********************/
.rightLink {
	float      : right;
	height     : auto;
	text-align : right;
	font-family: "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 24px;
}
.rightLink img {
	display       : inline-block;
	width         : 6px;
	height        : auto;
	padding-bottom: 7px;
	margin-left   : 4px;
	vertical-align: middle;
}
@media (min-width:896px) {
	/********************
	  RIGHT LINK [ PC ]
	*********************/
	.rightLink {
		font-size  : 16px;
		line-height: 24px;
	}
	.rightLink img {
		width         : 8px;
		height        : 12px;
		padding-bottom: 6px;
		margin-left   : 8px;
	}
}

/********************
  NORMAL LIST
*********************/
.normalList {
	margin-top     : 1em;
	margin-bottom  : 1em;
	list-style-type: none;
}
.normalList li {
	background     : url(../images/bullet.png) 2px 0.5em no-repeat;
	background-size: 8px 8px;
	margin-top     : 12px;
	padding-left   : 18px;
	line-height    : 1.5;
	text-align     : left;
}
.normalList li:first-child {
	margin-top: 0;
}
.normalList li.graybullet {
	background: none;
	background: url(../images/bullet_gray.png) 2px 0.5em no-repeat;
	background-size: 8px 8px;
}

@media (min-width:896px) {
	.normalList li {	
		background     : url(../images/bullet.png) 0 12px no-repeat;
		background-size: 8px 8px;
		margin-top     : 8px;
		margin-left    : 0.5em;
		padding-left   : 18px;
		line-height    : 2.0;
	}
	.normalList li.graybullet {
		background: none;
		background: url(../images/bullet_gray.png) 0 12px no-repeat;
		background-size: 8px 8px;
	}
}


/********************
  KOME LIST
*********************/
.komeList {
	width      : 100%;
	height     : auto;
	margin-top : 16px;
	/*font-size  : 14px;*/
	font-size  : 15px;
	line-height: 22px;
	text-align : left;
}
.komeList li {
	padding-left: 1em;
	text-indent : -1em;
}
.komeList li:before {
	content:"※";	
}


/********************
	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 (min-width:896px) {
	/********************
		PAGE TOP [ PC ]
	*********************/
	#page-top {
		bottom: 4px;
		right : 32px;
	}
	#page-top a:hover {
		opacity : 0.6;
		filter  : alpha(opacity=60);
	}
}




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


/**************************
   IMG ON MOUSE [ SP ]
**************************/
a:hover img {
	opacity: 1;
	filter : alpha(opacity=100);
}
@media (min-width:896px) {
	/**************************
	   IMG ON MOUSE [ 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;
	}
}





/* ***********************************************************************
	7 : Table
*********************************************************************** */


/* ***********************************************************************
	8 : Clear
*********************************************************************** */
.clear {
	clear: both;
}
.clearfix:after {
	content   : "."; 
	display   : block; 
	height    : 0; 
	clear     : both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ***********************************************************************
	9 : UnderConst
*********************************************************************** */
#underConst {
	width     : 80%;
	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;
}
#underConst p {
	width: 100%;
}

.yetImg {
	opacity     : 0.3;
	filter      : alpha(opacity=30);
	-moz-opacity: 0.3;
}
@media (min-width:896px) {
	/**************************
		UnderConst [ 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 (min-width:896px) {
	/**************************
		beforeOpen [ 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;
	}
}