@charset "UTF-8";


/*
■ 汎用
■ フェアについて
■ おすすめの帽子 目次
■ おすすめの帽子 詳細
■ スタイルブック
■ フッター
*/



/* ■ 汎用 ==================================================================================== */

.Bg1 {
background-color: #fff;
}

.Bg2 {
background-color: #ffc629;
}

.Bg3 {
background-color: #f5f5f3;
}

.WF1 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
}

/* ボタン */
.Btn1,
.Btn2 {
display: inline-block;
border-radius: 30px;
line-height: 1.0em;
text-align: center;
background-repeat: no-repeat;
background-position: 95% 50%;
}

.Btn1 {
border: 2px solid #000;
color: #000 !important;
background-image: url(../img/common_page/Icon_Btn1.png);
}

.Btn2 {
border: 2px solid #e61874;
color: #e61874 !important;
background-image: url(../img/common_page/Icon_Btn2.png);
}

.BtnBuy {
display: inline-block;
border-bottom: 1px solid #e61874;
line-height: 1.0em;
font-weight: 500;
color: #e61874 !important;
background-image: url(../img/common_page/Icon_Cart.png);
background-repeat: no-repeat;
}

/* タグ */
.Tag li {
display: inline-block !important;
float: none !important;
width: auto !important;
position: relative;
line-height: 1.0em;
color: #000;
}

.Tag li:before {
position: absolute;
left: 0;
top: 50%;
border-radius: 50%;
background: #6cc4e9;
content: "";
}

@media only screen and (max-width: 767px) {

	/* ボタン */
	.Btn1,
	.Btn2 {
	width: 320px;
	padding: 14px 0 14px 0;;
	font-size: 114%;
	font-weight: bold;
	background-size: 13px 12px;
	}

	.BtnBuy {
	padding-left: 12px;
	padding-bottom: 3px;
	font-size: 74%;
	background-position: 0 0;
	background-size: 9px 9px;
	}

	.BtnBuy.BtnBuyL {
	padding-left: 22px;
	padding-bottom: 4px;
	font-size: 134%;
	background-position: 0 2px;
	background-size: 15.5px 15.5px;
	}

	/* タグ */
	.Tag li {
	margin-right: 10px;
	padding-left: 13px;
	font-size: 74%;
	}

	.Tag li:before {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	}

}

@media only screen and (max-width: 372px) {
	
	.Btn1,
	.Btn2 {
	width: 280px;
	font-size: 100%;
	}

}



@media print, screen and (min-width: 768px) {

	/* 横幅 */
	.Width1 {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width2 {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width3 {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width4 {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px;
	}

	.Width5 {
	max-width: 660px;
	margin: 0 auto;
	padding: 0 20px;
	}

	/* ボタン */
	.Btn1,
	.Btn2 {
	width: 400px;
	padding: 14px 0 17px 0;;
	font-size: 114%;
	font-weight: 500;
	background-size: 13px 12px;
	}

	.BtnBuy {
	padding-left: 15px;
	padding-bottom: 4px;
	font-size: 80%;
	background-position: 0 0;
	background-size: 10px 10px;
	}

	.BtnBuy.BtnBuyL {
	padding-left: 24px;
	padding-bottom: 4px;
	font-size: 147%;
	background-position: 0 1px;
	background-size: 17px 17px;
	}

	/* タグ */
	.Tag li {
	margin-right: 10px;
	padding-left: 18px;
	font-size: 94%;
	}

	.Tag li:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ フェアについて ==================================================================================== */


/*
共通
キービジュアル
導入
キャンペーン
おすすめの帽子
スタイルBOOK
*/


/* 共通 --------------------------------------------------- */

#PageFair .MdsSubEn {
line-height: 1.0em;
font-weight: 700;
text-align: center;
}

#PageFair .H2Mds {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#PageFair .MdsSubEn {
	margin-bottom: 10px;
	font-size: 120%;
	}

	#PageFair .H2Mds {
	font-size: 154%;
	line-height: 1.6em;
	font-weight: bold;
	}

}

@media print, screen and (min-width: 768px) {

	#PageFair .MdsSubEn {
	margin-bottom: 20px;
	font-size: 187%;
	}

	#PageFair .H2Mds {
	font-size: 187%;
	line-height: 1.6em;
	font-weight: 500;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* キービジュアル --------------------------------------------------- */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	#PageFair #KeyVisual {
	position: relative;
	width: 100%;
	height: 500px;
	background: url(../img/fair/Ph_KeyVisual_PC.jpg) no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	}

	#PageFair #KeyVisual .Logo {
	position: absolute;
	left: 50%;
	top: 8%;
	margin-left: -200px;
	}

	#PageFair #KeyVisual .Logo img {
	width: 400px;
	height: auto;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageFair #KeyVisual {
	height: 800px;
	}

	#PageFair #KeyVisual .Logo {
	margin-left: -320px;
	}

	#PageFair #KeyVisual .Logo img {
	width: 640px;
	height: auto;
	}

}


/* 導入 --------------------------------------------------- */

#PageFair .SectionIntro h2.Mds {
color: #6cc4e9;
}

#PageFair .SectionIntro .SectionSub {
color: #fff;
background: #6cc4e9;
}

@media only screen and (max-width: 767px) {

	#PageFair .SectionIntro {
	padding: 25px 0 0 0;
	}

	#PageFair .SectionIntro .InBox {
	margin: 0 15px;
	}

	#PageFair .SectionIntro h2.Mds {
	margin-bottom: 10px;
	font-size: 140%;
	line-height: 1.7em;
	font-weight: bold;
	}

	#PageFair .SectionIntro .Lead1 {
	margin-bottom: 20px;
	}

	#PageFair .SectionIntro .SectionSub {
	margin-bottom: 30px;
	padding: 22px 15px 5px 15px;
	}

	#PageFair .SectionIntro h3.Mds {
	margin-bottom: 8px;
	font-size: 125%;
	line-height: 1.0em;
	font-weight: bold;
	}

	#PageFair .SectionIntro h4.Mds {
	margin-bottom: 20px;
	font-size: 94%;
	line-height: 1.7em;
	font-weight: bold;
	}

	#PageFair .SectionIntro .DLHori dl {
	margin-bottom: 15px;
	font-size: 94%;
	}

	#PageFair .SectionIntro .DLHori dt {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 15px;
	background: #51a6c9;
	}

	#PageFair .SectionIntro .DLHori dd {
	display: block;
	margin: 0;
	line-height: 1.5em;
	}

}

@media print, screen and (min-width: 768px) {

	#PageFair .SectionIntro {
	padding: 60px 0 40px 0;
	background: url(../img/fair/Ph_Intro.jpg) no-repeat;
	background-position: 100% 60px;
	background-size: 500px 375px;
	}

	#PageFair .SectionIntro .InBox {
	width: 78%;
	padding-top: 50px;
	}

	#PageFair .SectionIntro h2.Mds {
	margin-bottom: 20px;
	font-size: 226%;
	line-height: 1.4em;
	font-weight: 500;
	}

	#PageFair .SectionIntro .Lead1 {
	margin-bottom: 50px;
	color: #6cc4e9;
	}

	#PageFair .SectionIntro .SectionSub {
	padding: 30px 30px 20px 30px;
	}

	#PageFair .SectionIntro h3.Mds {
	margin-bottom: 5px;
	font-size: 180%;
	line-height: 1.0em;
	font-weight: 700;
	}

	#PageFair .SectionIntro h4.Mds {
	margin-bottom: 15px;
	font-size: 107%;
	font-weight: 500;
	}

	#PageFair .SectionIntro .DLHori dl {
	margin-bottom: 5px;
	}

	#PageFair .SectionIntro .DLHori dt {
	width: 14%;
	font-weight: 500;
	text-align: center;
	background: #51a6c9;
	}

	#PageFair .SectionIntro .DLHori dd {
	padding-left: 10px;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageFair .SectionIntro {
	padding: 100px 0 50px 0;
	background-position: 100% 100px;
	background-size: 800px 600px;
	}

	#PageFair .SectionIntro .InBox {
	width: 67%;
	padding-top: 80px;
	}

}


/* キャンペーン --------------------------------------------------- */

#PageFair .SectionCampaign .MdsSubEn {
color: #fff;
}

#PageFair .SectionCampaign h3.Mds {
text-align: center;
}

#PageFair .SectionCampaign .BtnTo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#PageFair .SectionCampaign {
	padding: 40px 15px;
	}

	#PageFair .SectionCampaign .H2Mds {
	margin-bottom: 10px;
	}

	#PageFair .SectionCampaign .LBox,
	#PageFair .SectionCampaign .RBox {
	float: none;
	}

	#PageFair .SectionCampaign .LBox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cf9d13;
	}

	#PageFair .SectionCampaign .Photo {
	margin-bottom: 10px;
	}

	#PageFair .SectionCampaign h3.Mds {
	margin-bottom: 10px;
	font-size: 107%;
	font-weight: bold;
	}

	#PageFair .SectionCampaign .Lead1 {
	margin-bottom: 10px;
	}

	#PageFair .SectionCampaign .BtnTo {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageFair .SectionCampaign {
	padding: 60px 0;
	}

	#PageFair .SectionCampaign .LBox,
	#PageFair .SectionCampaign .RBox {
	width: 50%;
	}

	#PageFair .SectionCampaign .LBox {
	padding-right: 50px;
	border-right: 1px solid #cf9d13;
	}

	#PageFair .SectionCampaign .RBox {
	padding-left: 50px;
	}

	#PageFair .SectionCampaign .Photo {
	margin-bottom: 20px;
	}

	#PageFair .SectionCampaign .H2Mds {
	margin-bottom: 50px;
	}

	#PageFair .SectionCampaign h3.Mds {
	margin-bottom: 10px;
	font-size: 134%;
	font-weight: 500;
	}

	#PageFair .SectionCampaign .Lead1 {
	margin-bottom: 10px;
	}

	#PageFair .SectionCampaign .BtnTo {
	margin-top: 40px;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageFair .SectionCampaign {
	padding: 80px 0;
	}

	#PageFair .SectionCampaign .BtnTo {
	margin-top: 60px;
	}

}


/* おすすめの帽子 --------------------------------------------------- */

#PageFair .SectionItem .MdsSubEn {
color: #ffc629;
}

#PageFair .SectionItem .H2Mds {
color: #6cc4e9;
}

#PageFair .SectionItem h3.Mds {
color: #000;
}

#PageFair .SectionItem .BtnTo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#PageFair .SectionItem {
	padding: 40px 15px;
	}

	#PageFair .SectionItem .H2Mds {
	margin-bottom: 30px;
	}

	#PageFair .SectionItem .BtnTo {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageFair .SectionItem {
	padding: 60px 0;
	}

	#PageFair .SectionItem .H2Mds {
	margin-bottom: 50px;
	}

	#PageFair .SectionItem .BtnTo {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageFair .SectionItem {
	padding: 80px 0;
	}

	#PageFair .SectionItem .BtnTo {
	margin-top: 40px;
	}

}


/* スタイルBOOK --------------------------------------------------- */

#PageFair .SectionStyle .BtnTo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#PageFair .SectionStyle {
	position: relative;
	}

	#PageFair .SectionStyle .BtnTo {
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -150px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageFair .SectionStyle {
	position: relative;
	width: 100%;
	height: 300px;
	background: url(../img/fair/Ph_Style_PC.jpg) no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	}

	#PageFair .SectionStyle h2.Mds {
	position: absolute;
	left: 50%;
	top: 28%;
	margin-left: -225px;
	}

	#PageFair .SectionStyle h2.Mds img {
	width: 450px;
	height: auto;
	}

	#PageFair .SectionStyle .BtnTo {
	padding-top: 200px;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageFair .SectionStyle {
	height: 500px;
	}

	#PageFair .SectionStyle h2.Mds {
	top: 25%;
	margin-left: -335px;
	}

	#PageFair .SectionStyle h2.Mds img {
	width: 670px;
	}

	#PageFair .SectionStyle .BtnTo {
	padding-top: 310px;
	}

}



/* ■ おすすめの帽子 目次 ==================================================================================== */

/*
キービジュアル
導入
アイテム一覧
*/


/* キービジュアル --------------------------------------------------- */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	#PageItem #KeyVisual {
	position: relative;
	width: 100%;
	height: 300px;
	background: url(../img/item/item_top/Ph_KeyVisual_PC.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	}

	#PageItem #KeyVisual .Logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -35px;
	}

	#PageItem #KeyVisual .Logo img {
	width: 450px;
	height: auto;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageItem #KeyVisual {
	height: 420px;
	}

	#PageItem #KeyVisual .Logo {
	margin-left: -274px;
	margin-top: -42px;
	}

	#PageItem #KeyVisual .Logo img {
	width: 548px;
	height: auto;
	}

}


/* 導入 --------------------------------------------------- */

#PageItem .SectionIntro h1.Mds {
color: #6cc4e9;
}

@media only screen and (max-width: 767px) {

	#PageItem .InBox {
	margin: 0 15px;
	}

	#PageItem .SectionIntro {
	padding-top: 20px;
	}

	#PageItem .SectionIntro h1.Mds {
	margin-bottom: 15px;
	font-size: 154%;
	line-height: 1.4em;
	text-align: center;
	}

}

@media print, screen and (min-width: 768px) {

	#PageItem .SectionIntro {
	padding-top: 30px;
	}

	#PageItem .SectionIntro h1.Mds {
	margin-bottom: 15px;
	font-size: 187%;
	font-weight: 500;
	text-align: center;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageItem .SectionIntro {
	padding-top: 50px;
	}

}


/* アイテム一覧 --------------------------------------------------- */

.ItemList .Lead1 {
line-height: 1.0em;
font-weight: 400;
color: #6cc4e9;
}

.ItemList .Lead1 span {
color: #ffc629;
}

.ItemList .Lead2 {
color: #000;
}

.ItemList .Col li a {
display: block;
position: relative;
background: #fff;
}

.ItemList .Col li a.New:before {
display: block;
position: absolute;
border-radius: 100%;
text-align: center;
color: #fff;
background: #e61874;
content: "NEW";
font-family: 'Montserrat', sans-serif;
font-weight: 500;
letter-spacing: 0.01em;
}

@media only screen and (max-width: 767px) {

	#PageItem .ItemList {
	padding-top: 20px;
	padding-bottom: 30px;
	}

	.ItemList .Col li {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	}

	.ItemList .Col li a {
	padding: 25px 30px;
	}

	.ItemList .Col li a.New:before {
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	font-size: 80%;
	line-height: 36px;
	}

	.ItemList .Lead1 {
	margin-bottom: 7px;
	font-size: 80%;
	}

	.ItemList h2.Mds {
	margin-bottom: 15px;
	font-size: 134%;
	line-height: 1.2em;
	}

	.ItemList .Tag {
	margin-top: 5px;
	}

	.ItemList .Lead2 {
	margin-top: 5px;
	font-size: 87%;
	line-height: 1.8em;
	}

}

@media only screen and (max-width: 372px) {
	
	.ItemList .Col li a {
	padding: 20px 20px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageItem .ItemList {
	padding-top: 30px;
	padding-bottom: 50px;
	}

	.ItemList .Col li {
	width: 32.5%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
	}

	.ItemList .Col li:nth-child(3n) {
	margin-right: 0;
	}

	.ItemList .Col li a {
	padding: 25px 25px;
	}

	.ItemList .Col li a.New:before {
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	font-size: 80%;
	line-height: 36px;
	}

	.ItemList .Lead1 {
	margin-bottom: 7px;
	font-size: 87%;
	}

	.ItemList h2.Mds {
	margin-bottom: 15px;
	font-size: 167%;
	line-height: 1.2em;
	}

	.ItemList .Tag {
	margin-top: 5px;
	}

	.ItemList .Lead2 {
	margin-top: 15px;
	font-size: 87%;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageItem .ItemList {
	padding-top: 50px;
	padding-bottom: 80px;
	}

	.ItemList .Col li a {
	padding: 35px 30px 30px 30px;
	}

}



/* ■ おすすめの帽子 詳細 ==================================================================================== */

#PageItemDetail .SectionIntro .Lead1 {
line-height: 1.0em;
color: #6cc4e9;
}

#PageItemDetail .SectionIntro .Lead1 span {
color: #ffc629;
}

#PageItemDetail .SectionIntro .Lead2 {
font-weight: bold;
color: #6cc4e9;
}

#PageItemDetail .SectionDetail .Lead2 {
text-align: center;
}

#PageItemDetail .SectionDetail .BtnTo {
text-align: center;
}

#PageItemDetail .BtnToList {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#PageItemDetail .InBox {
	margin: 0 15px;
	}

	/* 導入 */
	#PageItemDetail .SectionIntro {
	padding-top: 25px;
	}

	#PageItemDetail .SectionIntro .Lead1 {
	margin-bottom: 5px;
	font-size: 94%;
	}

	#PageItemDetail .SectionIntro .Lead2 {
	font-size: 193%;
	line-height: 1.3em;
	}

	#PageItemDetail .SectionIntro .Tag {
	margin-bottom: 20px;
	}

	#PageItemDetail .SectionIntro .Photo {
	margin: 0 -15px;
	}

	/* 本文 */
	#PageItemDetail .SectionDetail {
	padding-top: 25px;
	}

	#PageItemDetail .SectionDetail h1.Mds {
	margin-bottom: 15px;
	font-size: 120%;
	line-height: 1.6em;
	font-weight: bold;
	}

	#PageItemDetail .SectionDetail .Lead1 {
	margin-bottom: 30px;
	}

	#PageItemDetail .SectionDetail .Photo {
	margin-bottom: 15px;
	}

	#PageItemDetail .SectionDetail .Lead2 {
	margin-top: 30px;
	margin-bottom: 10px;
	}

	#PageItemDetail .BtnToList {
	padding: 40px 0 40px 0;
	}

}

@media print, screen and (min-width: 768px) {

	/* 導入 */
	#PageItemDetail .SectionIntro {
	padding-top: 40px;
	}

	#PageItemDetail .SectionIntro .Lead1 {
	margin-bottom: 10px;
	}

	#PageItemDetail .SectionIntro .Lead2 {
	margin-bottom: 10px;
	font-size: 300%;
	line-height: 1.0em;
	}

	#PageItemDetail .SectionIntro .Tag {
	margin-bottom: 30px;
	}

	/* 本文 */
	#PageItemDetail .SectionDetail {
	padding-top: 40px;
	}

	#PageItemDetail .SectionDetail h1.Mds {
	margin-bottom: 15px;
	font-size: 160%;
	line-height: 1.6em;
	font-weight: 500;
	}

	#PageItemDetail .SectionDetail .Lead1 {
	margin-bottom: 40px;
	}

	#PageItemDetail .SectionDetail .Photo {
	margin-bottom: 25px;
	}

	#PageItemDetail .SectionDetail .Lead2 {
	margin-bottom: 20px;
	}

	#PageItemDetail .BtnToList {
	padding: 50px 0 60px 0;
	}

}

@media print, screen and (min-width: 1090px) {

	/* 導入 */
	#PageItemDetail .SectionIntro {
	padding-top: 70px;
	}

	#PageItemDetail .SectionIntro .Tag {
	margin-bottom: 40px;
	}

	/* 本文 */
	#PageItemDetail .SectionDetail {
	padding-top: 70px;
	}

	#PageItemDetail .SectionDetail .Lead1 {
	margin-bottom: 70px;
	}

	#PageItemDetail .SectionDetail .Photo {
	margin-bottom: 55px;
	}

	#PageItemDetail .BtnToList {
	padding: 80px 0 100px 0;
	}

}



/* ■ スタイルブック ==================================================================================== */


/*
キービジュアル
スタイル一覧
*/


/* キービジュアル --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	#PageStyle #KeyVisual {
	margin-bottom: 40px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageStyle #KeyVisual {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
	background: url(../img/style/Ph_KeyVisual_PC.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	}

	#PageStyle #KeyVisual .Logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -53px;
	}

	#PageStyle #KeyVisual .Logo img {
	width: 600px;
	height: auto;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageStyle #KeyVisual {
	height: 620px;
	margin-bottom: 70px;
	}

	#PageStyle #KeyVisual .Logo {
	margin-left: -375px;
	margin-top: -66.5px;
	}

	#PageStyle #KeyVisual .Logo img {
	width: 750px;
	height: auto;
	}

}


/* スタイル一覧 --------------------------------------------------- */

#PageStyle .SectionStyles .Lead1 {
color: #ffc629;
}

#PageStyle .SectionStyles .Lead1 span {
color: #6cc4e9;
}

@media only screen and (max-width: 767px) {

	#PageStyle .SectionStyles {
	margin-bottom: 40px;
	}

	#PageStyle .SectionStyles .LRBox {
	margin: 0 7.5%;
	}

	#PageStyle .SectionStyles .LBox,
	#PageStyle .SectionStyles .RBox {
	float: none;
	}

	#PageStyle .SectionStyles .LBox {
	margin-bottom: 25px;
	}

	#PageStyle .SectionStyles .Photo1 {
	margin-bottom: 7.5%;
	}

	#PageStyle .SectionStyles .Photo2 {
	margin-bottom: 8px;
	}

	#PageStyle .SectionStyles .Lead1 {
	font-size: 74%;
	}

	#PageStyle .SectionStyles .BtnTo {
	margin-top: -7px;
	}

	#PageStyle .SectionStyles .LRBox2 {
	margin-bottom: 25px;
	}

	#PageStyle .SectionStyles .LRBox2 .Photo {
	margin-bottom: 8px;
	}

	#PageStyle .SectionStyles .LRBox2 .LeadUnit {
	margin: 0 7.5%;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_1 .Photo {
	padding-right: 7.5%;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_2 .Photo {
	padding-left: 7.5%;
	}

	#PageStyle .SectionStyles .LRBox2 .LeadUnit h2:nth-of-type(2) {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageStyle .SectionStyles {
	margin-bottom: 50px;
	}

	#PageStyle .SectionStyles .Photo1 {
	margin-bottom: 3%;
	}

	#PageStyle .SectionStyles .LRBox1 .LBox,
	#PageStyle .SectionStyles .LRBox1 .RBox {
	width: 48.5%;
	}

	#PageStyle .SectionStyles .LRBox1 a {
	display: block;
	}

	#PageStyle .SectionStyles .Photo2 {
	margin-bottom: 20px;
	}

	#PageStyle .SectionStyles .Lead1 {
	font-size: 80%;
	line-height: 1.6em;
	}

	#PageStyle .SectionStyles .LRBox2 {
	display: table;
	margin-bottom: 3%;
	}

	#PageStyle .SectionStyles .LRBox2 .Photo,
	#PageStyle .SectionStyles .LRBox2 .LeadUnit {
	display: table-cell;
	vertical-align: bottom;
	}

	#PageStyle .SectionStyles .LRBox2 .Photo {
	width: 69%;
	}

	#PageStyle .SectionStyles .LRBox2 .LeadUnit {
	width: 31%;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_1 .LeadUnit {
	padding-left: 20px;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_2 .LeadUnit {
	padding-right: 20px;
	}

	#PageStyle .SectionStyles .LRBox2 .LeadUnit h2:nth-of-type(2) {
	margin-top: 20px;
	}

	#PageStyle .SectionStyles .BtnTo {
	margin-top: -3px;
	}

}

@media print, screen and (min-width: 1090px) {

	#PageStyle .SectionStyles {
	margin-bottom: 80px;
	}

	#PageStyle .SectionStyles .Photo1 {
	margin-bottom: 4%;
	}

	#PageStyle .SectionStyles .LRBox1 .LBox,
	#PageStyle .SectionStyles .LRBox1 .RBox {
	width: 48%;
	}

	#PageStyle .SectionStyles .LRBox2 {
	margin-bottom: 4%;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_1 .LeadUnit {
	padding-left: 30px;
	}

	#PageStyle .SectionStyles .LRBox2.LRBox2_2 .LeadUnit {
	padding-right: 30px;
	}

}


