/* ヘッダー
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6e0f2), color-stop(0.00, #fff));
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), -webkit-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), -moz-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), -o-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), -ms-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png"), linear-gradient(#fff, #d6e0f2);
	background-repeat: no-repeat, no-repeat, no-repeat, repeat;
	background-position: 85% bottom, 95% top, 67% 60%, top left;
	background-size: 85px auto, 120px auto, 60px auto, 100% 100%;
	border-bottom: 1px solid #0B1461;
    margin: 0 0 3em;
    padding: 2em 0 3em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6e0f2), color-stop(0.00, #fff));
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), -webkit-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), -moz-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), -o-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), -ms-linear-gradient(#fff, #d6e0f2);
	background-image: url("../images/common/stylistSalonQAR2.png"), url("../images/common/bubbleBg2SR2.png"), url("../images/common/bubbleBg1BR2.png"), linear-gradient(#fff, #d6e0f2);
	background-size: 85px auto, 120px auto, 60px auto, 100% 100%;
}
}


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


/* コンテンツ
-------------------------------------------------------------- */


/* リンク一覧
-------------------------------------- */
#mainContent #linkList {
	margin-bottom: 30px;
}
#mainContent #linkList div nav {
	padding: 0 6%;
	overflow: hidden;
}
#mainContent #linkList .stylistSalonLink {
	margin: 0 0 20px 0;
}
#mainContent #linkList .stylistSalonLink li {
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
	float: left;
	padding: 0 0.5em 1.5em;
	width: 45%;
	position: relative;
}
#mainContent #linkList .stylistSalonLink li.first {
	z-index: 1;
}
#mainContent #linkList .stylistSalonLink li.last {
	float: right;
}
#mainContent #linkList .stylistSalonLink li header {
	font-size: 1.2rem;
	font-style: italic;
	padding: .5em 0;
	text-align: center;
}
#mainContent #linkList .stylistSalonLink li span.subTitle {
	background-color: #0B1461;
	background-image: url("../images/common/sArrowRight3.png");
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #ffffff;
	display: block;
	padding: 0.5em 0.7em 0.5em 1.7em;
	position: absolute;
	bottom: 5px;
	right: -7px;
	
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #linkList .stylistSalonLink li span.subTitle {
	background-image: url("../images/common/sArrowRight3R2.png");
	background-size: 7px auto;
}
}




#mainContent #linkList .consultLink {
	clear: both;
	position: relative;
}
#mainContent #linkList .consultLink .board {
	position: absolute;
	background-image: url("../images/common/board.png");
	background-position: right center;
    background-repeat: no-repeat;
	height: 60px;
	width: 50px;
	right: 10%;
	bottom: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #linkList .consultLink .board {
	background-image: url("../images/common/boardR2.png");
	background-size: 50px auto;
}
}
#mainContent #linkList .consultLink nav ul li {
	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: 2px solid #fff;
	border-radius: 6px;
	box-shadow: 0 0 5px #ddd;
}
#mainContent #linkList .consultLink nav ul li a {
	display: block;
    padding: 1.2em 4%;
}
#mainContent #linkList .consultLink nav ul li span {
	background-image: url("../images/common/circleArrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1.2rem;
    padding: 0 0 0 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #linkList .consultLink nav ul li span {
	background-image: url("../images/common/circleArrowR2.png");
	background-size: 20px auto;
}
}



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

/* タイトル
-------------------------------------------------------------- */
#mainContent header#mainContentHeader {
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 86% bottom, 95% top, 75% 60%;
	background-size: 120px auto, auto auto, auto auto;
    margin: 0 0 3em;
    padding: 2em 0 7em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent header#mainContentHeader {
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-image: url("../images/common/stylistSalonQA.png"), url("../images/common/bubbleBg2S.png"), url("../images/common/bubbleBg1B.png");
	background-size: 120px auto, auto auto, auto auto;
}
}
#mainContent header#mainContentHeader h1 {
	font-size: 4rem;
	margin: 0;
}
#mainContent header#mainContentHeader h1 br{
	display: none;
}
#mainContent header#mainContentHeader p {
	font-size: 1.5rem;
	margin: 0;
}
#mainContent header#mainContentHeader p br{
	display: none;
}

/* リンク一覧
-------------------------------------- */
#mainContent #linkList {
	margin-bottom: 50px;
}
#mainContent #linkList .stylistSalonLink {
	margin: 0 0 50px 0;
}
#mainContent #linkList .stylistSalonLink li header {
	font-size: 2rem;
}
#mainContent #linkList .stylistSalonLink li {
	padding: 0 1em 3.6em;
	width: 44%;
}
#mainContent #linkList .stylistSalonLink li span.subTitle {
	background-image: url("../images/common/sRightArrow2.png");
	background-position: 15px center;
	padding: 0.5em 1em 0.5em 2em;
	font-size: 1.6em;
	bottom: 14px;
	right: -7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#mainContent #linkList .stylistSalonLink li span.subTitle {
	background-image: url("../images/common/sRightArrow2R2.png");
	background-size: 17px auto;
}
}

#mainContent #linkList .consultLink nav ul li span {
    font-size: 1.8rem;
	padding: 3px 0 3px 25px;
}
#mainContent #linkList .consultLink nav ul li span br {
	display: none;
}

}


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