@charset "UTF-8";

/*メインカラー //////////////////////////////////////////////
黒に近い紺色 100% --- #00507D;
青色 100% --- #32A0F0;
青色 10%下地用 --- #EAF5FD;
青色 50%罫線用 --- #98CFF7;
フッターの薄い青下地 --- #D2F0FF;
*/

/* 基本設定 ////////////////////////////////////////////// */
.clearfix::after { content: ""; display: block; clear: both; }

/* フォント設定 ////////////////////////////////////////////// */
/* WEBフォント */
.w100{ font-weight:400; } .w200{ font-weight:400; } .w300{ font-weight:400; } .w400{ font-weight:400; }
.w500{ font-weight:700; } .w600{ font-weight:700; } .w700{ font-weight:700; } .w800{ font-weight:700; }
/* 本文 */
body{ color:#000; font-size:16px; line-height:1.8em; font-weight:400; }
/* h1 */
h1.classh1{ font-family:'Noto Sans JP', sans-serif; color:#32A0F0; font-size:30px; line-height:48px; font-weight:700; }
/* h2 */
h2{ color:#FFF; font-size:26px; line-height:36px; font-weight:700; }
/* h3 */
h3{ color:#32A0F0; font-size:20px; line-height:30px; font-weight:700; }
/* photo下 */
.photoCon{ font-size:14px; line-height:20px; }
/* =========================================================================================================== */




/* body ////////////////////////////////////////////// */
body{ font-family: 'Noto Sans JP', sans-serif; color:#000; }

/* その他 ////////////////////////////////////////////// */
.goTop{ position:fixed; width:47px; height:47px; background:url(../img/common/goTop.png); bottom:40px; right:40px; z-index:2; }

/* #header ////////////////////////////////////////////// */
#header{ width:100%; height:50px; /*background:#eee; border-bottom:1px solid #98CFF7;*/ position:relative; }
#header #logomark{ width:36px; height:36px; background:url(../img/common/logomark.jpg); background-size:36px 36px; position:absolute; top:8px; left:16px; }
#header #logotype{ width:100px; height:34px; background:url(../img/common/logotype.jpg); background-size:100px 34px; position:absolute; top:8px; left:60px; }
#header #border{ width:10px; height:34px; border-left:1px solid #32A0F0; opacity:0.5; position:absolute; top:8px; left:176px; }
#header p{ display:block; width:500px; position:absolute; top:0px; left:0px; font-size:18px; line-height:50px; color:#32A0F0; font-feature-settings:"palt"; letter-spacing:3px; margin-left:198px; }
#header #mail{ width:106px; height:50px; background:url(../img/common/mail.jpg); background-size:106px 50px; position:absolute; top:0; right:0; }
#header #top{ width:106px; height:50px; position:absolute; top:0; right:106px; font-size:14px; text-decoration:none; line-height:50px; color:#32A0F0; text-align:center; border-left:1px solid #98CFF7; }


/* #main-container ////////////////////////////////////////////// */
#main-container{ width:1000px; height:auto; /*background:#eee;*/ margin:0 auto 120px auto; }

/* #keyV ////////////////////////////////////////////// */
#keyV{ width:100%; height:430px; margin-bottom:40px; background:#eee; }
#keyV img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: 50% 50%;
}



/* #container ////////////////////////////////////////////// */
#container{ width:850px; height:auto; /*background:#FFB1B1;*/ margin:0 auto; }

/* 投稿画面内 */
h1{ width:100%; height:auto; /*background:#eee;*/ text-align:center; margin-bottom:40px; }
h2{ width:100%-40px; height:auto; background:#32A0F0; text-align:justify; padding:20px; margin-bottom:40px; margin-top:80px; }
h3{ width:100%; height:auto; background:#FFF; text-align:justify; border-bottom:1px solid #98CFF7; padding-bottom:8px; margin-bottom:40px; }
p{ width:100%; height:auto; /*background:#eee;*/ text-align:justify; margin-bottom:40px; }
.photoCon{ width:500px; height:auto; background:#FFF; text-align:justify; margin:40px auto; }
.photoCon img{ width:500px; height:auto; padding-bottom:2px }
/*投稿画面からのボタン*/
#container .button{ width:100%; /*background:#eee;*/ text-align:center; }
#container .button a{ display:inline-block; height:80px; background:#00507D; border-radius:80px; text-align:center; color:#FFF; font-size:24px; font-weight:700; text-decoration:none; line-height:80px; padding:0 60px; margin:120px auto 0 auto; }
/*トップに戻るボタン*/
#container .kijishita_goHome{ width:150px; height:70px; /*background:#eee;*/ text-align:center; border:1px solid #98CFF7; margin:120px auto 0 auto; }
#container .kijishita_goHome a{ display:block; width:150px; height:70px; /*background:#D1FBE4;*/ color:#32A0F0; font-size:16px; line-height:70px; text-decoration:none; }



/*.footer //////////////////////////////////////////////////////////////*/
.footer{ width:100%; height:auto; /*background:#eee;*/ }
.footer .usuaoArea{ width:100%; height:152px; background:#D2F0FF; text-align:left; }
.footer .usuaoAreaWrapper{ width:860px; height:100%; /*background:#F0D2FF;*/ margin:0 auto; }
/* 左：ロゴ+キャッチ */
.footer .usuaoArea .logoCon{ width:280px; color:#32A0F0; /*background:#F0FFD2;*/ float:left; margin-top:38px; margin-right:20px; }
.footer .usuaoArea .logoCon p{ font-size:14px; line-height:0; padding-left:2px; }
/* 中央：SNS */
.footer .sns_wrapper{ width:233px; height:112px; /*background:#C08182;*/ float:left; margin-top:20px; border:1px solid #98CFF7; border-top-style:none; border-bottom-style:none; }
.footer .sns_wrapper img{ padding-top:40px; }
.footer .sns1{ width:34px; height:35px; float:left; padding-left:39px; }
.footer .sns2{ width:34px; height:35px; float:left; padding-left:25px; }
.footer .sns3{ width:34px; height:35px; float:left; padding-left:25px; }
/* 右：etc */
.footer .etc_wrapper{ font-size:12px; color:#32A0F0; line-height:152px; margin-left:30px; }
.footer .etc_wrapper a{ color:#32A0F0; }
.footer .privacy{ /*background:#ee0;*/ float:left; margin-left:30px; }
.footer .kiyaku{  /*background:#e00;*/ float:left;  margin-left:30px; }
/* コピーライト */
.footer .copyrightCon{ width:100%; height:46px; background:#32A0F0; font-size:12px; color:#FFF; line-height:46px; text-align:center; letter-spacing:10px; }