@charset "UTF-8";

.mobileOnly {display: none;}
.pcOnly {display: block;}

html, body {height: 100%; width: 100%; padding: 0; margin: 0;}
#full-screen-background-image {height: auto; left: -200px; top: -65px; min-height: 100%; width: auto; min-width: 320px;}/*m*/
#full-screen-background-image.hideBackImage {display: none;}

body {position: relative;}
body {background: #fff; margin:0; padding:0; border:0;}
body, h1, h2, h3, h4, h5, h6, p {font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}

section {font-size: 14px; line-height: 1.6;}
section .note li {font-size: 13px; margin-bottom: 5px;}
.section p {font-size: 14px; line-height: 1.75;}
.section h1 {font-size: 28px; font-weight: bold; line-height: 45px; margin-bottom: 20px;}

.section {margin-bottom: 30px; padding: 20px 0; }
.section h2 {margin: 30px 0 10px; font-weight: bold; font-size: 24px; }
.section h2 img {margin-right: 5px; width: 40px; height: auto; vertical-align: bottom;}
.section p.title {font-weight: bold; padding-top: 10px; font-size: 15px;}

#hNav {z-index: 9; position: relative; top: 0px; margin: 0 0px; padding: 0 30px; height: 39px; background: #FFFFFF;}
#hNav h1,
#hNav ul {margin-top: 1px;}

#hWrap {width: 100%; margin: 0 auto;}


#intro01 h1 {font-size: 28px; font-weight: bold; padding: 20px 10px 0 10px;}/*m*/
#title h1 {font-size: 28px; font-weight: bold; padding: 20px 10px 0 10px; text-align: center;}/*m*/
#intro01 h2 {font-size: 18px; font-weight: bold; margin: 0 10px 15px 10px;}/*m*/
#title h2 {font-size: 18px; font-weight: bold; margin: 15px 10px 15px 10px;}/*m*/

p.lead {font-size: 14px; line-height: 1.6; font-weight: bold; margin: 0 10px 10px 10px;}/*m*/


#title .wrapper, #intro01 .wrapper {width: 100%; margin: 0 auto;}/*m*/
#intro02 .wrapper {width: 100%; margin: 0 auto;}/*m*/
#intro .wrapper {width: 100%; margin: 0 auto;}
#modelhouse .wrapper {width: 100%; margin: 0 auto;}
#annotation .wrapper {width: 100%; margin: 24px auto;}/*m*/

#modelhouse ul {margin: 0 9px;}/*m*/
#annotation ul {margin: 0 15px;}/*m*/

#intro {margin: 50px auto;}
#intro02 {margin: 20px auto 40px;}
#intro:after, #intro02:after {content: ""; clear: both; display: block;}
#intro h1, #intro02 h1 {text-align: center; font-weight: bold;}/*m*/
#intro h1:after, #intro02 h1:after {content: ""; clear: both; display: block;}
#intro .note, #intro02 .note {padding: 20px 0px; margin-top: 20px; line-height: 1.6;}
#intro .note h2, #intro02 .note h2 {font-size: 16px; margin-bottom: 10px;}

#intro01 {z-index: 1; margin: 0; position: relative;}
#intro01 p.lead {margin-top: 0;}
#intro01 p.title {font-size: 28px; font-weight: bold; margin: 0 30px 10px 30px;}
#intro01 .mainCampaignBack {background:url(/ie/campaign/140602/img/m_main.jpg) no-repeat center bottom; z-index: 1; width: auto; height: 100%; background-size: 100%; padding-bottom: 40%;}/*m*/
#intro01 .mainCampaignBack img {z-index: 1; width: 240px; height: 200px; position: absolute; right: 10%; top: 20%;}
#intro01 figure {margin: 0 auto; width: 500px;}
#intro01 figure img {float: none;}
#intro01 .relatedLink {margin-top: 40px;}
#intro01 .itemList a .name {text-decoration: none; font-size: 12px; color: #666;}

#intro02 figure {margin: 0 10px 20px; float: none;}/*m*/
#intro02 figure img {width: 100%; height: auto; margin-right: 5px;}/*m*/
#intro02 p {font-size: 14px; padding: 0; line-height: 1.8;}
#intro02 p.lead {margin-top: 0; font-weight: normal; margin-bottom: 20px;}/*m*/
#intro02 p.title {font-size: 19px; font-weight: bold; margin-top: 10px;}
#intro02 h1 {font-size: 22px; font-weight: bold; margin: 0 0 20px 0;}/*m*/
#dogs {clear: both; margin-top: 50px; background:#999; display:block;}
#dogs img {width: 280px; height: 41px; margin-bottom: 10px; float: none;}/*m*/
#dogs p {font-weight: normal;}/*m*/
#dogs a {padding:10px; background:#fff; display:block; text-decoration:none;}
#dogs a:hover {
		-webkit-transition: 0;
		   -moz-transition: 0;
		     -o-transition: 0;
		        transition: 0;
		filter: alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
}
#dogs a {vertical-align:bottom; 
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
		     -o-transition: all .2s ease;
		        transition: all .2s ease;
}


#shoppingpoint {
	background: -moz-linear-gradient(top, #b1d8f9, #FFF);
	background: -webkit-linear-gradient(top, #b1d8f9, #FFF);
	background: linear-gradient(#b1d8f9, #FFF);}
#passport:after {content: ""; clear: both; display: block;}
#passport{text-align: center;}

#logo {float: none; font-size: 12px; font-weight: bold; line-height: 1.6; margin-right: 0px; margin-top: 10px; margin-bottom: 10px;}/*m*/
#logo img {margin-top: 5px;}
#top-vis {float: none;}/*m*/
#top-vis:after{clear: both;}

#modelhouse:after {content: ""; clear: both; display: block;}
#modelhouse li {float: left; width: 60px; height: 115px; margin-right: 15px; margin-bottom: 20px; font-size: 12px;}
#modelhouse li img {margin-bottom: 5px;}
#modelhouse li.circle {float: left; width: 60px; height: 60px; background: #191919; color: #fff; border-radius: 30px; margin-bottom: 75px; position: relative;}
#modelhouse li.circle .place {display: block; position: absolute; top: 22px; text-align: center; width: 60px; font-size: 12px;}


#sns {clear: both; margin: 0 30px;}
#sns li {float: left; margin-bottom: 10px; margin-right: 10px; margin-top: 20px;}/*m*/
#sns li.tw {width: 100px;}
#sns li.fb iframe {width: 115px !important;}




/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/

.black-15 { background: url(/ie/campaign/140602/img/black-15-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.black-35 { background: url(/ie/campaign/140602/img/black-35-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.black-50 { background: url(/ie/campaign/140602/img/black-50-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.black-65 { background: url(/ie/campaign/140602/img/black-65-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.black-85 { background: url(/ie/campaign/140602/img/black-85-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.white-15 { background: url(/ie/campaign/140602/img/white-15-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.white-35 { background: url(/ie/campaign/140602/img/white-35-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.white-50 { background: url(/ie/campaign/140602/img/white-50-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.white-65 { background: url(/ie/campaign/140602/img/white-65-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/
.white-85 { background: url(/ie/campaign/140602/img/white-85-trans.png); color: #fff; padding: 20px 0; margin: 24px 0; }/*m*/


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}