@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Asap);
/* standard tags */
* {
margin:0;
padding:0;
font:normal normal normal 100%/1.9 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
border:none;
}
#nav li a, .title_en, .title_en2, .title06,.title_dai11,.pager_nav a {
font-family: 'Asap', sans-serif;
}
/*---------------------------------------------*/
html,body{
width: 100%;
}
html {
overflow-y:scroll;
}
/* base */
body {
margin:0;
padding:0;
min-width:1060px;
height:100%;
text-align:center;
font-size:14px;
color:#222;
background-color:#fafafa;
-webkit-text-size-adjust: 100%;
word-wrap:break-word;
}
html,body {
height:100%;
}
:first-child+html body {
padding-left:1px;
}
*html body {
padding-left:1px;
}
#wrap {
width:100%;
margin:0;
padding:0;
text-align:center;
border-bottom:1px solid #e2e2e2;
}
#pagebody {
width:1060px;
margin:0 auto;
padding:193px 0 0;
_padding:0;
text-align:left;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fafafa;
}
#pagebody2 {
width:1060px;
margin:0 auto;
padding:0;
text-align:left;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fafafa;
}
a {
color:#000;
text-decoration:none;
word-break: break-all;
}
a:hover {
color:#999;
text-decoration:none;
}
#pagebody a:hover,#pagebody2 a:hover {
text-decoration:underline;
}
a:focus, object {
outline:none;
}
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#footer a {
color:#666;
text-decoration:none;
font-weight:400;
}
#footer a:hover {
color:#999;
text-decoration:underline;
}

.navigation a {
color:#999;
text-decoration:none;
font-weight:400;
}

.navigation a:hover {
color:#999;
text-decoration:underline;
}

a img {
border:none;
}
p img, img {
border:0;
margin:0;
padding:0;
vertical-align: bottom;
}
/*---------------------------------------------*/
/* list */
ul {
margin:0;
padding:0;
text-align:left;
}
li {
margin:0;
padding:0;
list-style:none;
}
li img, .title_dai5 img {
vertical-align:middle;
}
dl {
margin:0;
padding:4px 0;
font-size:91%;
}
dt {
margin:0;
padding:0;
font-weight:400;
}
dd {
margin:0;
padding:0;
font-weight:400;
}
strong {
font-weight:700;
}
em {
font-style:italic;
font-size:91%;
}
.none {
display:none;
}
/*---------------------------------------------*/
/* text */
p,dl,ul,div{
/*Androidブラウザフォントバグ対策*/
max-height: 999999px;	
}
.clearboth {
clear:both;
}
.text {
margin:0 0 35px 0;
font-size:100%;
}
.text03 {
margin:25px 0 0;
font-size:100%;
}
.text02 {
margin:0;
padding:10px 0 10px 0;
font-size:84%;
}
/*---------------------------------------------*/
/* header */
#header {
margin:0;
padding:0;
width:100%;
min-width:1060px;
text-align:center;
background-image:url(../../../../image/back04.gif);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:0 100%;
background-color:#fff;
position: fixed;
z-index: 130;
}

.header_inn {
width:100%;
margin:0 auto;
padding:0;
background-color:#fff;
}
#header a:hover img {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:alpha(opacity=50);
}
.scroll #nav li a {
transition: 0.2s;
padding: 0 30px 0 0;
}
.scroll #nav2 li a {
transition: 0.2s;
padding: 0 30px;
}
.scroll h1{
transition: 0.2s;
padding:13px 0 6px;
/*-webkit-transform: scale(0.9);
transform: scale(0.9);*/
}

/*---------------------------------------------*/
/* h1 */

h1 {
transition: 0.2s;
width:100%;
padding:30px 0 20px;
text-align:center;
font-size:none;
}
h1 img {
padding:0;
margin:0;
}
h1, h2, h3, h4 {
font-weight:normal;
}

#main {
float:left;
height:auto!important;
height:100%;
min-height:100%;
}
#content {
float:left;
margin:0;
padding:20px 20px 60px 20px;
width:690px;
height:100%;
text-align:left;
font-weight:400;
background-image:url(../../../../image/dod04.gif);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:729px 0;
}
#content_in {
margin:0;
padding:10px 25px 40px;
}
#content h2 {
margin:0;
padding:50px 0 0 0;
text-align:left;
color:#666;
font-weight:400;
}
#content h3 img {
border:0;
}
#content div.post {
margin:0;
padding:10px 0 100px;
}
#content div.post img {
margin:30px 0;
padding:0;
}
#content div.post p,#content div.post li {
line-height:160%;
}
#content div.post div.storycontent p {
width:100%;
}
#content div.post div.storycontent ul,#content div.post div.storycontent ol {
margin:0;
padding:0;
}
#content div.post div.storycontent li {
margin-left:20px;
width:85%;
}
#content div.post div.storycontent blockquote {
background:#f7f7f7;
border-left:3px solid #6F6F6F;
margin-left:20px;
padding:4px 4px 4px 7px;
width:85%;
}
#content h3 {
margin:0;
padding:0 0 30px;
}
#content h3.storytitle,#content h3.storytitle a {
color:#222;
font-size:114%;
font-weight:700;
text-decoration:none;
}
#content h3.storytitle a:hover {
color:#ccc;
text-decoration:none;
}
#content div.post p {
width:90%;
}
#content div.post div.meta,#content div.post div.meta a {
color:#867b64;
font-size:84%;
margin:0;
display:none;
}
#content div.post div.meta li a:hover {
color:#686050;
}
#content div.post div.meta ul,#content div.post div.meta li {
display:inline;
margin:0;
padding:0;
}
#content div.post div.feedback {
font-size:84%;
text-align:right;
width:500px;
}
#content #commentlist {
margin:20px 20px 20px 23px;
padding:0;
}
#content #commentlist li {
margin-bottom:10px;
}
#content #commentform input,#content #commentform textarea {
padding:2px;
}
#content #commentform textarea {
height:150px;
width:90%;
}
#content code {
color:maroon;
}
#content ul {
display:inline;
margin:0;
padding:0;
list-style-type:circle;
}

/*---------------------------------------------*/
/* title */
.title_dai5 {
margin:0;
padding:15px 0;
color:#222;
font-weight:400;
font-size:120%;
}
.title_dai8 {
margin:0;
padding:50px 0 5px;
color:#111;
font-weight:400;
font-size:220%;
line-height:120%;
}

.title_en{
margin:0;
padding:30px 0 0 0;
font-size:220%;
color:#222;
letter-spacing:0.1em;
line-height:120%;
}
/*---------------------------------------------*/
/* navigation */
#menu {
float:right;
width:290px;
margin:20px;
padding:30px 0 0;
text-align:left;
font-size:84%;
}
#mainnav{
margin:0;
padding:0;
}
#nav {
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#fff;
background-image:url(../../../../image/dod02.gif);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:0 100%;
}
#nav ul {
margin : 0;
padding: 0;
text-align:center;
}
#nav li {
display:inline-block;
list-style:none;
*display: inline;
*zoom: 1;
font-size:114%;
vertical-align:bottom;
}
#nav li a {
display:block;
margin : 0;
padding: 0 30px 10px 0;
color:#111;
}
#nav li a:hover {
color:#666;
text-decoration:none;
}
a:hover img, .current {
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
}
#toggle {
display:none;
}
html>body #nav a:after {
display: block;
content: "";
width: 0%;
height: 1px;
background-color: #111;
margin: 0px auto 0;
transition: .10s ease-out;
-webkit-transition: .10s ease-out;
-moz-transition: .10s ease-out;
-o-transition: .10s ease-out;
-ms-transition: .10s ease-out;
}
html>body #nav a:hover:after {
width: 100%;
}

/*---------------------------------------------*/
/* snsnavigation */
#subnav {
width:1060px;
padding:0;
margin:0 auto;
text-align:left;
}
#nav2 {
width:1060px;
margin:0;
padding:0;
text-align:right;
}
#nav2 ul {
width:100%;
margin:0;
padding:0;
text-align:right;
font-size:91%;
}
#nav2 li {
display:inline-block;
list-style:none;
*display: inline;
*zoom: 1;
margin:0;
background-image:url(../../../../image/dod04.gif);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:0 0;
}
#nav2 li a {
display:block;
margin : 0;
padding: 10px 30px;
}
#nav2 .close li a {
background-image:none;
padding:0;
}

#menu .menubox2 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}

#menu .menubox2 li {
padding:5px 15px 5px 25px;
}

#menu .menubox2 ul li h2 {
margin:15px 0 10px;
padding:0 0 5px;
font-weight:400;
background-image:url(../../../../image/dod02.gif);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:0 100%;
}

#menu .menubox2 ul li ul {
margin:5px 0 15px;
}

#menu .menubox2 ul li ul li {
margin:0 0 3px;
padding:0;
font-weight:400;
}

#menu .menubox2 ul li ul li a {
color:#999;
text-decoration:none;
}

#menu .menubox2 ul li ul li a:hover {
text-decoration:underline;
}

#searchform {
margin:2px 0 15px;
width:270px;
}

#searchform input {
border:1px solid #DFDFDF;
}

.navigation {
width:100%;
display:block;
margin:50px 0 40px;
text-align:center;
font-size:84%;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

/* Begin Calendar */
#wp-calendar {
width:270px;
line-height:130%;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar a {
display:block;
}

#wp-calendar caption {
text-align:center;
width:100%;
}

#wp-calendar td {
padding:3px 0;
text-align:center;
}

#wp-calendar th {
padding:3px 0;
text-align:center;
}

#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color:#fff;
}

/* End Calendar */
/*---------------------------------------------*/
/* footer */
#footer {
clear:both;
width:1060px;
margin:0 auto;
padding:60px 0;
color:#666;
text-align:center;
}

#nav3 {
padding:20px 0 20px 0;
font-size:91%;
text-align:center;
}
#nav3 ul {
padding:0;
margin:0;
text-align:center;
font-size:91%;
}
#nav3 li {
display:inline;
list-style:none;
margin:0;
padding:0 18px 0 0;
}
.pagetop {
position: fixed;
bottom: -200px;
right: 0;
z-index: 2000;
}
.pagetop a {
display: block;
width: 70px;
padding:20px 0;
background-color: #fff;
text-align: center;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
.return {
width:98%;
margin:0;
padding:0;
color:#999;
font-size:84%;
text-align:right;
}
.return02 {
width:100%;
margin:20px 0 10px;
padding:0;
text-align:right;
font-size:84%;
}
.return03 {
width:100%;
margin:5px 0 20px;
padding:0;
color:#999;
font-size:84%;
text-align:right;
}

}/*---------------------------------------------*/
/* form */
.form01 input,select,textarea {
border:1px solid #ccc;
padding:2px;
}

.form01 .name {
text-align:right;
}

/*---------------------------------------------*/
/* facebook */
.entrysocial{padding:30px 0px;}


/*---------------------------------------------*/
/* iphone */

@media only screen and (max-device-width:414px) and (orientation:portrait) {
body {
font-size:260%;
}
#pagebody {
width:100%;
float:none;
padding:360px 0 0;
margin: 0;
}
#header, .n_photo, #feed, #footer, table, #content,#menu{
width:100%;
float:none;
padding:0;
margin: 0;
}
#content{
background:none;
}
.n_photo{
width:96%;
margin:0 auto;
padding:100px 0;
}
#content_in img{
width:100%;
height:auto;
}
.pagetop a,.pagetop02 a{
padding:40px;
}
.pagetop img,.pagetop02 img{
width:130%;
height:auto;
}
td, th {
width: 100%;
display: block;
border:none;
}
td {
padding : 0 0 80px 0;
}
h1 {
width:100%;
display:block;
}
h1 img {
width:35%;
height:auto;
margin:20px 0 0 0;
}
.title{
font-size : 84%;
}
.title01 {
font-size : 140%;
padding : 40px 0;
}
.title05,.title_en2 {
font-size : 110%;
}
.title_en,.title_dai8{
font-size : 160%;
}

#nav {
display:none;
text-align:center;
font-size:91%;
}
#nav ul {
width:100%;
margin : 0;
padding: 0;
text-align:center;
}
#nav li {
width:100%;
padding:0;
}
#nav li a {
width:100%;
display:block;
padding:14px 0;
border-bottom:2px solid #fff;
font-size:120%;
}
#nav2 {
border-top:1px solid #ccc;
}
#nav2 ul {
width:100%;
padding:0;
text-align:center;
}
#nav2 li {
width:10%;
display:inline-block;
list-style:none;
*display: inline;
*zoom: 1;
text-align:center;
padding:10px 40px;
}
#nav2 img {
width:130%;
haight:auto;
margin:0 auto;
}
#nav3 {
padding:0;
margin:40px 0 70px 0;
}
#nav3 li {
width:100%;
padding:0;
}
#nav3 li a {
width:100%;
display:block;
padding:18px 0;
border-bottom:1px solid #ccc;
font-size:120%;
}
#nav3 li a:hover {
color:#111;
background-color:#eee;
}
#footer{
font-size:81%;
}
#toggle {
display: block;
position: relative;
top:-110px;
right: 100px;
width: 100px;
margin-left: auto;
}
.trigger,
.trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
z-index:2500;
}
.trigger {
position: absolute;
width: 100px;
height: 48px;
}
.trigger span {
position: absolute;
right: 0px;
width: 100%;
height: 4px;
background-color: #111;
border-radius: 4px;
}
.trigger span:nth-of-type(1) {
top: 0px;
}
.trigger span:nth-of-type(2) {
top: 22px;
}
.trigger span:nth-of-type(3) {
bottom: 0px;
}
.trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(22px) rotate(-45deg);
transform: translateY(22px) rotate(-45deg);
}
.trigger.active span:nth-of-type(2) {
opacity: 0;
}
.trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-22px) rotate(45deg);
transform: translateY(-22px) rotate(45deg);
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
body {
font-size:110%;
}
}

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape) {
body {
min-width:1060px;
}
}