@charset "utf-8";

/*!
CSS information
File Name: style.css
Last Updated: 2013-12-30
*/

/*!
normalize.css v2.1.3 | MIT License | git.io/normalize
*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0;}button,input {line-height: normal;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto;vertical-align: top;}table {border-collapse: collapse;border-spacing: 0;}

/*!
 Base styles
*/

body {
background: url(/img/share/back@x1.png) repeat #fff;
color: #333;
font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 16px;
line-height: 1.5;
margin: 10px;
padding: 0;
}

a {
color: #e7242e;
text-decoration: none;
}

a:visited {
color: #ee6269;
text-decoration: none;
}

a:hover,
a:active {
color: #c6151e;
text-decoration: underline;
}

a:hover,
a:hover img,
a:hover div,
input:hover {
-moz-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.description,
.navTitle,
legend {
display: none;
}

fieldset {
border: none;
margin:0;
padding: 0;
}

/*!
 Hedding
*/

h1 {
font-size: 1.5em;
line-height: 1.3;
}

h2 {
font-size: 1.25em;
line-height: 1.3;
}

h3 {
font-size: 1.125em;
line-height: 1.3;
}

h4,h5,h6 {
font-size: 1em;
}

/*!
 header
*/

#header {
padding: 0;
position: relative;
}

/*!
 banner
*/

#banner {
font-size: 1em;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
width: 48px;
}

/*!
 menu
*/

#header ul {
background: #111;
border-radius: 5px;
line-height: 1;
margin: 0;
margin-left: 68px;
padding: 0;
overflow: hidden;
}

#header ul li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
width: 7em;
}

#header ul li a {
display: block;
color: #fff;
padding: 1em 0;
text-align: center;
}

#header ul li a:hover,
#header ul li a:active {
background: #333;
text-decoration: none;
}

/*!
 profile
*/

#profile {
background: #fff;
border-radius: 5px;
clear: both;
margin-top: 30px;
margin-left: 68px;
padding: 1em 100px 1em 1em;
position: relative;
}

#profile h1 {
font-size: 1.125em;
margin-top: 0;
}

#profile .img {
height: 72px;
position: absolute;
right: 1em;
bottom: 1em;
width: 72px;
}

#profile p {
margin-bottom: 0;
}

/*!
 footer
*/

#footer {
font-size: .875em;
margin-top: 30px;
margin-left: 68px;
text-align: right;
}

/*!
 main-content
*/

#main-content {
background: #fff;
border-radius: 5px;
margin-top: 30px;
margin-left: 68px;
overflow: hidden;
padding: 1em;
}

#main-content h1 {
margin-top: 0;
margin-left: 10px;
}

#main-content .information {
background: #ffffde;
font-size: .875em;
margin: 10px 10px 30px;
padding: 10px 20px;
}

#main-content .information h1 {
font-size: 1.25em;
margin-left: 0;
}

#main-content .infomation-list {
list-style: none;
margin: 0;
padding: 0;
}

#main-content .link-list {
color: #333;
margin-bottom: 0;
text-align: right;
}

#main-content .link-list a {
color: #333;
}

.article {
float: left;
margin-bottom: 20px;
overflow: hidden;
width: 50%;
}

.article .inner {
background: #efefef;
border-radius: 5px;
margin: 0 10px;
overflow: hidden;
padding-top: 1em;
}

.article .img {
background: #333;
line-height: 1;
margin-bottom: 0;
max-height: 180px;
min-height: 180px;
overflow: hidden;
}

.article .img img {
margin: 0;
width: 100%;
}

.article h2 {
font-size: 1.125em;
margin-top: 0;
padding: 0 10px;
}

.article h2 span {
font-size: initial;
display: block;
font-weight: normal;
}

.article a {
color: #111;
}

.article a:hover,
.article a:active {
color: #111;
text-decoration: none;
}

.entry #main-content h1 {
font-size: 1.125em;
margin-top: 0;
margin-left: 0;
padding: 0;
}

.entry #main-content h1 span {
font-size: initial;
display: block;
font-weight: normal;
}

.entry #main-content .img {
line-height: 1;
margin-bottom: 0;
overflow: hidden;
}

.entry #main-content .img img {
margin: 0;
max-width: 480px;
width: 100%;
}

.txt img,
.txt iframe {
max-width: 100%;
}

.entry .entry-body {
margin-bottom: 30px;
}

#main-content .list {
clear: both;
}

.btn {
text-align: center;
}

.btn a {
background: #e7242e;
border-radius: 10px;
color: #fff;
display: inline-block;
padding: 1em 3em;
}

.btn a:hover {
opacity: .9;
text-decoration: none;
}

.study {
margin-top: 30px;
}

/*!
 media query
*/

@media (min-width: 1200px) {

  .article {
  width: 25%;
  }

}

@media (min-width: 10px) {

  body {
  background: url(/img/share/back.png) repeat #fff;
  -moz-background-size: 100px 100px;
  -webkit-background-size: 100px 100px;
  background-size: 100px 100px;
  }

}

@media (max-width: 480px) {

  #header ul li {
  width: 50%;
  }

  #main-content h1 {
  margin-left: 0;
  }
  
  #main-content .information {
  margin-left: 0;
  margin-right: 0;
  }

  .article {
  width: auto;
  float: none;
  }

  .article .inner {
  margin: 0;
  }

  .txt iframe {
  max-height: 250px;
  }

  #profile {
  padding-right: 1em;
  }

  #profile .img {
  position: relative;
  top: 0;
  left: 0;
  text-align: right;
  width: auto;
  }

  #footer address span {
  display: block;
  }

}