@charset "UTF-8";

#page-top { bottom: 2.5em; }

body { background-color: white; min-width: 960px; }
div.smr2017bg { width: 50%; background: red url(../images/smr2017_bg.png) right top repeat-y; }

div.smr2017wrap { width: 100%; position: absolute; left: 0; top: 0; min-width: 960px; }
div.smr2017wrap header { padding: 10px 15px; text-align: right; }
div.smr2017wrap main { display: block; width: 920px; margin: 0 auto; }
div.smr2017wrap main p.tit { padding: 60px 0 0 60px; text-align: center; }

div.smr2017wrap ul.contList > li { margin-top: 100px; }
div.smr2017wrap ul.contList > li div.summaryBox { float: left; width: 318px; padding: 30px 35px 20px; background-color: white; border: dashed 1px red; position: relative; }
div.summaryBox p.smryDate { position: absolute; left: -40px; top: -40px; }
div.summaryBox p.smryTit { padding-bottom: 6px; border-bottom: 3px solid red; line-height: 1.8; }
div.summaryBox p.smryCont { margin-top: 15px; } 
div.summaryBox p.smrAnju0702 { position: absolute; right: -86px; bottom: -20px; z-index: 10; }
div.summaryBox p.smrAnju0709 { position: absolute; right: -114px; bottom: -13px; z-index: 10; }
div.summaryBox p.smrAnju0716 { position: absolute; right: -200px; bottom: -20px; z-index: 10; }
div.summaryBox p.smrAnju0723 { position: absolute; right: -124px; bottom: 5px; z-index: 10; }
div.summaryBox p.smrAnju0730 { position: absolute; right: -190px; bottom: -16px; z-index: 10; }
div.smr2017wrap ul.contList > li div.xtrailBox { float: right; width: 420px; padding: 15px 10px; background-color: #eee; }
div.xtrailBox p.xtrailTit { padding: 0 5px 15px; }
div.xtrailBox p.xtrailCont { padding: 15px 5px 0; }
div.xtrailBox div.xtrailBtn { padding: 0 5px; }

.smr2017btn { margin-top: 20px; text-align: right; } 
.smr2017btn ul.btnNote { margin-top: 10px; } 
.smr2017btn ul.btnNote li { text-indent: -1.35em; margin-left: 1.35em; } 
.smr2017btn a { padding: 8px 33px 8px 10px; letter-spacing: 0.1em; border-radius: 5px; background-position: 97.5% 50%; background-size: 20px 20px; line-height: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }

div.smr2017wrap ul.soonList > li { margin-top: 100px; float: left; width: 318px; padding: 30px 35px 20px; background-color: white; border: dashed 1px red; position: relative; }
div.smr2017wrap ul.soonList > li:nth-child(2n) { margin-left: 140px; }
div.smr2017wrap ul.soonList > li p.soonDate { position: absolute; left: -40px; top: -40px; }
div.smr2017wrap ul.soonList > li p.soonTit { padding-bottom: 6px; border-bottom: 3px solid red; line-height: 1.8; }
div.smr2017wrap ul.soonList > li p.soonCont { padding: 35px 0 25px; text-align: center; }

div.smr2017wrap footer { margin-top: 100px; background: url(../images/smr2017_foot_xtrail.png) center bottom no-repeat; min-height: 195px; position: relative;}
div.smr2017wrap footer p { position: absolute; bottom: 10px; right: 10px; }