@charset "Shift_JIS";
/* CSS Document */

em { font-style: normal; }
a.blank:after { content: url(../../../eki-mob-cp/img/blank_icon.gif); padding-right: .5em; }
.pagebreak { display: block; page-break-before: always; }

.ekimobcp { width: 950px; margin: 0 auto; }
#keyvisual { width: 950px; min-height: 280px; margin-bottom: 15px; background: #8DF; background: -webkit-radial-gradient(rgba(255,255,255,1), rgba(135,220,255,1)); background: -moz-radial-gradient(rgba(255,255,255,1), rgba(135,220,255,1)); background: -ms-radial-gradient(rgba(255,255,255,1), rgba(135,220,255,1)); background: radial-gradient(rgba(255,255,255,1), rgba(135,220,255,1)); position: relative; }
#keyvisual h1 { padding: 20px 0 0 210px; }
#keyvisual h2 { padding: 10px 0 20px 140px; }
#keyvisual ul li { position: absolute; }
#keyvisual ul li#cat { width: 130px; height: 200px; position: absolute; left: 15px; bottom: 0; }
#keyvisual ul li#penguin { width: 160px; height: 200px; position: absolute; right: 5px; bottom: 0; }
#keyvisual p { font-size: 123%; line-height: 1.4; text-align: center; padding-top: .6em; }
#keyvisual p strong { font-size: 115%; color: #C00; }


.cpcolumn { padding-top: 20px;}
.cpcolumn h3 { text-align: center; margin-bottom: 20px; padding-bottom: 2px; border-bottom: solid 1px #666; }
.cpcolumn dl.cpbox { min-height: 280px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #999; position: relative; }
.cpcolumn dl.cpbox dt { width: 440px; position: absolute; left: 0; top: 0; }
.cpcolumn dl.cpbox dt a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: .8; }
.cpcolumn dl.cpbox dd { padding-left: 460px; }
.cpcolumn dl.cpbox dd h4 { font-size: 150%; line-height: 1.2; font-weight: bold; color: #C00; padding-bottom: .3em; }
.cpcolumn dl.cpbox dd p { line-height: 1.4; text-align: justify; padding-bottom: 1em; }
.cpcolumn dl.cpbox dd p strong { font-size: 123%; line-height: 1.4; }
.cpcolumn dl.cpbox dd ul.outline { padding-bottom: 1em; border-top: dotted 1px #CCC; }
.cpcolumn dl.cpbox dd ul.outline li { line-height: 1.3; padding: .5em 0 .3em 5em; border-bottom: dotted 1px #CCC; position: relative; }
.cpcolumn dl.cpbox dd ul.outline li h5 { font-weight: normal; color: #C00; position: absolute; left: 0; }
.cpcolumn dl.cpbox dd p.cplink a { font-size: 115%; text-align: center; font-weight: bold; text-decoration: none; color: #333; width: 490px; padding: .9em 0 .8em 0; border-radius: .5em; background: #DDD; background: linear-gradient(to bottom, rgba(220,220,220,1),rgba(255,255,255,1) 100%); box-shadow: 0 0 0 1px #999 inset; display: block; position: absolute; bottom: 20px; }
.cpcolumn dl.cpbox dd p.cplink a:hover { background: #FC0; background: linear-gradient(to bottom, rgba(255,150,50,1),rgba(255,255,200,1) 100%); }
.cpcolumn dl.cpbox dd p.endtxt { font-size: 93%; line-height: 1.3; color: #A00; width: 470px; padding: 10px; background: #FEE; box-shadow: 0 0 0 1px #C00 inset; position: absolute; bottom: 20px; }

/*
#campaign dl dd dl dt { width: 488px; margin-bottom: 10px; padding: 9px 0; border: solid 1px #CCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #DDD; background: -moz-linear-gradient(top, rgba(220,220,220,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,1)), to(rgba(255,255,255,1))); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDDDDDD', endColorstr='#FFFFFFFF'); position: relative; } 
#campaign dl dd {  }
#campaign dl dd ul { padding-bottom: 1em; }
#campaign dl dd ul li { line-height: 1.3; padding: .5em 0 .3em 5em; border-bottom: dotted 1px #CCC; position: relative; }
#campaign dl dd ul li h4 { font-weight: normal; color: #C00; position: absolute; left: 0; }

#cpend { margin-bottom: 50px; }
#cpend dl dd dl dt { width: 488px; margin-bottom: 10px; padding: 9px 0; border: solid 1px #CCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #DDD; background: -moz-linear-gradient(top, rgba(220,220,220,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,1)), to(rgba(255,255,255,1))); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDDDDDD', endColorstr='#FFFFFFFF'); position: relative; } 
#cpend dl dd {  }
#cpend dl dd ul { padding-bottom: 1em; }
#cpend dl dd ul li { line-height: 1.3; padding: .5em 0 .3em 5em; border-bottom: dotted 1px #CCC; position: relative; }
#cpend dl dd ul li h4 { font-weight: normal; color: #C00; position: absolute; left: 0; }
#cpend dl dd {  }
#cpend dl dd p { font-size: 15px; line-height: 1.5; color: #C00; padding: 15px 10px 14px 10px; border: solid 1px #C00; }
*/

#regist { padding: 15px 0; zoom: 1; overflow: hidden; }
#regist:after { content: ""; clear: both; display: block; }
#regist h3 { padding-bottom: 10px; }
#regist dl { width: 440px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; float: left; }
#regist dl#ekinet { margin-left: 5px; background: #DED; }
#regist dl#mobasui { margin-left: 60px; background: #FEC; }
#regist dl dt h4 { padding: 5px 10px; }
#regist dl dd { padding: 10px; }
#regist dl dd p { min-height: 5em; }
#regist dl dd　div { }
#regist dl dd a { text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #396; display: block; }
#regist dl dd a:hover { background: #F60; }


/* 2017.10.11 追記

#campaign dl, #cpend dl { zoom: 1; overflow: hidden; }
#campaign dl:after, #cpend dl:after { content: ""; clear: both; display: block; }
#campaign dl dt, #cpend dl dt { width: 440px; margin-right: 20px; float: left; }
#campaign dl dt a:hover img, #cpend dl dt a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: .8; }
#campaign dl dd, #cpend dl dd { width: 490px; float: left; }
#campaign dl dd ul { padding-bottom: 1em; }
#campaign dl dd ul li { line-height: 1.3; padding: .5em 0 .3em 5em; border-bottom: dotted 1px #CCC; position: relative; }
#campaign dl dd ul li h4 { font-weight: normal; color: #C00; position: absolute; left: 0; }

/*
#tohoku2017 { width: 800px; margin: 0 auto; padding-top: 10px; }
#tohoku2017 dl { width: 100%; }
#tohoku2017 dl dt { width: 100%; margin-right: 0; float: none; }
#tohoku2017 dl dd { width: 100%; padding-top: 10px; float: none; zoom: 1; overflow: hidden; }
#tohoku2017 dl dd:after { content: ""; clear: both; display: block; }
#tohoku2017 dl dd ul { width: 520px; margin-right: 30px; padding: 0; float: left; }
#tohoku2017 dl dd p { padding: .6em 0; }
#tohoku2017 dl dd p strong { font-size: 135%; line-height: 1.3; color: #C00; padding-bottom: .2em; display: block; }
#tohoku2017 dl dd p#siteopen { font-size: 105%; text-align: center; font-weight: bold; color: #C00; width: 250px; padding: .6em 0 .4em 0; border-radius: 5px; background: #FCC; box-shadow: 0 0 0 1px #C00 inset; float: left; }
#tohoku2017 dl dd p a { font-size: 115%; text-align: center; font-weight: bold; text-decoration: none; color: #333; width: 250px; padding: .9em 0 .8em 0; border-radius: 5px; background: #DDD; background: linear-gradient(to bottom, rgba(220,220,220,1),rgba(255,255,255,1) 100%); box-shadow: 0 0 0 1px #999 inset; float: left; }
#tohoku2017 dl dd p a:hover { background: #999; background: linear-gradient(to bottom, rgba(255,150,50,1),rgba(255,255,200,1) 100%); }
*/

/* 2018.3.13 追記
#cpendread { font-size: 150%; line-height: 1.3; text-align: center; padding-bottom: 3em; }
#cpend dl#tohoku2017 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #CCC; }
#cpend dl#tohoku2017 dd dl dt { font-size: 150%; line-height: 1.2; font-weight: bold; color: #C00; width: auto; margin: 0; padding: 0 0 .3em 0; border: none; background: none; }
#cpend dl#tohoku2017 dd dl dd p { font-size: 100%; line-height: 1.4; color: #333; padding: 0 0 .8em 0; margin: 0; border: none; }


/* 2018.4.10 追記
#campaign dl#shaon2018 dd { min-height: 250px; padding-bottom: 30px; position: relative; }
#campaign dl#shaon2018 dd p { padding-bottom: 1em; }
#campaign dl#shaon2018 dd p.cplink { padding-bottom: 0; }
#campaign dl#shaon2018 dd p.cplink a { font-size: 123%; line-height: 1.2; text-align: center; text-decoration: none; color: #333; width: 100%; padding: 1em 0 .8em 0; border-radius: .5em; background: #EDEDED; background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(220,220,220,1) 100%); box-shadow: 0 0 0 1px #999 inset; position: absolute; bottom: 0; display: block; position: relative; }
#campaign dl#shaon2018 dd p.cplink a:hover { background: #DDD; background: linear-gradient(to bottom, rgba(220,220,220,1),rgba(255,255,255,1) 100%); }
#campaign dl#shaon2018 dd p.cplink a:after { content: "→"; font-size: 93%; line-height: 1.2; text-align: center; color: #FFF; width: 1em; padding: .25em .3em .2em .3em; border-radius: 1em; background: #666; display: block; position: absolute; right: 1em; top: .8em; }
#campaign dl#shaon2018 dd p.cplink a:hover:after { background: #C00; }