@charset "UTF-8";
html,body { height: 100%; } p { margin-bottom: 0em; }
body { background-color: #EDF3F7; color: #00214D; -webkit-animation: bugfix infinite 1s; font-family: "Open Sans" , Roboto ,"Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight:500; line-height: 1.5em; margin: 0px; padding: 0px; font-size: 15.5px; }

.hlevel_01 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:40px; line-height: 1em; margin-bottom:0.5em; }
.hlevel_02 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:21px; line-height: 1em; margin-bottom: 1.5em; letter-spacing: 3px; }
.hlevel_03 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:16px; line-height: 1em; margin-bottom: 2.5em; letter-spacing: 2px; }
.hlevel_01 span, .hlevel_02 span { display: block; }

h2.b_title { font-family: 'Open Sans', sans-serif; letter-spacing: 2px; font-weight: 500; width:100%; margin: 0em 0em 0.5em 0em; position: relative; font-size: 23px; line-height: 1em; text-align: center; }
h2.b_title:before { content: ""; display: block; border-top: solid 1px #8e9aaa; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; }
h2.b_title p { width: 300px; padding: 0 20px; position: relative; z-index: 5; background-color: #FFF; margin: 0 auto; }

.moderne_sans { font-family: Moderne Sans, sans-serif; }
.open_sans { font-family: 'Open Sans', sans-serif; }

.top_hr { width: 98%; margin: 3% auto 0% auto; display: block; height: 1px; border-top-color: #CCC; color: #FFF; border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////  ヘッダー */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* header */
#header { width: 100%; position: absolute; padding: 0px; line-height: 1; z-index: 999;}
#header .header_inner { height: 50px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; z-index: 998; background: rgba(255, 255, 255, 0.7); padding: 0.5em 1em; }
#header.fixed { margin-top: 0; top: 0; position: fixed; background: #FFF; background: rgba(255, 255, 255, 0.7); transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in; }
#header .header_inner #menu_r { position: relative; display: flex; justify-content: space-between; }
/* Toggle Button */
#nav_toggle { width: 30px; height: 30px; display: none; cursor: pointer; }
#nav_toggle div { position: relative; }
#nav_toggle span { width: 100%; height: 3px; background: #7ea7bc; display: block; position: absolute; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }
#nav_toggle span:nth-child(1) { top: 0; }
#nav_toggle span:nth-child(2) { top: 8px; }
#nav_toggle span:nth-child(3) { top: 16px; }
#nav_toggle span:nth-child(3):after { content: "Menu"; font-size: 0.7em; text-align: center; font-weight: 700; padding-top: 0.7em; display: inline-block; }

a.donation_link_01, a.donation_link_02 { display: inline-block; background-color: #f27435; color: #FFF; border-radius: 3px; width: 150px; padding: 0.5em; line-height: 1.2em; margin-right: 1em; text-align: center; }
a.donation_link_02 { display: none; margin: 1em auto 0 auto; }
@media screen and (max-width: 620px) {
a.donation_link_01 { display: none; }
a.donation_link_02 { display: block; }
}

/* Fixed reset */
#header h1.logo { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; padding: 0.5em; }
#header .logo a { color: #005E8D; line-height: 1em; }
#global_nav { position: absolute; top: -505px; background: #1a272f; width: 100%; z-index: 997; text-align: center; padding: 10px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#global_nav ul { font-size: 14px; position: static; right: 0; bottom: 0; }
#global_nav ul li { float: none; position: static;}
#header #global_nav ul li a, #global_nav ul li a { width: 100%; display: block; color: #fff; padding: 18px 0;}
#nav_toggle { display: block;}

/* #nav_toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg); }
.open #nav_toggle span:nth-child(2) { width: 0; left: 50%;}
.open #nav_toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg); }
.open #nav_toggle span:nth-child(3):after { content: "";}
/* #global_nav スライドアニメーション */
.open #global_nav {/* #global_nav top + #mobile_head height */-moz-transform: translateY(556px);-webkit-transform: translateY(556px);transform: translateY(556px); }

@media screen and (max-width: 620px) {
#header .header_inner { padding: 0.5em 0.3em 0.5em 0.7em; }
#header h1.logo { padding: 0.5em 0.5em 0.5em 0em; font-size: 14px; }
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////  conteiner */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.conteiner_wrap { padding: 2em 0em; }
.contents { width:1000px; padding: 2em ; margin: 0 auto; }
.contents_ { padding: 0em; margin: 0 auto; }
.planebox { padding: 1em; background-color: #FFF; margin-bottom: 2em; } /*contentsと掛け合わせ*/
@media screen and (max-width: 1000px) { 
.contents { width: 100%; padding: 2em 1em; } 
}

.bg_white { background-color: #FFF !important; }
.bg_d_glay { background-color: #1a272f; } .bg_l_glay { background-color: #FAFAFA; }
.bg_d_blue { background-color: #00214D; } .bg_blue { background-color: #005E8D; } .bg_l_blue { background-color: #00ABCF; }
.bg_2_tone { background:linear-gradient(90deg, #00214D 0%, #00214D 50%, #005E8D 50%, #005E8D 100%); }
.white { color: #FFF; }

.slogan_02 span { display: block; text-align: center; }


#single_con { min-height: 90vh;}

#single_con h2 { text-align: center; font-size: 30px; margin: 1em 0em 1.5em 0em; font-weight: 700; line-height: 1.3em;}
@media screen and (max-width: 1000px) { 
#single_con h2 { font-size: 23px; margin: 1em 0em 1.5em 0em; }

}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////  hero area */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#toppage h2 { text-align: center; font-size: 1.6em; margin-bottom:2em; }
#toppage p { line-height: 2em; }
#top_hero { padding-top: 50px; }
#top_hero img { width: 400px; margin: 6em auto; text-align: center; display: block; }
@media screen and (max-width: 620px) {
#top_hero img { width: 90%; }
}

#toppage #about .about_in { margin: 0 auto; background-color: #FFF; padding: 3em; margin-bottom: 2em; }
#toppage #about img { width: 100px; margin: 1em auto; text-align: center; display: block; }
#toppage #about img ~ span { margin: 0em auto; text-align: center; display: block; }
#toppage #about p span { display: block; margin: 1em auto; }
#toppage #donation p { padding: 0em 3em; margin-bottom: 3em; }
#toppage #donation p span { display: block; text-align: center; }

@media screen and (max-width: 1000px) {
#toppage #about p, #toppage #donation p { padding: 1em; }
}
@media screen and (max-width: 620px) {
#toppage #donation p span { display: inline; text-align: left; }
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////　about_us　*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////  latest */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/


.fb_wrap { max-width: 300px; margin: 0 auto; }
.fb_wrap > .fb-page { width: 100%; }
.fb_wrap > .fb-page > span, .fb_wrap iframe { width: 100% !important; }

@media screen and (max-width: 340px) { .fb_wrap { max-width: 310px; } }
@media screen and (max-width: 320px) { .fb_wrap { max-width: 280px; } }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////　info　*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#headlines { margin-top: 2em; }
#headlines ul li { font-size: 13px; border-bottom: 1px solid #d2e2ec; }
#headlines ul li p:nth-child(2) { width: 80% !important; }

#info_list { width:100%; overflow: hidden;}
#info_list ul li { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0.8em 0em; }
#info_list ul li:last-child { margin-bottom: 0em; }
#info_list ul li p { margin-bottom: 0em; display: block; line-height: 1.6em; margin: 0em; padding: 0em; }
#info_list ul li p:nth-child(1) { width: 180px; }
#info_list ul li p:nth-child(2) { width: 80%; }
#info_list ul li a { width:100%; display: block; color: #122742; font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.i_ctgry { display: inline-block; width: 90px; margin-right: 0.3em; }
.i_post_data { display: inline-block; font-size: 9px; color: #39F; width: 45%; }
.i_important, .i_news, .i_up, .i_public, .i_event  { width: 100%; display: block; color: #FFF; padding: 0.25em 0.1em 0.1em 0.1em; margin-right: 1em; line-height: 1.1em;  border-radius: 10px; font-size: 10px; text-align: center; }
.i_important { background-color: #ff8900; } .i_news { background-color: #1C879F; } .i_up { background-color: #008bd1; } .i_public { background-color: #66CCCC; } .i_event { background-color: #6666CC; }

@media screen and (max-width: 1200px) {
#info_list ul li p:nth-child(1) { width: 100%; padding-bottom: 5px; }
.i_ctgry, .i_post_data { display: inline-block; width: 75px;}
#info_list ul li p:nth-child(2) { width: 100%; }
}

#info_wrap { width: 45%; margin: 0em auto 2em auto; background-color: #FFF; }

#info_col { width: 55%; background-color: #FFF; margin: 0em auto 2em auto; }
#info_col img.wp-post-image { width: 100%; height: auto; margin-bottom: 5%; }
#info_col #cat_wrap { padding: 2em 5%;}
#info_col #cat_wrap .i_ctgry, #info_col #cat_wrap .i_post_data { display: inline-block; width: 80px; }

#info_col .post_content { padding:0%; line-height: 2em; }
#info_col .post_content p { padding: 0% 5% 5% 5%; }
#info_col .post_content img { width: 100%; height: auto; margin-bottom: 5%; }
#info_col ul { padding: 0% 0% 0% 5%; }
#info_col h2+ul { padding: 0px; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#info_col h2+ul li { margin-top: 20px; font-size: 0.9em; background-image: url(../img/list_icon.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; }
#info_col h1 { padding: 0% 5% ; padding-top: 7px; padding-bottom: 7px; border-left-width: 4px; border-left-style: solid; border-left-color: #666; line-height: 1.3em; font-size: 1.2em; }
#tinymce h2
#info_col hr { background-color: #fff; border-top: 2px dashed #8c8b8b; }

#close a { width: 100%; color: #FFF; line-height: 1.4em; padding: 10px 0px 10px 0px; background-color: #122742; text-align: center; display: block; }
#close a:hover { background-color: #0c435b; cursor: pointer; }

#info_title { font-size: 1.3em; padding-bottom: 2%; padding-top: 2%; font-weight: bold; margin-bottom: 2%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
@media screen and (max-width: 1200px) {
#info_wrap { width: 94%; margin: 0% 3%; }
#info_col { width: 100%; }
}
@media screen and (max-width: 620px) {
#info_list ul li p:nth-child(2) { width: 100%; }
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////// Archive */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.post_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1em; }
.post_list ul li { width: 24%; margin: 0em 0em 1% 0em ; background-color: #FFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); }
.post_list ul li .img_and_cat { position: relative; }
.post_list ul li .img_and_cat .ctgry { font-size: 6px; position: absolute; top: 0; left: 0; z-index: 5; line-height: 1em; background-color: #0c435b; color: #FFF; padding: 1.3em 1em; display: inline-block; }
.post_list ul li .img_and_cat .img_wrap { display: block; position: relative; overflow: hidden; z-index: 4; }
.post_list ul li .img_and_cat .img_wrap::before { content: ''; display: block; padding-top: 56.25%; /* 16:9 */ }
.post_list ul li .img_and_cat .img_wrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: auto; }
.post_list ul li div { padding: 1em; }
.post_list ul li .post_title a { color: #122742; display: block; font-size: 1em; padding-bottom: 0.5em; width: 100%; border-bottom: #999 dotted 1px; }

.post_data { font-size: 9px; color: #39F; }
.ctgry, .date { font-size: 9px; }
.post_content_meta { display: block; font-size: 12px; color: #0c435b; }
.post_content { padding: 5%; line-height: 2em; }
.post_content p { line-height: 2em; }
.post_content h4 { padding: 0.5em 5% 0.5em 5%; line-height: 2em; margin-bottom: 1.5em; color: #494949;/*文字色*/ background: #fffaf4;/*背景色*/ border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/ }
.i_point { color: #4ddb0f; font-weight: bold; }

pre { font-family: Avenir , "Open Sans" , Roboto , "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif; width: 100%; padding: 5%; line-height: 2em; font-weight:normal; white-space: pre-wrap; word-wrap: break-word; overflow: auto; }
.win pre { font-family: Avenir , "Open Sans" , Roboto , "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴシック", "游ゴシック" , "Yu Gothic", "游ゴシック体", "YuGothic", Meiryo, sans-serif;}

.more { margin-bottom: 2em; }
.more a { color: #122742; transition: all 150ms; }
.more a:before { font-weight: 300; font-size: 1.2em; line-height: 1.5em; width: 20px; height: 20px; margin-right: 0.5em; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; flex-flow: column; vertical-align: top; content: "\e29"; font-family: 'icomoon'; background-color: #000; color: #FFF; }
.more a:hover { padding-left: 1.5em; }


@media screen and (max-width: 1000px) {
 .post_list ul li { width: 32%; }
 .post_content_meta a { display: block; } }
@media screen and (max-width: 768px) { 
.post_list ul li { width: 49%; } 
}
@media screen and (max-width: 620px) {
.post_list ul li div { padding: 0.5em; }
.post_list_box .post_title { font-size: 0.9em; width: 100%; white-space: normal; overflow: visible; text-overflow: clip; }
.post_content_meta { display:none; }
}

/* article
--------------------------*/

#article { width: 1000px; height: 100%; margin: 0px auto; position: relative; overflow: visible; display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 1200px) { #article { width: 100%; height: auto; padding: 0em 1em 1em 1em; } }
@media screen and (max-width: 768px) { #article { padding: 1em 0.5em 0.5em 0.5em; } }

/* 記事ページ用 トップリンク
--------------------------*/
#follow_box { width: 8%; top: 80px; }
#follow_box p { width: 100%; padding: 10px; background-color: #333; }
#follow_box p a { font-family: 'Open Sans', sans-serif; display: block; font-size: 13px; color:#FFF; font-weight: 300; }
#follow_box div a span { margin-right: 5px; }

#left_col { width: 59%; background-color: #FFF; margin-bottom: 2em; }
#left_col img.wp-post-image { width: 100%; height: auto; margin-bottom: 5%; }

#left_col .post_content img { width: 100%; height: auto; margin-bottom: 1em; }
#left_col .post_content .post_meta { margin-bottom: 2em; }
#left_col h2+ul { padding: 0px; margin-top: 40px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#left_col h2+ul li { margin-top: 20px; font-size: 0.9em; background-image: url(../img/list_icon.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; }
#left_col h1 { padding: 0% 5% ; padding-top: 7px; padding-bottom: 7px; border-left-width: 4px; border-left-style: solid; border-left-color: #666; line-height: 1.3em; font-size: 1.2em; }
#left_col h2 { font-size: 1.2em; padding: 0em 1em 0.5em 1em; line-height: 1.3em; margin: 2em 0em; border-bottom: 1px dotted #CCC; border-left: 4px solid #666; }
#left_col hr { background-color: #fff; border-top: 2px dashed #8c8b8b; }
.post_content p.youtube { display: block; position: relative; width: 90%; padding-top: 56.25%; margin: 0% 5% 5% 5%; }
.post_content p.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.youtube { display: block; position: relative; width: 90%; padding-top: 56.25%; margin: 0% 5% 5% 5%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#right_col { width: 26%; }
#right_col .right_col_kards h3 { font-weight: 700; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #0c435b; margin-bottom: 0.5em;}
#right_col .right_col_kards h3 span { font-size: 12px; color: #999; padding: 0 0 0 0.5em; letter-spacing: 0px; font-weight: 300; }

#right_col .right_col_kards_in { background-color: #FFF; padding: 1em; margin-bottom: 2em; }
#right_col img { margin-bottom: 20px; border: 1px solid #999; padding: 4px; background-color: #EAEAEA; }

#right_col ul li { padding: 0px; margin: 0px; font-size: 12px; line-height: 1.5em; }
#right_col ul li a:before{ display: inline-block; vertical-align: middle; content: "\e29"; font-family: 'icomoon'; padding: 0px 1px; margin-right: 10px; background-color: #0c435b; color: #FFF; font-size: 1.3em; font-weight: normal; }
#right_col ul li a { display: inline-block; vertical-align: middle; font-size: 0.9em; color: #3C72E9; padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin: 0.3em 0px; }

.fixed { position:fixed; top:70px; }
.mokuji { padding:3%; }
.mokuji_h { color: #FFF; background-color: #000; padding: 13px; font-size: 1.2em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
ul.mokuji { padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
ul.mokuji li { font-weight: bold; font-size: 0.9em; line-height: 2em; }

.comment_memo { background-color: #FAFAFA; margin: 3%; padding: 0%; margin-bottom: 3%; }
.comment_memo h3 { border-bottom: #666 dotted 1px; padding: 4% 3% 3% 5%; margin-bottom: 3%; line-height: 1.3em; }
.comment_memo h3:before { content: "\e12"; font-family: 'icomoon'; margin-right: 1em; }
.comment_name { display: block; margin-top: 2%; font-weight: bold; color: #999; }
.comment_memo p { margin: 0%; padding:0%; }

.post_nav { width: 100%; overflow: hidden; line-height: 1.2em; padding:0% 5%; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; }
.post_nav_left a { width: 50%; padding: 2% 2% 2% 0% ; float: left; border-right: #ccc solid 1px; font-weight: normal; }
.post_nav_right a { width: 50%; padding: 2% 0% 2% 2% ; float: right; text-align: right; font-weight: normal; }



/*///////////////// yotube ビデオ */

.video_box { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0%; margin-bottom: 5%; position: relative; }
.video_box img { width: 100%; height: auto; position: relative; }
.video_box:hover {transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; -webkit-transition: all 350ms; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); opacity: 0.8; }
.video_box a:before { cursor: pointer; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #FFF; font-size: 75px;content: "\e19"; font-family: 'icomoon'; z-index: 100; filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); opacity: 0.8; }

@media screen and (max-width: 1000px) {
#left_col { width: 100%; padding: 0%; margin-left: 0%; }
#right_col { width: 100%; position: relative; margin-top: 3%; }
#right_col > div { position: relative; }
#follow_box { display: none; }
}

.block_style { text-align:center; padding: 5% 0%; }

.block_style h2 { font-size: 34px; }
.block_style h3 { font-size: 20px; margin-bottom: 2%; }

.block_style p { width: 650px; margin: auto; margin-bottom: 2%; }
.block_style p span { display: block; }

#block_a h2 { text-align: center; margin-bottom: 3%; }
#block_b { background-color: #000; background-image: url(../img/lim_bg_02.png); }
#block_b h2 { text-align: center; margin-bottom: 3%; }


/*/////////////////   contact */

#rf_contact { text-align: center;}

#rf_contact_form { max-width: 500px; background: #deeaf2; margin: 1em auto 0 auto; padding: 2em; margin-bottom: 1em;}
#rf_contact_form p { margin-bottom: 0em; }
#rf_contact_form label { margin-bottom: 0.5em; display: block; font-size: 0.8em; text-align: left; }
#rf_contact_form input { width: 100%; border: none; padding: 5px; font-size: 1em; }
#rf_contact_form textarea { width: 100%; border: none; margin-bottom: 1em; }
#rf_contact_form input[type="submit"] { background-color: #00ABCF; color: #FFF; font-size: 0.8em; padding: 1em; display: block;}
#rf_contact_form input[type="submit"]:hover { background-color: #005E8D; }
#rf_contact_form input[type="submit"]:active { position: relative; top: 5px; background-color: #00ABCF;}
.screen-reader-response { display: none; }
form.sent p { display:none; }
div.wpcf7-mail-sent-ok { background-color: #56b379; color:#ffffff; font-weight:bold; font-size:120%; padding:10px; }

@media screen and (max-width: 1200px) {
#rf_contact_form { padding: 1em; }
#rf_contact { min-height:700px; }
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////　footer　*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer { background-color: #1a272f; color: #CCC; text-align: center; font-weight: 300; padding-top: 3em; padding-bottom: 3em; margin: 0px; }
#footer p:nth-child(1) { font-family: Moderne Sans, sans-serif; } #footer p:nth-child(1) span { margin-right: 0.3em; }
#footer p:nth-child(2) { font-size: 11px; margin-bottom: 2em;}
#footer a { font-size: 11px; display: block; color: #005E8D; }


/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////   google-maps */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 1023px) {
.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; margin: 0px; } 
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } 
}
#fb-root { margin: 0px; padding: 0px; display: inline; }
/*///////////////// print_css */
@media print{ #header{display:none; } #footer{display:none; } #hr {display:none; } } 


/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////   打ち消し用　*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////// 共通アニメーション */
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.inviewfadeIn, .inviewfadeIn02 { opacity: 0; transition: 1.0s; }
.fadeIn { opacity: 1.0; }
.inviewUp { transform: translate(0, 70px); -webkit-transform: translate(0, 70px); transition: .8s; }
.Up { transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.inviewzoomIn { transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: .8s; }
.zoomIn { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
.inviewfadeInUp { opacity: 0; transition: .8s; -webkit-transform: translate3d(0, 90px, 1px);  transform: translate3d(0, 90px, 1px); }
.transition_10 { transition: 1s;} .transition_15 { transition: 1.5s;} .transition_20 { transition: 2s;} .transition_25 { transition: 2.5s;} 
.fadeInUp { opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.zoom_in img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.zoom_in:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }


/* SNS
--------------------------*/


.snsbuttons { height: 20px; margin: 1em 0em 0em 0em; }
.snsbuttons li { display: inline-block; height: 20px; list-style: none; }
.snsbuttons .fb_iframe_widget > span { vertical-align: baseline !important; }

@media screen and (max-width: 414px) { .snsbuttons { height: auto; } }

.bg_tag { background: url(/img/bg_tag.png) center top; background-color: #EDF3F7; background-blend-mode: multiply; background-size: cover; }

.sns_area { padding: 4em 0em 2em 0em; text-align: center; }
.sns_area h2 { font-size: 28px; line-height: 1.3em;  margin-bottom: 2em; } .sns_area h2 img { width: 60vmin; display: block; margin: 1em auto 0 auto; }
.sns_area h4 { text-align: center; font-weight: 300; }
.sns_area ul { text-align: center; margin: 1em auto 3em auto; } .sns_area ul li { display: inline-block; margin-right: 5px; margin-left: 5px; }
.sns_circle { width: 55px; height: 55px; position: relative; } .sns_circle a { position: relative; display: block; width: 55px; height: 55px; color: #FFFFFF; border-radius: 50%; transition: all 350ms; }
.sns_circle a:before { position: absolute; font-size: 20px; display: block; top: 17px; left: 0; right: 0; }
.sns_area ul #fb a { background-color: #355B99; }.sns_area ul #tw a { background-color: #33CCFF; }.sns_area ul #li a { background-color: #07B53B; }
.sns_area ul #fb a:hover { background-color: #212121; color: #355B99; }.sns_area ul #tw a:hover { background-color: #212121; color: #33CCFF; }.sns_area ul #li a:hover { background-color: #212121; color: #07B53B; }
@media screen and (max-width: 480px) { .sns_area h2 { font-size: 23px; } .sns_area h2 img { width: 85vmin; } }


#page_back { width: 1000px; margin: 2em auto 1em auto; }

@media screen and (max-width: 1000px) { 
#page_back { width: 100%; margin: 1em auto;} 
}
#page_back a { color: #005E8D; }