@charset "UTF-8";

/* iPad 右切れ解消*/
@media screen and (min-width: 768px) {body {min-width: 980px;}}
body {overflow-x: hidden;}

body {position: relative;}
#hNav {z-index: 9; position: relative; top: 0px; margin: 0 0px; padding: 0; height: 39px; background: #FFFFFF;}
#hNav h1,#hNav ul {margin-top: 1px;}
#hWrap {width: 875px; margin: 0 auto;}
#sns {margin: 40px 0 0 30px;}
#sns li {float: left; margin-right: 10px; margin-top: -7px;}
#sns li.tw {width: 100px;}
#sns li.fb iframe {width: 115px !important;}

.wrapper {width: 875px; margin: 0 auto; }
section h1 {font-size: 24px;font-weight: bold;color: #333;font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;margin: 10px auto;}
section h2 {font-size: 22px;font-weight: bold;color: #333;font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;margin: 10px auto;}

#main {width: 100%; margin-top: 0;}
#main a {text-decoration: none;}

#intro:after,#brand:after,#kinoie:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
* html #intro,* html #brand,* html #kinoie {height: 1%;}

#intro h1 {margin-top: 0px;}
#intro h2 {padding-top: 23px;}
#intro .annotation {font-size: 13px;line-height: 1.6;}

#brand h1 {font-size: 20px;font-weight: bold;color: #333;font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;margin: 0 0 10px;}
#brand {width: 815px;margin: 5px auto;padding: 25px 25px 0 25px;border: 1px solid #CBCBCB;background: #FDFDED;}
#brand img {float: left;}
#brand .right {float: right; width: 570px;}
#brand .blist {padding: 5px 0 0 14px;font-size: 13px;line-height: 1.6;font-weight: bold;}
#brand .blist li {list-style-type: disc;font-size: 13px;line-height: 1.6;font-weight: bold;}
#brand .clist {padding: 5px 0 0 0;font-size: 11px;line-height: 1.6;}

#kinoie {margin: 30px auto;}
#kinoie img {float: left;}
#kinoie .right {float: right; width: 360px;}

#intro p, #brand p, #kinoie p {font-size: 16px;line-height: 1.6;}
#intro p.link a, #brand p.link a, #kinoie p.link a {border-bottom: 1px solid #000;text-decoration: none;}
#intro p.link a:hover, #brand p.link a:hover, #kinoie p.link a:hover {border-bottom: 1px solid #7F0019;color: #7F0019;}
#intro p.link, #brand p.link, #kinoie p.link {padding: 15px 0 0 12px;background: url(/ie/campaign/131220/img/a.png) 0 16px no-repeat;}
#intro p.link, #brand p.link, #brand p.note, #kinoie p.link {float: right;padding-top: 10px;padding-bottom: 25px;}

#brand p.note  {font-size: 11px;}
#brand h1 {clear: both;}



@media only screen and (max-width : 569px){
	.wrapper {width: 96%; margin: 0 auto; }
	#intro img, #kinoie img{max-width: 100% !important;height: auto !important;width /***/: auto !important;}
	section h1 {font-size: 22px;line-height: 1.6;font-weight: none;}

	#intro h2 {font-size: 22px;font-weight: bold;padding-top: 5px;}

	#brand {width: 88%;margin: 5px auto;padding: 10px 10px 0 10px;border: 1px solid #CBCBCB;background: #FDFDED;}
	#brand img {float: none; width: 100%;}
	#brand .right {float: none; width: 100%;}
	#brand h1 {font-size: 18px;margin: 10px 0px 5px;}
	#brand .center {text-align: center;}

	#kinoie img {float: none;}
	#kinoie .right {float: none; width: 100%;}
}