/* ヘッダー
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	margin: 0 6%;
	padding: 2em 0;
	background-image: url("../images/common/bubbleBg2S.png");
	background-repeat:no-repeat;
	background-position: right top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/bubbleBg2SR2.png");
	background-size: 120px auto;
}
}

/* タイトル
-------------------------------------- */
#mainContent header#mainContentHeader h1 {
	color: #0b1461;
	font-size: 2.1rem;
}
#mainContent header#mainContentHeader p {
	color: #666;
	font-size: 1.1rem;
}

/* faq一覧
-------------------------------------------------------------- */
#mainContent #faqList {
	margin-bottom: 30px;
}
#mainContent #faqList .faqListHeader h1 {
	padding: 0.5em;
	background-color: #656989;
	text-align: center;
	color: #FFFFFF;
}

/* タイトル
-------------------------------------- */
#mainContent #faqList article > header {
	padding: 0.8em 5% 1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d7e0f2), color-stop(0.39, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -moz-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -o-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: -ms-linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	background: linear-gradient(top, #ffffff 39%, #d7e0f2 100%);
	border-top: #0b1461 1px solid;
	border-bottom: #0b1461 1px solid;
	cursor: pointer;
}
#mainContent #faqList article > header h1 {
	background-image: url("../images/common/stepOpen_off.png");
    background-position: right center;
    background-repeat: no-repeat;
}
#mainContent #faqList article > header h1 span.number {
    color: #0B1461;
    display: block;;
	font-size: 2.4rem;
	color: #7782e2;
}
#mainContent #faqList article > header h1 span.text {
	color: #444444;
    display: block;
    padding: 0 20px;
	
	font-size: 1.3rem;
	color: #0b1461;
}
#mainContent #faqList article > .main {
	display: none;
}

/* 答え
-------------------------------------- */
#mainContent #faqList article .main .iconA {
	background-image: url("../images/common/answerTtl.png");
    background-position: 15px top;
    background-repeat: no-repeat;
    color: #444444;
    font-size: 1.7rem;
    overflow: hidden;
	padding-top: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main .iconA {
	background-image: url("../images/common/answerTtlR2.png");
	background-size: 37px auto;
}
}
#mainContent #faqList article .main .iconA > p span {
	display: block;
	padding: 15px 6% 0;
	margin: 0 8px;
}
#mainContent #faqList article .main dl.answer dt.cause {
	border-top: solid 1px #FFFFFF;
	background-color: #E6EDFC;
	padding: 0.5em 5% 0.5em 19%;
	color: #0B1461;
	font-size: 1.2rem;
	font-weight: bold;
}
#mainContent #faqList article .main dl.answer dt.open {
	cursor: pointer;
}
#mainContent #faqList article .main dl.answer dt.open span {
	display: list-item;
	padding-right: 20px;
	background-image: url("../images/common/stepOpen_off.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-left: medium none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dt.open span {
	background-image: url("../images/common/stepOpenR2_off.png");
	background-size: 14px auto;
}
}

#mainContent #faqList article .main dl.answer > dd {
	display: none;
	font-size: 1.7rem;
	margin: 20px 8%;
}
#mainContent #faqList article .main dl.answer dd ul li {
	color: #444444;
    font-size: 1.6rem;
    padding: 0 0 0.5em 1em;
    text-indent: -1em;
}
#mainContent #faqList article .main dl.answer dd ul li  a {
	text-decoration: underline;
}
#mainContent #faqList article .main dl.answer dd ul li a:hover {
	text-decoration: none;
}
#mainContent #faqList article .main dl.answer dd ul li ul {
	margin-top: 7px;
}
#mainContent #faqList article .main dl.answer dd ul li ul li {
	padding: 0 0 0.3em 0.3em;
}
#mainContent #faqList article .main dl.answer dd dl.step {
	background-color: #F3F3F3;
    border-radius: 5px;
    margin-top: 10px;
	overflow: hidden;
}
#mainContent #faqList article .main dl.answer dd dl.step dt {
	padding: 0.6em 18px;
    cursor: pointer;
}
#mainContent #faqList article .main dl.answer dd dl.step dt span {
	display: block;
	background-image: url("../images/common/stepOpen_off.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-left: medium none;
    color: #444444;
    font-size: 1.7rem;
    font-weight: bold;
    margin: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd dl.step dt span {
	background-image: url("../images/common/stepOpenR2_off.png");
	background-size: 14px auto;
}
}
#mainContent #faqList article .main dl.answer dd dl.step dd {
	display: none;
	padding: 15px 10px 10px 10px;
    border-top: 1px solid #666666;
}
#mainContent #faqList article .main dl.answer dd dl.step dd p.stepLink {
	font-size: 1.6rem;
    margin-top: 10px;
    text-align: left;
	float: right;
	padding: 0 0 0.5em 1em;
    text-indent: -1em;
}
#mainContent #faqList article .main dl.answer dd dl.step dd p.stepLink a {
	text-decoration: underline;
}
#mainContent #faqList article .main dl.answer dd dl.step dd p.stepLink a:hover {
	text-decoration: none;
}
#mainContent #faqList article .main dl.answer dd dl.step dd ul li ul li {
	margin-left: 8px;
}
#mainContent #faqList article .main dl.answer dd span.tag{
	 display: inline-block;
	 padding: 0 0.5em;
	 background-color: #8D92BE;
	 border-radius: 2px 2px 2px 2px;
	 color: #FFFFFF;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 {
	margin-top: 20px;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dt{
	border: none;
	font-weight: bold;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dd{
	margin-bottom: 20px;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dd ul {
	margin: 10px 0 10px 20px;
}
#mainContent #faqList article .main dl.answer dd dl.answer2 dd ul li {
    margin-bottom: 11px;
	list-style: inside;
	
}

/* 予約ボタン */
#mainContent #faqList article .main dl.answer dd ul.reserve {
	padding-top: 10px;
	text-align: center;
}
#mainContent #faqList article .main dl.answer dd ul.reserve li {
	display: inline-block;
	margin: 0 1%;
	padding: 0;
	width: 44%;
}
#mainContent #faqList article .main dl.answer dd ul.reserve li a{
	display: block;
	padding: 1em 0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: #d0dbf5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d0dbf5), color-stop(0.01, #deeaff));
	background: -webkit-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	background: -moz-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	text-align: center;
	font-size: 1.6rem;
	text-indent: 0;
}

/* アイテム一覧
-------------------------------------- */
#mainContent #faqList article .main dl.answer dd ul.itemList {
	margin: 25px 0 20px;
	border: solid 1px #ccc;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li {
	border-bottom: solid 1px #ccc;
	text-indent: inherit;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li:last-child {
	border-bottom: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li a {
	display:block;
	overflow:hidden;
	clear:both;
	padding: 15px 6%;
	background-color: #FFF;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .catchphrase {
	font-size: 1.5rem;
	margin: 0 0 4px;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .catchphrase br {
	display: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemImg {
	float: left;
	width: 100px;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemImg:after {
	box-shadow: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo {
	padding-left: 110px;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo h1 {
	padding-bottom: 0.3em;
	color: #0b1461;
	font-size: 1.5rem;
	font-weight: bold;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo p.explanation {
	display: block;
	margin-bottom: 10px;
	color: #444;
	font-size: 1.2rem;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo span.singleLink {
	display: block;
	float:right;
	padding-left: 12px;
	background-image: url("../images/common/sArrowRight.png");
	background-repeat: no-repeat;
	background-position: center left;
	color: #0b1461;
	font-size: 0.9rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo span.singleLink {
	background-image: url("../images/common/sArrowRightR2.png");
	background-size: 7px auto;
}
}

#mainContent #faqList article .main dl.answer dd .consultLink header {
	background-image: url("../images/common/bubbleBg1S.png");
    background-position: 3% center;
    background-repeat: no-repeat;
	background-size: 50px auto;
	font-size: 1.2rem;
    padding: 1.2em 6%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd .consultLink header {
    background-image: url("../images/common/bubbleBg1SR2.png");
}
}
#mainContent #faqList article .main dl.answer dd .consultLink header h1 {
	background: none;
}
#mainContent #faqList article .main dl.answer dd .consultLink ul {
	margin: 0 2%;
}
#mainContent #faqList article .main dl.answer dd .consultLink ul li {
	padding: 0;
	background-color: #d0dbf5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d0dbf5), color-stop(0.01, #deeaff));
	background: -webkit-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	background: -moz-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	border: 0;
	border-radius: 6px;
	position: relative;
	text-indent: inherit;
}
#mainContent #faqList article .main dl.answer dd .consultLink ul li a {
	display: block;
    padding: 1.2em 60px 1.2em 4%;
	text-decoration: none;
}
#mainContent #faqList article .main dl.answer dd .consultLink ul li a:before {
	background-image: url("../images/common/board.png");
    background-position: right center;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 2%;
    top: -11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd .consultLink ul li a:before {
	background-image: url("../images/common/boardR2.png");
	background-size: 50px auto;
}
}
#mainContent #faqList article .main dl.answer dd .consultLink ul li span {
	background-image: url("../images/common/bRightArrow2.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1.6rem;
    padding: 3px 0 3px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article .main dl.answer dd .consultLink ul li span {
	background-image: url("../images/common/bRightArrow2R2.png");
	background-size: 17px auto;
}
}

/* ページトップリンク
-------------------------------------- */
#mainContent #faqList article a.pagetop {
	display: block;
	font-size: 1.4rem;
	padding: 20px 6% 0;
	text-align: right;
	color: #555;
}
#mainContent #faqList article a.pagetop span {
	padding-left: 12px;
	background-image: url("../images/common/sArrowTop.png");
	background-repeat: no-repeat;
	background-position: center left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #faqList article a.pagetop span {
	background-image: url("../images/common/sArrowTopR2.png");
	background-size: 7px auto;
}
}
#mainContent #faqList article a.pagetop span:hover {
	text-decoration: underline;
}

/* リンク一覧
-------------------------------------- */
#mainContent #consultLink {
	background-image: url("../images/common/bubbleBg5B.png");
	background-position: center -15px;
	background-repeat: no-repeat;
	background-size: 85% auto;
    border-radius: 5px;
    margin: 0 4%;
}
#mainContent #consultLink > header {
    margin: 0;
    padding: 1.2em 15px;
}
#mainContent #consultLink > header h1 {
	color: #0B1461;
	text-align: center;
    font-size: 1.8rem;
}
#mainContent #consultLink .box {
	background-color: #EFF5FF;
    border-radius: 6px;
    margin: 0 15px 15px;
    padding: 5px 0 10px;
}
#mainContent #consultLink ul.stylistLink {
	margin: 0 15px 10px;
}
#mainContent #consultLink ul.stylistLink li a {
	background-color: #d0dbf5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d0dbf5), color-stop(0.01, #deeaff));
	background: -webkit-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	background: -moz-linear-gradient(top, #deeaff 1%, #d0dbf5 100%);
	color: #0B1461;
	border-radius: 5px;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding: 1em 0;
}
#mainContent #consultLink ul.stylistLink li a span {
	display: block;
	margin: 0 5%;
	padding: 4px 0 4px 25px;
	background-repeat: no-repeat;
}
#mainContent #consultLink ul.stylistLink li a span {
	background-image: url("../images/common/linkIconB.png");
	background-position: left center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #consultLink ul.stylistLink li a span {
	background-image: url("../images/common/linkIconBR2.png");
	background-size: 17px auto;
}
}
#mainContent #consultLink .box header {
	margin-bottom: 0;
    padding: 1em 3%;
}
#mainContent #consultLink .box header h1 {
	background: none;
    color: #666666;
    font-size: 1.7rem;
    font-weight: bold;
	line-height: 1em;
}
#mainContent #consultLink .box header h1 span{
	font-size: 1.3rem;
}

#mainContent #consultLink .box nav {
	padding: 0 5%;
}
#mainContent #consultLink .box nav ul {
}
#mainContent #consultLink .box nav ul li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eeeeee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eeeeee 100%);
	background: linear-gradient(top, #fff 0%, #eeeeee 100%);
	border: 2px solid #ddd;
	border-radius: 6px;
	margin: 0 0 6px 0;
}
#mainContent #consultLink .box nav ul li a {
	display: block;
    padding: 1.2em 2% 1.2em 4%;
}
#mainContent #consultLink .box nav ul li span {
	background-image: url("../images/common/sArrowRight.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1.4rem;
    padding: 0 0 0 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #consultLink .box nav ul li span {
	background-image: url("../images/common/sArrowRightR2.png");
	background-size: 7px auto;
}
}

#mainContent #consultLink .box nav ul li span.blank {
	font-size: 1.4rem;
	background-image: url("../images/common/linkIconB.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #consultLink .box nav ul li span.blank {
	background-image: url("../images/common/linkIconBR2.png");
	background-size: 17px auto;
}
}
#mainContent #consultLink .box nav ul li span strong {
	font-weight: bold;
}
#mainContent #consultLink .box dl {
	font-size: 1.5rem;
    margin: 0 5%;
}
#mainContent #consultLink .box dl dt,
#mainContent #consultLink .box dl dd {
	margin-bottom: 0.6em;
}
#mainContent #consultLink .box dl dt a {
	text-decoration: underline;
}
#mainContent #consultLink .box dl dt a:hover {
	text-decoration: none;
}

/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea {
	display: table;
	margin:0 5% 10px;
	width: 90%;
}
#mainContent ul#goodsLinkArea li {
	display: table-cell;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f1f1), color-stop(0.01, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 1%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #ffffff 1%, #f1f1f1 100%);
	vertical-align: middle;
}
#mainContent ul#goodsLinkArea li.pagePrevLink {
	width: 20%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}
#mainContent ul#goodsLinkArea li.archiveLink {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#mainContent ul#goodsLinkArea li.pageNextLink {
	width: 20%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}
#mainContent ul#goodsLinkArea li a {
	display: block;
	padding: 1em 0;
	text-align: center;
	color: #666;
}


@media screen and (min-width: 768px) {
#mainContent > section {
	margin: 0 6%;
}

/* タイトル
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	margin: 0;
	background-image: url("../images/common/bubbleBg2B.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/bubbleBg2BR2.png");
	background-size: 168px auto;
}
}
#mainContent header#mainContentHeader h1 {
	font-size: 4rem;
}
#mainContent header#mainContentHeader p {
	font-size: 1.5rem;
}
#mainContent header#mainContentHeader p br{
	display:none;
}

/* faq一覧
-------------------------------------------------------------- */
#mainContent #faqList {
	border: solid 2px #656989;
    border-radius: 5px;
}

/* タイトル
-------------------------------------- */
#mainContent #faqList article header h1 span.text {
    padding: 0 3%;
}

/* 答え
-------------------------------------- */
#mainContent #faqList article .main .iconA {
    background-position: 15px top;
}
#mainContent #faqList article .main .iconA > p span {
	padding: 15px 3% 0;
}
/* 答え
-------------------------------------- */
#mainContent #faqList article .main .iconA {
	background-image: url("../images/common/answerTtl.png");
    background-position: 15px top;
    background-repeat: no-repeat;
    color: #444444;
    font-size: 1.7rem;
    overflow: hidden;
	padding-top: 15px;
}
#mainContent #faqList article .main dl.answer dt.cause {
	padding-left: 12%;
}


/* 予約ボタン */
#mainContent #faqList article .main dl.answer dd ul.reserve {
	margin: 0 10%;
}

/* アイテム一覧
-------------------------------------- */
#mainContent #faqList article .main dl.answer dd ul.itemList {
	overflow: hidden;
	border: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li {
	float: left;
	padding: 0;
	width: 44%;
	margin-bottom: 5px;
	border: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li:last-child {
	border: none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li.even {
	float: right;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li a{
	width:100%;
	padding:0;
	border:none;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .catchphrase {
	font-size: 1.9rem;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemImg {
	float: inherit;
	width: 99%;
	margin-bottom: 10px;
	border: solid 1px #eee;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li span {
	display: block;
	border: solid 4px #FFF;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo {
	padding: 0;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo h1 {
    font-size: 1.9rem;
}
#mainContent #faqList article .main dl.answer dd ul.itemList li .itemInfo span.singleLink {
	font-size: 1.1rem;
}

/* ページトップリンク
-------------------------------------- */
#mainContent #faqList article a.pagetop {
	padding-left: 0;
	padding-right: 0;
}

/* リンク一覧
-------------------------------------- */
#mainContent #consultLink {
	background-position: center -100px;
}
#mainContent #consultLink > header {
	padding: 2.5em 0 1.5em;
}
#mainContent #consultLink > header h1 {
	font-size: 2.2rem;
}
#mainContent #consultLink > header h1 br {
	display: none;
}
#mainContent #consultLink .box nav ul li span br {
	display: none;
}
#mainContent #consultLink ul.stylistLink {
    margin: 0 30px 10px;
}
#mainContent #consultLink ul.stylistLink li a {
	font-size: 1.8rem;
}
#mainContent #consultLink ul.stylistLink li a span {
    padding: 0 0 0 25px;
}
#mainContent #consultLink .box {
    margin: 0 30px 30px;
}

/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea li.pagePrevLink {
	width: 10%;
}
#mainContent ul#goodsLinkArea li.pageNextLink {
	width: 10%;
}
#mainContent ul#goodsLinkArea li a {
	padding: 0.8em 0;
	font-size: 1.4rem;
}

}


@media screen and (min-width: 1024px) {
#mainContent > section {
	margin: 0 auto;
	width: 920px;
}

/* 親ページリンク
-------------------------------------------------------------- */
#mainContent ul#goodsLinkArea {
	margin-left: auto;
    margin-right: auto;
    width: 920px;
}


}