 |
〒 187-8587
東京都小平市学園西町1-29-1 |
|
|
|
fake {
}
#localttl {
/* width: 620px; */
font-family: 'HG丸ｺﾞｼｯｸM-PRO','Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Open Sans',Meiryo,メイリオ,sans-serif;
font-size: 19px;
text-align: center;
line-height: 1.5em;
padding: 10px 40px;
background: #ffe8da;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
#localmenu {
background: #ff9385;
/* width: 700px; */
}
#localmenu ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
display: block;
zoom: 1;
}
#localmenu ul:after {
content: ' ';
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
#localmenu ul li {
float: left;
display: block;
padding: 0;
}
div#localmenu li {
margin: 0 15px;
}
#localmenu ul li a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 15px 25px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
font-family: 'HG丸ｺﾞｼｯｸM-PRO','Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Open Sans',Meiryo,メイリオ,sans-serif;
position: relative;
-webkit-transition: color .25s;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
transition: color .25s;
}
#localmenu ul li a:hover {
color: #333333;
}
#localmenu ul li a:hover:before {
width: 100%;
}
#localmenu ul li a:after {
content: '';
display: block;
position: absolute;
right: -3px;
top: 19px;
height: 6px;
width: 6px;
background: #ffffff;
opacity: .5;
}
#localmenu ul li a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #333333;
-webkit-transition: width .25s;
-moz-transition: width .25s;
-ms-transition: width .25s;
-o-transition: width .25s;
transition: width .25s;
}
#localmenu ul li.last > a:after,
#localmenu ul li:last-child > a:after {
display: none;
}
#localmenu ul li.active a {
color: #333333;
}
#localmenu ul li.active a:before {
width: 100%;
}
@media screen and (max-width: 768px) {
#localmenu ul li {
float: none;
}
#localmenu ul li a {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#localmenu ul li a:after {
display: none;
}
#localmenu ul li a:before {
height: 1px;
background: #ffffff;
width: 100%;
opacity: .2;
}
#localmenu ul li.last > a:before,
#localmenu ul li:last-child > a:before {
display: none;
}
}
#report {
background: #ffdfcb;
padding: 20px;
}
a#report {
padding: 0;
}
.acms-entry p {
margin-left: 0;
margin-right: 0;
}
div#svyimg {
width: 45%;
float: left;
}
div#svydoc {
width: 45%;
float: right;
}
div#survey div#svyimg {
width: 30%;
}
div#survey div#svydoc {
width: 66%;
}
#dialogue {
padding: 20px;
background: #fff8ea;
}
div#dialogue a#dialogue {
padding: 0;
}
#dialogue p {margin: 0 0 15px 0;}
#dialogue img {
vertical-align: middle;
}
div#translation p + ul,div#translation p + ol {
margin: -10px 0 20px 10px;
padding: 0;
}
div#translation ol li {
list-style-type: upper-roman !important;
}
#world {
padding: 20px;
background: #ffdfcb;
}
a#world {
padding: 0;
}
#world p {margin: 0 0 15px 0;}
#world img {
vertical-align: middle;
}
#overseas {
padding: 20px;
background: #fff8ea;
overflow: hidden;
}
a#overseas {
padding: 0;
}
#overseas p {margin: 0 0 15px 0;}
#overseas img {
vertical-align: middle;
}
#essay {
padding: 20px;
background: #ffdfcb;
}
#essay p {margin: 0 0 15px 0;}
#essay img {
vertical-align: middle;
}
#essay a {text-decoration: none;padding: 0;}
#breaking {
padding: 20px;
background: #fff8ea;
}
#breaking p {margin: 0 0 15px 0;}
#breaking img {
vertical-align: middle;
}
#bkimg {
width: 25%;
font-size: 10px;
float: left;
}
#bkdoc {
width: 71%;
font-size: 12px;
float: right;
}
div#breaking div#bkimg {
width: 45%;
}
div#breaking div#bkdoc {
width: 45%;
}
#bkdoc a {
text-decoration: none;
}
#bkdoc img:hover {
filter:alpha(opacity=60);
opacity:0.6;
}
#survey {
padding: 20px;
background: #ffdfcb;
}
a#survey {
padding: 0;
}
#survey img {
vertical-align: middle;
text-align: center;
}
#survey p {margin: 0 0 15px 0;}
#svyimg img#nonmargin {
margin: 0px;
}
#svydoc a {
text-decoration: none;
}
#purpose {
padding: 20px;
background: #fff8ea;
}
#purpose p {margin: 0 0 15px 0;}
.clearfix:after {
display:block;
clear:both;
height: 0px;
visibility: hidden;
content: "."
}
.entry-column h3 {
margin: 20px 0px 15px;
}
* html .clearfix {
height: 1px;
height: auto;
overflow: hidden;
}
p#rightalign {
font-size: 10px;
text-align: right;
}
p#rightalign a {
text-decoration: none;
}
/* ------------------------------------------------------------*/
@media only screen and (max-width:1024px){
div#svyimg {
width: 35%;
float: left;
}
div#svydoc {
width: 55%;
float: right;
}
div#dialogue div#svyimg {
width: 100%;
}
div#dialogue div#svydoc {
width: 100%;
}
}
/* ------------------------------------------------------------*/
@media only screen and (max-width:768px){
div#svyimg {
width: 100%;
float: none;
}
div#svydoc {
width: 100%;
float: none;
}
#bkimg {
width: 100%;
float: none;
padding: 0 0 15px 0;
}
#bkdoc {
width: 100%;
float: none;
}
div#svydoc {
width: 100%;
float: none;
}
div#survey div#svyimg {
width: 100%;
float: none;
padding: 0 0 15px 0;
}
div#survey div#svydoc {
width: 100%;
float: none;
}
div#breaking div#bkimg {
width: 100%;
float: none;
}
div#breaking div#bkdoc {
width: 100%;
float: none;
}
}
|
|
