@charset "UTF-8";
/*
Theme Name:サンプルサイト2024-01
Theme URI:https://festa.cocomal.com/
Description:サンプルサイト2022-02
Version: 1.0
Author:サンプルサイト
Author URI:https://festa.cocomal.com/
*/ 

/*著者情報を消す*/
.page .author-info {display: none;}
/*著者情報を消す*/
.post .author-info {display: none;}

/*リセット*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td, dt, dd,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video {
background: transparent;
border: 0;
letter-spacing:0.5px;
margin: 0;
outline: 0;
padding: 0;
}
li {
list-style-type: none;
}
/*リセット*/

html,body{
font-family:Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
width:100%; height:100%; padding:0; margin:0; color:#003366; line-height:1.6; font-size:15px; text-align:left; word-break: break-all;
}
@media only screen and (max-width:641px) {
html,body{font-size:16px;}
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}

img {vertical-align:bottom; border:0px; max-width:100%; height:auto; width:auto;}
p {margin:0px;padding:0px; background:transparent;}

a:link {color:#003366; text-decoration:none;}
a:link, .btn-s-gray, .btn-s-blue, .btn-m, .btn-submit, .abs-return :hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
a:visited {color:#003366;}

/*--画像クリッカブル演出--*/
a img {}
a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

/*--icon--*/
/*.menu-index {width:65%; height:auto;}
@media only screen and (max-width:641px) {
.menu-index {width:55%; height:auto;}
}
.menu-mail {width:auto; height:60px;}
@media only screen and (max-width:769px) {
.menu-mail {width:auto; height:36px;}
}*/

/*--切替--*/
.edt-desktop {display:block;}
.edt-mov {display:none;}
@media only screen and (max-width:641px) {
.edt-desktop {display:none;}
.edt-mov {display:block;}
}

/*主要部品*/
/*--slide-index部分切替--*/
.edt-desktop-slide {display:block;}
.edt-mov-slide {display:none;}
@media only screen and (max-width:821px) {
.edt-desktop-slide {display:none;}
.edt-mov-slide {display:block;}
}

/*ヘッダ固定*/
div#header-fixed {
position: fixed; /* ヘッダーの固定 */
top: 0px; /* 位置(上0px) */
left: 0px; /* 位置(右0px) */
width: 100%; /* 横幅100%　*/
height:130px; /* 縦幅100px+globalmenuの50px */
z-index:8999;
background:#fff;
box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
-webkit-box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
}
@media only screen and (max-width:821px) {
div#header-fixed {height:70px;}
}

/*--w-94%--*/
div#header {width:94%; max-width:980px; height:100%; height:80px; margin:0 auto;}
@media only screen and (max-width:821px) {
div#header {height:100%; height:70px;}
}

/*--global-nav--*/
.g-nav {background:#e1e1e1;}
.g-nav ul {width:94%; max-width:980px; margin:0 auto; list-style:none;}
.g-nav li a {
float:left;
width:25%;
height:43px;
padding:7px 0px 0px 0px;
margin:0px;
border-left:1px solid #666;
overflow:hidden;
}
.g-nav li:last-child a {border-right:1px solid #666;}
.g-nav li a:hover {background:#d5deeb;}
.g-nav li img {width:auto; height:auto; margin:10px 0 0 0;}
/*821以下*/
@media only screen and (max-width:821px) {
.g-nav {display:none;}
}

/*main-logo*/
.logo-top {
width:auto;
max-height:60px;
/*bottomから3px*/
position:absolute;
bottom:3px;
left:0px;
z-index:10;
}
@media only screen and (max-width:821px) {
.logo-top {max-width:260px; height:auto; max-height:60px; min-height:30px; bottom:5px;}
}
@media only screen and (max-width:480px) {
.logo-top {max-width:210px; height:auto; max-height:34px; bottom:10px;}
}

/*不使用*/
/*.g-nav-icon {display:inline; margin-top:20px;}*/

#container {
width:100%;
position: relative;
height:auto !important;
height:100%;
min-height:100%;
/*background:#fff;*/ /*--背景色注意--*/
padding:130px 0% 0px 0%;
}
@media only screen and (max-width:821px) {
#container {padding:70px 0% 0px 0%;}
}

#wrap {
width:100%;
/*max-width:960px;*/
margin-left:auto;
margin-right:auto;
padding:0px 0% 260px 0%; /*bottomをフッタの高さ*/
background:#fff;
}
@media only screen and (max-width:821px) {
#wrap {padding:0px 0% 280px 0%;} /*bottomをフッタの高さ*/
}

#footer {
position:absolute;
bottom:0;
width:100%;
height:260px; /*高さをwrapのpadding-bottomと揃え*/
padding:0px;
background:#adb7bd;
color:#222;
overflow:hidden;
}
@media only screen and (max-width:821px) {
#footer {height:280px;} /*高さをwrapのpadding-bottomと揃え*/
}

#footer-content {
width:94%;
max-width:980px;
margin-left:auto;
margin-right:auto;
padding:0px 0% 0px 0%;
background:#999;
}

.box-w100per {
width:100%;
margin-left:auto;
margin-right:auto;
padding:0px 0px;
}

.box-w98per {
width:94%;
max-width:980px;
margin-left:auto;
margin-right:auto;
padding:15px 0px 0 0;
}
/*--主要部品--*/


/*--page先頭へ--*/
.page-top {z-index:9999; width:80px; position:fixed; bottom:15px; right: 30px;}
.page-top img {width:100%;}
@media screen and (max-width:769px) {
.page-top {width:50px; bottom:5px; right:10px;}
}

/*n番目*/
.new-entry {line-height:1.8em; border-bottom:1px dotted #999; padding:0px 0px 4px 0px;}
.new-entry:last-child {border-bottom:none; margin-bottom:4px;}



#breadcrumb li {
float:left;
list-style-type:none;
font-size:0.9em;
text-decoration:none;
margin-bottom:20px;
}

/*homeに戻る-基点*/
.rel-return {
position:relative;
z-index:2;
} 
/*homeに戻る-BTN*/
.abs-return a {
bottom:15px;
left:30px;
z-index:20;
position: fixed;
min-width:120px;
height:auto;
cursor:pointer;
background:#fff;
border:2px solid #ccc;
border-radius:4px;
text-align:center;
}
@media screen and (max-width:769px) {
.abs-return a  {
width:50px;
bottom:5px;
left:10px;
}
}

/*▼コメント*/
.comment-respond {
padding: 10px;
margin: 0px;
border: solid 2px #ccc;
}

/*--投稿欄--*/
.comment-respond #comment {
display: block;
border: solid 2px #ccc;
background:#f1f1f1;
padding:3px;
margin-bottom:20px;
width:100%;
}

/*--投稿者お名前--*/
.comment-respond #author {
display: block;
border: solid 2px #ccc;
background-color: #e4e4e4;
padding:3px;
margin-bottom:20px;
width:100%;
}

/*--送信btn--*/
.comment-respond #submit {
display: inline-block;
background-color: #008000;
color: #fff;
padding: 5px 5px;
border-radius: 5px;
border:none;
font-size: 1.2em;
}

/*--非表示--*/
#email-notes {display:none;}
.required {display:none;}
.comment-form-email {display:none;}
.comment-form-url {display:none;}
.comment-form-cookies-consent {display:none;}
/*--▲コメント--*/

.disp-none {display:none;}