/* Template:stinger8 Theme Name:KISK_child */ body{background: #fff;font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";} #headbox-bg{background-color: #423434;color:#fff;} #header-l h1.sitename{padding: 0 !important;margin: 0 !important;} #header-l h1.sitename a{display: block !important; background: url("images/logo_white.png") no-repeat top left; background-size: 100%; width: 200px; height: 55px;text-indent: 100%; white-space: nowrap;overflow: hidden;} #st-page{margin: 0;padding: 0;} #content-w {margin: 0 !important; padding: 0 !important;clear: both !important;} #TOPpage .mainblock{background:#FFFFFF url("images/header_img.jpg") repeat-x bottom center;text-align: center;box-sizing: border-box;padding: 0 !important;margin:0 !important;} .sns{background: #ffffff;width: 100%;margin: 0;padding:1em 0;clear: both;} .sns ul{width: 100%; margin: 0 !important; padding: 0;} .sns ul li{margin: 0;padding: 0;} footer{background:#423434; color: #fff !important;margin: 0 !important;padding: 0 !important;} #footer{margin: 0 !important;padding: 1.5em 0 !important;overflow: hidden;} #footer a:link,footer a:visited{color: #fff !important;} #footer a:hover,footer a:active,footer a:focus{color: #ffff00 !important;} #footer .copy{color: #ffffff;margin: 0 !important;} #footer p{margin: 0 !important;} #footer .footerlogo{margin: 0 !important;padding: 0 !important;} #footer .footerlogo a{display: block; width: 200px;margin: 0 auto; background: url("images/logo_white.png") no-repeat top center;background-size: 100%;height: 55px;text-indent: 100%;white-space: nowrap;overflow: hidden;} #footer .footermenubox ul{padding: 0 0 1.5em 0 !important;margin: 0;} /* 中見出し */ h2 { background: #ede4cd; color: #1a1a1a; font-size: 19px; line-height: 27px; margin: 20px 0; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-left:3px solid #543f32; border-top:none; border-bottom:none; box-sizing: border-box; } /*小見出し*/ .post h3 { font-size: 18px; line-height: 27px; margin: 20px 0; padding: 10px 15px; color: #1a1a1a; background-repeat: no-repeat; background-position: left center; border-bottom: 1px #999999 dotted; } h3 a { color: #333; text-decoration: none; } dd h3 { line-height: 23px; } dd h3 a { color: #333; text-decoration: none; font-size:16px; } .post h4 { padding: 10px 15px; margin: 20px 0; background-color: #e6eae3; font-size: 17px; line-height: 26px; } #side .ad {padding: 0; margin: 0 0 1em 0;} #side .ad .ad_title, #side .kanren .kanren_title{background: #423434;color: #fff;padding: 0.5em 1em 0.3em 1em; box-sizing: border-box;margin: 0;border-radius: 10px 10px 0px 0px !important;} #side .ad ul{margin: 0.5em 0 0 0 !important;padding: 0 !important;} #side .ad ul li{margin: 0 0 0.2em 0;} #side input[type="text"]{border-radius: 5px !important;} #side .kanren dl{margin-top: 1em;} .author{display: none;} article .entry-content{padding-bottom: 1em;} /*-------------------------------- PAGE TOP ---------------------------------*/ #page-top { position: fixed; z-index: 9999; bottom: 0; right: 0; font-size: 20px; } #page-top a { text-decoration: none; background: #ddd !important; color: #000 !important; padding: 12px 16px; text-align: center; display: block; -moz-opacity: 1 !important; opacity: 1 !important; } #page-top a:hover { text-decoration: none; color: #000 !important; } #news{background:#62b8cc;width:100% !important;margin:0 !important;padding: 0 0 3em 0;} #news #breadcrumb li{color: #fff !important;} #news #breadcrumb a:link,#news #breadcrumb a:visited{color: #fff !important;} #news #breadcrumb a:hover,#news #breadcrumb a:active,#news #breadcrumb a:focus{text-decoration: underline !important;} #news .cate_archive_title {text-decoration: none;color:#423434 !important;font-weight: bold;} #blog{background:#C9E2B3 url("images/header_img.jpg") repeat-x top center;width:100% !important;margin:0 !important;padding: 0 0 3em 0;} #blog #breadcrumb li{color: #423434 !important;} #blog #breadcrumb a:link,#news #breadcrumb a:visited{color: #423434 !important;} #blog #breadcrumb a:hover,#news #breadcrumb a:active,#news #breadcrumb a:focus{text-decoration: underline !important;} .side-topad .ad ul li{width: 96% !important; margin: 0 auto !important;} .kanren dl{width: 96% !important; margin: 0 auto 0 auto !important;padding: 1em 0 1em 0;} .kanren dt img{width: 120% !important;} .page-mainimg{text-align: center;padding: 0 !important; margin: 0 !important;} .cate_title,.cate_archive_title{color:#423434 !important;} #TOP-blog h2 span{color: #423434 !important;} #TOP-blog .blog_list_block ul li a{display: block; overflow: hidden;text-decoration: none;color: #423434;} #TOP-blog .blog_list_block ul li a:hover{color: #4682b4 !important;} #TOP-blog .blog_list_block ul li span.list_date{display: block;width: 100%; padding: 0 0 0.5em 0;margin: 0;line-height: 1.5;font-size: 100%;border-bottom: #ccc 1px solid;} #TOP-blog .blog_list_block ul li span.list_title{display: block;width: 100%; padding: 0.5em 0;margin: 0;line-height: 1.5;font-size: 120%;font-weight: bold;border-bottom: #ccc 1px solid;} #TOP-blog .blog_list_block ul li span.list_txt{display: block;width: 100%; padding: 0.5em 0 0 0;margin: 0;line-height: 1.5;font-size: 100%;} /*media Queries タブレットサイズ（～600px）のみで適応したいCSS -スマホのみ ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 600px) { /*#headbox .trigger {height: 60px !important;} #headbox .trigger .op i{display: block;margin: 0.5em 0 !important;}*/ .trigger .fa:not(.fa-bars) { font-size:25px; } .trigger .fa { line-height:60px; } #TOPpage .mainblock img{width: 75%;} #TOPpage .mainblock p{width: 84%; padding: 0 0 1em 0 !important;margin: 0 auto !important;} #TOPpage .mainblock p.copy{padding: 1em 0 1em 0 !important; width: 60% !important; margin: 0 auto !important;font-weight: bold;font-size: 110%;} /* TOP-blog */ #TOP-blog h2{width: 90%;background: url("images/chara_img4.png") no-repeat bottom left;min-height: 139px; color: #1a1a1a;font-size: 150%;line-height: 1;margin: 0 auto!important;padding-top: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;padding-left: 0 !important;border:none;background-size: 25%;} #TOP-blog h2 span{display: inline-block;width: 75%;margin: 0 0 0 25%; padding: 2.5em 0 0 0 !important;text-align: right !important;} #TOP-blog .blog_list_block{width: 90%; margin: 0 auto; background: #423434;overflow: hidden;border-radius: 1em;padding: 1em 0; box-sizing: border-box;} #TOP-blog .blog_list_block ul{list-style: none;width: 94%;margin: 0 auto; overflow: hidden;padding: 0; box-sizing: border-box;} #TOP-blog .blog_list_block ul li{display: block;width:100%;overflow: hidden;background: #fff;padding: 1em; box-sizing: border-box;margin: 0 0 1em 0;} #TOP-blog .blog_list_block ul li span.list_img{display:block;width: 100%;min-height: 150px;margin: 0 0 1em 0 !important;text-align: center; overflow: hidden;position: relative;} #TOP-blog .blog_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; max-width: 150%;} /* TOP-news */ #TOP-news{background: #62b8cc;clear: both;box-sizing: border-box;padding-top: 2em;position: relative;} #TOP-news h2{width:90%;background: #fff; color: #423434;font-size: 150%;line-height: 1;margin: 0 auto!important;padding: 3.5em 0 0 0 !important;border:none;border-radius: 1em 1em 0 0;} #TOP-news h2 span{width:90%; display: block;padding: 2.4em 0 0 0 !important;margin: 0 !important;background: url("images/chara_img2.png") no-repeat 92% bottom;box-sizing: border-box;min-height: 125px;position: absolute;top:0.5em;left:10%;text-align: left; background-size: 30%;} #TOP-news .news_list_block ul{list-style: none;width: 96%;margin: 0 auto; overflow: hidden;padding: 0 0 1em 0;box-sizing: border-box;border-top: #423434 solid 2px;} #TOP-news .news_list_block ul li{display: block;border-bottom:#423434 dotted 1px;overflow: hidden;padding: 1em 0 1em 0;box-sizing: border-box;width: 90%;margin: 0 auto;position: relative;} #TOP-news .news_list_block ul li a{display: block;width: 100%;height: 100%; position: absolute; top: 0; left:0; text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 100;} #TOP-news .news_list_block ul li a:hover{background: rgba(255,255,255,0.2);} #TOP-news .news_list_block ul li span.list_img{display:block;width: 100%;margin: 0;min-height: 150px;text-align: center; overflow: hidden;position: relative;} #TOP-news .news_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;height: auto;max-width: 150%;} #TOP-news .news_list_block ul li div{margin: 0.5em 0 0 0;} #TOP-news .news_list_block ul li h3{width: 100%; display:block;margin: 0 0 0 0; padding: 0.5em 0; border: none !important;font-size: 130%;} #TOP-news .news_list_block ul li span.list_txt{display:block;width: 100%; margin: 0 0 0 0;font-size: 100%;} /* TOP-profile */ #TOP-profile{background: #87ddc5;clear: both;box-sizing: border-box;padding: 2em 0;} #TOP-profile .profile_block{background: #ffffff;width:90% !important;margin: 0 auto;border-radius: 1em;padding: 2em 0em !important;box-sizing: border-box;/*overflow: hidden;display: flex;justify-content: space-between;*/} #TOP-profile .profile_img{display: block;width: 50% !important;margin: 0 auto;} #TOP-profile .profile_img img{width: 100%;} #TOP-profile .profile_detail{display: block !important;width: 90% !important; margin: 0 auto !important;} /* TOP-contact */ #TOP-contact{background: #ffe388;clear: both;box-sizing: border-box;padding-top: 2em;position: relative;} #TOP-contact h2{width:100%;background: #fff; color: #423434;font-size: 150%;line-height: 1;margin: 0 auto!important;padding: 3.5em 0 0 0 !important;border:none;border-radius: 1em 1em 0 0;} #TOP-contact h2 span{width:90%; display: block;padding: 3em 0 0 0 !important;margin: 0 !important;background: url("images/chara_img3.png") no-repeat 92% bottom;box-sizing: border-box;min-height: 145px;position: absolute;top:0em;left:10%;text-align: left; background-size: 30%;} #TOP-contact .contact_block{width: 90%; margin: 0 auto 0 auto !important; padding: 1.3em 0 0 0 !important;} #TOP-contact .contact_block .box{width: 100%;padding: 0 1em 2em 1em !important;box-sizing: border-box;background: #fff;border-radius: 0 0 1em 1em !important;} #TOP-contact .contact_block .box p.message{text-align: center;padding: 1.5em 0;margin: 0;border-top:#423434 2px solid; } #TOP-contact .contact_block .box p.btn_green{text-align: center;} #TOP-contact .blogbox{text-align: center;padding: 1em 0;margin: 0 !important;} #news h1{font-size: 100%;} /*#news .cate_title{width: 100%; margin: 0;text-align: left; padding: 0 0 0 0 !important; background-color:#fff !important; color:#423434; border-bottom:#423434 2px solid; position: relative; border-radius: 0.5em 0.5em 0 0;}*/ #news .cate_title, #news .cate_archive_title{width: 100%; margin: 0;text-align: left;padding: 0 0 0 0 !important; background-color:#fff !important; border-bottom: #423434 2px solid; position: relative; border-radius: 0.5em 0.5em 0 0;} #news .cate_title a, #news .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;} /*#news .cate_title span{width: 90%; margin: 0 5%; font-size:230%; padding: 0.5em 0 0 0;display: inline-block; background:#fff url(images/chara_img2.png) no-repeat bottom right; background-size: 110px;}*/ #news .cate_title span, #news .cate_archive_title span{font-size:230%;padding: 0.5em 0 0 0.5em !important;margin: 0 !important; display: inline-block !important; } #news .cate_title span.title_chara, #news .cate_archive_title span.title_chara{width: 28%; position: absolute;bottom:0;right:0.2em;vertical-align: bottom;} #news .cate_title span.title_chara img, #news .cate_archive_title span.title_chara img{width: 100%;} #blog .cate_title, #blog .cate_archive_title{width:98%; margin: 0 auto;text-align: center;padding: 0.8em 0 0 0 !important;background: url(images/chara_img4.png) no-repeat bottom left;min-height: 100px;background-size: 100px;box-sizing: border-box;font-size:100%;line-height: 1;} #blog .cate_title a, #blog .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;padding: 0 !important;margin: 0 !important;} #blog .cate_title span{font-size:160%; display: block;line-height: 1.2;padding: 0 0 0.5em 100px;} #blog .cate_archive_title span{font-size:160%;display:block;line-height: 1.2;padding: 0 0 0.5em 100px;margin: 0 !important;} } /*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 959px) { body{font-size: 120% !important; line-height: 1.5 !important;} #headbox{position: relative;width: 100%;margin: 0 0 0 0 !important;padding: 0 0 0 0 !important;overflow: hidden;} #headbox #header-l{width: 90%;padding: 0.5em 0 0.5em 0 !important;} #headbox #header-l .sitename a{margin: 0 auto !important;z-index: 200 !important;} #headbox .trigger{display: block !important;width: 60px !important;height: 60px !important; position: absolute;top:0.5em;right:0.5em;box-sizing: border-box; z-index: 10 !important;} #headbox .trigger span.op{display: block !important;width: 60px !important;height: 60px !important; background-color: #554747 !important; color: #ffffff !important; margin: 0 !important;padding: 0 30px !important;position: relative;} #headbox .trigger span.op i{height: 60px !important;width: 60px !important; position: absolute;top:0;left:0;text-align: center;} .acordion_tree ul.menu{border-top: #ffffff 1px solid;} .acordion_tree ul.menu li {border-bottom:dotted 1px #ffffff;} .acordion_tree ul.menu li a{display:inline-block;width: 90%;color:#ffffff;} #TOPpage .mainbox .entry-content{margin: 0 !important;padding-bottom: 0 !important;} #TOPpage .mainblock{padding: 2em 0 0 0 !important;margin: 0 !important;} #TOPpage .mainblock p.copy{padding: 1em 0 0 0;margin: 0;font-weight: bold;font-size: 110%;} #TOPpage .mainblock p{padding: 1em 0;margin: 0;} #TOPpage #content{max-width:100% !important;width: 100% !important; margin: 0 !important; padding: 0 0 !important;} #TOPpage #contentInner{float: none !important; width: 100%;margin: 0 !important;} #content-w #TOPpage #contentInner .st-main { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0 !important; margin: 0 !important; } #TOPpage .TOPinner{width: 98%; margin: 0 auto;padding-bottom: 2em;} /* TOP-blog */ #TOP-blog{width: 100%; background:#c9e2b3 !important;} #TOP-blog .blog_list_block .blog_more{clear: both; width: 80%; margin: 0 auto; box-sizing: border-box;text-align: center;} #TOP-blog .blog_list_block .blog_more a:link,#TOP-blog .blog_list_block .blog_more a:visited{display: block; background:#36a386;background-image: url("images/icon_arrow_white.png"); background-repeat:no-repeat;background-position: 95%; color: #ffffff;padding: 1em 0;border-radius: 0.5em;text-decoration: none;} #TOP-blog .blog_list_block .blog_more a:hover,#TOP-blog .blog_list_block .blog_more a:active,#TOP-blog .blog_list_block .blog_more a:focus{color: #FFF500;} /* TOP-news */ #TOP-news .news_list_block{background: #fff;width:90%;margin: 0 auto;border-radius: 0 0 1em 1em;padding: 0 0 1em 0;box-sizing: border-box;overflow: hidden;} #TOP-news .news_list_block .news_more{clear: both;display: block; width: 80%;text-align: left; margin: 0 auto;} #TOP-news .news_list_block .news_more a:link,#TOP-news .news_list_block .news_more a:visited{display: block; padding: 1em 0 1em 1.5em; color: #fff;background: #423434;background-image: url("images/icon_arrow_white.png"); background-repeat:no-repeat;background-position: 95%;border-radius: 0.5em; text-decoration: none;} #TOP-news .news_list_block .news_more a:hover,#TOP-news .news_list_block .news_more a:active,#TOP-news .news_list_block .news_more a:focus{color: #FFF500;} /* TOP-profile */ #TOP-profile{background: #87ddc5;clear: both;box-sizing: border-box;padding: 2em 0 1em 0;} #TOP-profile .profile_block{background: #ffffff;width:90%;margin: 0 auto;border-radius: 1em;padding: 2em 3em;box-sizing: border-box;overflow: hidden;} #TOP-profile .profile_detail{display: inline-block;width: 100%;font-size: 100%;} #TOP-profile .profile_detail .name{font-weight: bold;text-align: center;padding: 1em 0 0 0;font-size: 110%;} .btn_green a:link,.btn_green a:visited{display: block;background-color: #25b794;background-image: url("images/icon_arrow_white.png"); background-repeat:no-repeat;background-position: 95%;color: #fff;text-decoration: none;padding: 1em 2.5em 1em 2em;border-radius: 0.5em;box-sizing: border-box;font-size: 120% !important;text-align: center;} .btn_green a:hover,.btn_green a:active,.btn_green a:focus{background-color: #128466;} /* TOP-contact */ #TOP-contact{background: #ffe388;clear: both;box-sizing: border-box;padding: 1em 0 0 0 !important;color: #423434;} #TOP-contact p.btn_green{width: 90% !important;margin: 0 auto;} #TOP-contact .blogbox{text-align: center;padding: 2em 0;margin: 0 !important;} #TOP-contact .blogbox .updated{clear: both; color: #423434 !important;display: block !important; padding: 1em 0 0 0 !important;} footer{background:#423434; color: #fff !important;margin: 0 !important;padding: 0 !important;} footer a:link,footer a:visited{color: #fff !important;} footer a:hover,footer a:active,footer a:focus{color: #ffff00 !important;} #news .st-main,#news .st-aside, #blog .st-main,#blog .st-aside{width: 100%;margin: 0;padding: 0 0 1em 0;} #news #breadcrumb{width: 98%; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #news #content{width: 100%; margin: 0; background: #fff;padding: 1em 0.5em 0.5em 0.5em !important;box-sizing: border-box;} #news .news_archive_list dl,#blog .blog_archive_list dl{width: 100%; border-bottom: #ccc 1px dotted;padding:0 0 0 0;margin: 0 0 1em 0;box-sizing: border-box;} #news .news_archive_list dl dt,#blog .blog_archive_list dl dt{width: 100%;box-sizing: border-box;} #news .news_archive_list dl dt img,#blog .blog_archive_list dl dt img{width: 100%;vertical-align: bottom;} #news .news_archive_list dl dd,#blog .blog_archive_list dl dd{width: 100%;padding: 1em 0 1em 0;box-sizing: border-box;} #news .news_archive_list dl dd p,#blog .blog_archive_list dl dd p{padding: 0 0 0 0 !important;margin: 0 0 0 0 !important;} #news .news_archive_list h2,#blog .blog_archive_list h2{background-color: inherit;padding: 0 0 0 0; margin: 0 0 0 0; border: none;} #blog #breadcrumb{width: 98%; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #blog #content{width: 98%; margin: 0 auto; background: #fff;padding: 1em 1em 1em 1em !important;box-sizing: border-box;border-radius: 10px;border: 3px #423434 solid;} } /*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) and (max-width: 959px) { /* TOP-blog */ #TOP-blog h2{width: 90%;background: url("images/chara_img4.png") no-repeat bottom left;min-height: 139px; color: #1a1a1a;font-size: 150%;line-height: 1;margin: 0 auto!important;padding-top: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;padding-left: 0 !important;border:none;text-align:left;} #TOP-blog h2 span{display: inline-block;padding: 2.5em 0 0 5em !important;} #TOP-blog .blog_list_block{width: 90%; margin: 0 auto; background: #423434;overflow: hidden;border-radius: 1em;padding: 1em 0; box-sizing: border-box;} #TOP-blog .blog_list_block ul{list-style: none;width: 94%;margin: 0 auto; overflow: hidden;padding: 0; box-sizing: border-box;} #TOP-blog .blog_list_block ul li{display: block;width:100%;overflow: hidden;background: #fff;padding: 1em; box-sizing: border-box;margin: 0 0 1em 0;} #TOP-blog .blog_list_block ul li span.list_img{display:block;width: 100%;margin: 0 0 1em 0;height: 300px;text-align: center; overflow: hidden;position: relative;} #TOP-blog .blog_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; max-width: 150%;} /* TOP-news */ #TOP-news{background: #62b8cc;clear: both;box-sizing: border-box;padding-top: 2em;position: relative;} #TOP-news h2{width:90%;background: #fff; color: #423434;font-size: 150%;line-height: 1;margin: 0 auto!important;padding: 3.5em 0 0 0 !important;border:none;border-radius: 1em 1em 0 0;} #TOP-news h2 span{width:100%; display: block;padding: 2.4em 0 0 0 !important;margin: 0 !important;background: url("images/chara_img2.png") no-repeat 90% 0;box-sizing: border-box;min-height: 125px;position: absolute;top:0.5em;left:0;text-align: center;} #TOP-news .news_list_block ul{list-style: none;width: 96%;margin: 0 auto; overflow: hidden;padding: 0 0 1em 0;box-sizing: border-box;border-top: #423434 solid 2px;} #TOP-news .news_list_block ul li{display: flex;border-bottom:#423434 dotted 1px;overflow: hidden;padding: 1em 0 1em 0;box-sizing: border-box;position: relative;} #TOP-news .news_list_block ul li:hover h3,#TOP-news .news_list_block ul li:active h3,#TOP-news .news_list_block ul li:focus h3{color: #4682b4 !important;} #TOP-news .news_list_block ul li a{display: block;width: 100%;height: 100%; position: absolute; top: 0; left:0; text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 100;} #TOP-news .news_list_block ul li a:hover,#TOP-news .news_list_block ul li a:active,#TOP-news .news_list_block ul li a:focus{background: rgba(255,255,255,0.2);} #TOP-news .news_list_block ul li div{margin: 0 0 0 1em;width: 40%;} #TOP-news .news_list_block ul li h3{width: 100%; display:block;margin: 0 0 0 0; padding: 0 0 0.5em 0; border: none !important;font-size: 130%;} #TOP-news .news_list_block ul li span.list_txt{display:block;width: 100%; margin: 0 0 0 0;font-size: 100%;} #TOP-news .news_list_block ul li div p{display:block;width: 100% !important; margin: 0 0 0 0;font-size: 100%;} #TOP-news .news_list_block ul li span.list_img{display:block;width: 40%;margin: 0; height: 150px; text-align: center; overflow: hidden;position: relative;vertical-align: top;} #TOP-news .news_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 130%; height: auto;} #TOP-profile .profile_img{display: block;width: 250px;margin: 0 auto;} #TOP-contact{background: #ffe388;clear: both;box-sizing: border-box;padding-top: 2em;position: relative;} #TOP-contact h2{width:90%;background: #fff; color: #423434;font-size: 150%;line-height: 1;margin: 0 auto!important;padding: 4.8em 0 0 0 !important;border:none;border-radius: 1em 1em 0 0;} #TOP-contact h2 span{width:100%; display: block;padding: 2.4em 0 0 0 !important;margin: 0 !important;background: url("images/chara_img3.png") no-repeat 90% 0;box-sizing: border-box;min-height: 145px;position: absolute;top:0.5em;left:0;text-align: center;} #TOP-contact .contact_block{width: 100%; margin: 0; padding: 0 !important;} #TOP-contact .contact_block .box{width: 90%; margin: 0 auto; padding: 0 1em 2em 1em !important; box-sizing: border-box; background: #fff;border-radius: 0 0 1em 1em;} #TOP-contact .contact_block .box p.message{width: 100%;margin: 0 auto;text-align: center;padding: 2em 0 1.5em 0;font-size: 100%;border-top:#423434 2px solid;} #TOP-contact .contact_block .box p.btn_green{text-align: center;} } /*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) { #TOPpage .mainblock p{width: 90%; padding: 0 0 1em 0 !important;margin: 0 auto !important;} #TOPpage .mainblock p.copy{padding: 1em 0 1em 0 !important;margin: 0;font-weight: bold;font-size: 110%;} #news #breadcrumb{width: 98%; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #news #content{width: 98%; margin: 0 auto; background: #fff;padding: 1em 1em 1em 1em !important;box-sizing: border-box;border-radius: 10px;} #news .cate_title,#news .cate_archive_title{width: 480px; margin: 0 auto;text-align: center;padding: 0 0 0 0 !important;background: url(images/news_title_img.png) no-repeat bottom center;height: 100px;color:#423434;} #news .cate_title a,#news .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;} #news .cate_title span{font-size:230%;padding: 1em 0 0 1.6em;display: inline-block;} #news .cate_archive_title span{font-size:115%;padding: 1em 0 0 1.6em !important;margin: 0 !important; display: inline-block !important;} #news .news_archive_list dl,#blog .blog_archive_list dl{border-bottom: #ccc 1px dotted;padding: 1em 0 1em 0; display: flex;box-sizing: border-box;} #news .news_archive_list dl dt,#blog .blog_archive_list dl dt{width: 25%;box-sizing: border-box;} #news .news_archive_list dl dt img,#blog .blog_archive_list dl dt img{width: 100%;vertical-align: bottom;} #news .news_archive_list dl dd,#blog .blog_archive_list dl dd{width: 75%;padding: 0 1em;box-sizing: border-box;} #news .news_archive_list h2,#blog .blog_archive_list h2{background-color: inherit;padding: 0 0 0 0; margin: 0 0 0 0; border: none;} #blog #breadcrumb{width: 98%; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #blog .cate_title{width:98%; margin: 0 auto;text-align: center;padding: 0.9em 0 0 0 !important;background: url(images/chara_img4.png) no-repeat bottom left;min-height: 100px;background-size: 100px;box-sizing: border-box;font-size:100%;line-height: 1;} #blog .cate_archive_title{width:98%; margin: 0 auto;text-align: center;padding: 0.5em 0 0 0 !important;background: url(images/chara_img4.png) no-repeat bottom left;min-height: 100px;background-size: 100px;box-sizing: border-box;font-size:100%;line-height: 1;} #blog .cate_title a, #blog .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;} #blog .cate_title span{font-size:200%;padding: 0 0 0 100px;display: block;line-height: 1.2;} #blog .cate_archive_title span{font-size:200%;padding: 0 0 0 100px;display: block;line-height: 1.2;} #news .cate_title span.title_chara, #news .cate_archive_title span.title_chara{display: none !important;} #blog #content{width: 98%; margin: 0 auto; background: #fff;padding: 1em 1em 1em 1em !important;box-sizing: border-box;border-radius: 10px;border: 3px #423434 solid;} } /*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ ---------------------------------------------------------------------------------------------------*/ @media print, screen and (min-width: 960px) { #headbox{max-width:1040px;margin: 0 auto;;position: relative;} #header-l{overflow: hidden;} #header-l .sitename{display: inline-block !important;float: left;} #header-l .descr{display: inline-block !important;padding: 1.2em 0 0 1em;} #gazou-wide{position: absolute;top:1em;right:0;border: none;margin: 0 !important;padding: 0 !important;width: 50%;overflow: hidden;} #st-menubox{border: none;margin: 0 !important;padding: 0 !important;float: right;width: 100%;} #st-menuwide ul{width: 100%;display: flex;justify-content:flex-end;} #st-menuwide ul li {border: none;margin: 0 !important;padding: 0 !important;display: inline !important;width: auto;} #st-menuwide ul li a{ display: inline-block !important; margin: 0 !important;padding: 0 1em !important;} #st-menuwide ul li a:link,#st-menuwide ul li a:visited{ color: #ffffff;} #st-menuwide ul li a:hover,#st-menuwide ul li a:active{color: #ffcc00;} #content-w{background: #fff;width: 100%;box-sizing: border-box;} #content-w #content{max-width: 1024px !important; margin: 0 auto !important;padding: 1em 0 0 0 !important;box-sizing: border-box !important;overflow: hidden;} #content-w #content #contentInner {width: 72%;margin: 0 !important;padding: 0 !important;box-sizing: border-box;float: left;overflow: hidden;} #content-w #content #side {width: 25% !important;margin: 0 0 0 3% !important;padding: 0 !important;box-sizing: border-box;float: left;} #content-w #content #side .st-aside{width: 100%;margin: 0 !important;padding: 0 !important;} #content-w #content #contentInner .st-main{width: 100%;margin: 0 !important;padding: 0 !important;} #content-w #content #contentInner .st-main article{margin: 0 !important;padding: 1em 0 0 0 !important;} #content-w #content #contentInner .st-main article p{padding: 0; margin: 0;} #content-w #content #contentInner .st-main #breadcrumb{padding: 0;margin: 0;border-bottom: #ddd 1px solid !important;} #content-w #content #contentInner .st-main #breadcrumb ol{margin: 0;padding: 0 0 0.5em 0;} #content-w #content #contentInner .st-main article h1.entry-title{margin: 0 !important;padding: 0 0 0.5em 0 !important;} #TOPpage #content #contentInner{width: 100%;} #TOPpage .mainblock{min-height: 462px;padding: 5em 0 0 0 !important;margin: 0 !important;} #TOPpage #content{max-width:100% !important;width: 100% !important; margin: 0 0 !important; padding: 0 0 !important;background:#c9e2b3;} #TOPpage #contentInner{float: none !important; width: 100%;margin: 0 !important;} #TOPpage .st-main {background-color:inherit !important;border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0 !important; margin: 0 !important;} #TOPpage .TOPinner{width: 980px; margin: 0 auto;padding-bottom: 2em;} /* TOP-blog */ #TOP-blog h2{ background-color:inherit; background: url("images/top_blog_title.png") no-repeat top center; min-height: 140px; color: #1a1a1a;font-size: 150%;line-height: 1;margin: 0 !important;padding-top: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;padding-left: 0 !important;border:none;text-align: center;} #TOP-blog h2 span{display: inline-block;padding: 2.3em 0 0 0;} #TOP-blog .blog_list_block{background: url("images/top_blog_bg.png") no-repeat top center;min-height:520px;overflow: hidden;} #TOP-blog .blog_list_block ul{list-style: none;width: 830px;margin: 0 auto; overflow: hidden;padding: 3em 0;display: flex;justify-content: space-between; /* 左右均等分布 */} #TOP-blog .blog_list_block ul li{display: inline-block;width:45%;overflow: hidden;min-height:370px;} #TOP-blog .blog_list_block ul li span.list_img{display: block;width: 100%;height: 250px;margin: 0 0 1em 0; overflow: hidden;position: relative;} #TOP-blog .blog_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;height: auto;max-width: 150%;} #TOP-blog .blog_list_block .blog_more{clear: both; float: right;margin: 0.5em 4.5em 0 0 !important;box-sizing: border-box;} #TOP-blog .blog_list_block .blog_more a:link,#TOP-blog .blog_list_block .blog_more a:visited{color: #fff;text-decoration: none;} #TOP-blog .blog_list_block .blog_more a:hover,#TOP-blog .blog_list_block .blog_more a:active,#TOP-blog .blog_list_block .blog_more a:focus{color: #FFF500;} /* TOP-news */ #TOP-news{background: #62b8cc; clear: both;box-sizing: border-box;padding-top: 1em;} #TOP-news h2{width:100%;height: 124px;background:url("images/top_news_title.png") no-repeat top left;color: #423434;font-size: 150%;line-height: 1;margin: 0 auto!important;padding: 0 !important;border:none;text-align: center;} #TOP-news h2 span{display: inline-block;padding: 2em 0 0 0;} #TOP-news .news_list_block ul{list-style: none;width: 96%;margin: 0 auto; overflow: hidden;padding: 0 0 1em 0;box-sizing: border-box;border-top: #423434 solid 2px;} #TOP-news .news_list_block ul li{display: flex;border-bottom:#423434 dotted 1px;overflow: hidden;padding: 1em 0 1em 0;box-sizing: border-box;position: relative;} #TOP-news .news_list_block ul li:hover h3,#TOP-news .news_list_block ul li:active h3,#TOP-news .news_list_block ul li:focus h3{color: #4682b4 !important;} #TOP-news .news_list_block ul li a{display: block;width: 100%;height: 100%; position: absolute; top: 0; left:0; text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 100;} #TOP-news .news_list_block ul li a:hover,#TOP-news .news_list_block ul li a:active,#TOP-news .news_list_block ul li a:focus{background: rgba(255,255,255,0.2);} #TOP-news .news_list_block ul li div{margin: 0 0 0 1em;} #TOP-news .news_list_block ul li h3{width: 100%; display:block;margin: 0 0 0 0; padding: 0.5em 0; border: none !important;font-size: 130%;} #TOP-news .news_list_block ul li span.list_txt{display:block;width: 100%; margin: 0 0 0 0;font-size: 100%;} #TOP-news .news_list_block ul li div p{display:block;width: 100% !important; margin: 0 0 0 0;font-size: 100%;} #TOP-news .news_list_block{background: #fff;width: 100%;margin: 0 auto;border-radius: 0 0 1em 1em;padding: 0 0 1em 0 !important;box-sizing: border-box;overflow: hidden;} #TOP-news .news_list_block .news_more{clear: both; float: right;margin-right: 1.5em !important;} #TOP-news .news_list_block .news_more a:link,#TOP-blog .blog_list_block .blog_more a:visited{display: inline-block; padding: 0.5em 1em; color: #fff;background: #423434;text-decoration: none;} #TOP-news .news_list_block .news_more a:hover,#TOP-blog .blog_list_block .blog_more a:active,#TOP-blog .blog_list_block .blog_more a:focus{color: #FFF500;} #TOP-news .news_list_block ul li span.list_img{display:block;width: 250px !important;height: 150px;text-align: center; overflow: hidden;position: relative;} #TOP-news .news_list_block ul li span.list_img img{position: absolute;top:50%;left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%;height: auto;max-width: 150%;} /* TOP-profile */ #TOP-profile{background: #87ddc5;clear: both;box-sizing: border-box;padding: 2em 0;} #TOP-profile .profile_block{background: #ffffff;width: 980px;margin: 0 auto;border-radius: 1em;padding: 2em 3em;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;} #TOP-profile .profile_img{display: inline-block;width: 250px;} #TOP-profile .profile_img img{width: 100%;} #TOP-profile .profile_detail{display: inline-block;width: 65%;} #TOP-profile .profile_detail p{padding: 0 0 1em 0 !important;} #TOP-profile .profile_detail .name{font-weight: bold;font-size: 120%;} #TOP-profile .profile_detail p.btn_green{margin: 0 !important;padding: 0 !important;} .btn_green a:link,.btn_green a:visited{ display: inline-block; background-color: #25b794; background-image: url("images/icon_arrow_white.png"); background-repeat:no-repeat; background-position: 95%;color: #fff; text-decoration: none; padding: 0.5em 5em 0.4em 5em; border-radius: 0.5em; box-sizing: border-box; font-size: 120% !important; } .btn_green a:hover,.btn_green a:active,.btn_green a:focus{background-color: #128466;} /* TOP-contact */ #TOP-contact{background: #ffe388;clear: both;box-sizing: border-box;padding-top: 2em;} #TOP-contact h2{width: 980px; margin: 0 auto;background: #fff; color: #423434;font-size: 150%;line-height: 1;padding: 5.2em 0 0 0 !important;border:none;border-radius: 1em 1em 0 0;position: relative;} #TOP-contact h2 span{width: 100%; display: block;padding: 3em 0 0 0 !important;margin: 0 !important;background: url("images/chara_img3.png") no-repeat 90% 0;box-sizing: border-box;min-height: 145px;position: absolute;top:-0.8em;left:0;text-align: center;} #TOP-contact .contact_block{width: 980px; margin: 0 auto; padding: 0 !important;} #TOP-contact .contact_block .box{width:100%;padding: 0 1em 1em 1em !important;box-sizing: border-box;background: #fff;border-radius: 0 0 1em 1em;} #TOP-contact .contact_block .box p.message{text-align: center;font-size: 120% !important;padding: 2em 0 2em 0 !important;margin: 0;border-top: #423434 2px solid;} #TOP-contact .contact_block .box p.btn_green{text-align: center;padding: 0 0 1em 0 !important;} #TOP-contact .blogbox{text-align: center;padding: 2em 0;margin: 0 !important;} #TOP-contact .blogbox .updated{color: #423434 !important;} #TOPpage .sns ul{width: 1000px; margin: 0 auto !important; padding: 0;} .blogbox{overflow: hidden;} .blogbox .st-catgroup{display: inline-block;float: left;} .blogbox .blog-date{display: inline-block;float: right;color: #000;margin: 0.4em 0 0 0 !important;padding: 0.4em 0 0 0 !important;} #news{background:#62b8cc;width:100% !important;margin:0 !important;padding: 0 0 3em 0;} #news #breadcrumb{width: 1000px; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #news #breadcrumb li{color: #fff !important;} #news #breadcrumb a:link,#news #breadcrumb a:visited{color: #fff !important;} #news #breadcrumb a:hover,#news #breadcrumb a:active,#news #breadcrumb a:focus{text-decoration: underline !important;} #news .cate_title,#news .cate_archive_title{width: 480px; margin: 0 auto;text-align: center;padding: 0 0 0 0 !important;background: url(images/news_title_img.png) no-repeat bottom center;height: 100px;color:#423434;} #news .cate_title a,#news .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;} #news .cate_title span{font-size:230%;padding: 1em 0 0 1.6em;display: inline-block;} #news .cate_archive_title span{font-size:115%;padding: 1em 0 0 1.6em !important;margin: 0 !important; display: inline-block !important;} #news #content{background: #fff;padding: 1em 1em 1em 1em !important;box-sizing: border-box;border-radius: 10px;} #news .news_archive_list dl,#blog .blog_archive_list dl{border-bottom: #ccc 1px dotted;padding: 1em 0 1em 0; display: flex;box-sizing: border-box;} #news .news_archive_list dl dt,#blog .blog_archive_list dl dt{width: 25%;box-sizing: border-box;} #news .news_archive_list dl dt img,#blog .blog_archive_list dl dt img{width: 100%;vertical-align: bottom;} #news .news_archive_list dl dd,#blog .blog_archive_list dl dd{width: 75%;padding: 0 1em;box-sizing: border-box;} #news .news_archive_list h2,#blog .blog_archive_list h2{background-color: inherit;padding: 0 0 0 0; margin: 0 0 0 0; border: none;} #blog{background:#C9E2B3 url("images/header_img.jpg") repeat-x top center;width:100% !important;margin:0 !important;padding: 0 0 3em 0;} #blog #breadcrumb{width: 1000px; margin: 0 auto; color: #fff !important;padding: 0.5em 0 0.5em 0 !important;} #blog #breadcrumb li{color: #423434 !important;} #blog #breadcrumb a:link,#news #breadcrumb a:visited{color: #423434 !important;} #blog #breadcrumb a:hover,#news #breadcrumb a:active,#news #breadcrumb a:focus{text-decoration: underline !important;} /**/ #blog .cate_title{width:1000px; margin: 0 auto;text-align: center;padding: 1em 0 0 0 !important;background: url(images/chara_img4.png) no-repeat bottom left;min-height: 100px;background-size: 100px;box-sizing: border-box;font-size:100%;line-height: 1;} #blog .cate_archive_title{width:1000px; margin: 0 auto;text-align: center;padding: 1em 0 0 0 !important;background: url(images/chara_img4.png) no-repeat bottom left;min-height: 100px;background-size: 100px;box-sizing: border-box;font-size:100%;line-height: 1;} #blog .cate_title a, #blog .cate_archive_title a{text-decoration: none;color:#423434;font-weight: bold;} #blog .cate_title span{font-size:230%;padding: 0 0 0 0;display: inline-block;} #blog .cate_archive_title span{font-size:230%;padding: 0 0 0 0;display: inline-block;} #blog #content{background: #fff;padding: 1em 1em 1em 1em !important;box-sizing: border-box;border-radius: 10px;border: 3px #423434 solid;} }