@charset "UTF-8";

/****************************
あとで差し替え部
**************************/
.mv{
	/*padding-top: 38vh;*/
	padding-top: 45vh;
}
#navi ul{
	margin-top: 0;
}
#navi ul > li{
	padding: 0;
}
#navi ul li a{
	padding: 41px 1.3vw;
}
#body{
	margin-top: 0;
}
#h-top img{
	max-width: 140px;
}
#header.fixed #h-top img{
	max-width: 80px;
}
#header.fixed #h-top{
	padding-top: 1.5%;
}
.page-header.default,
.page-header.head_image
{
	padding: 130px 0 4%;
}
.page-header.default .en_title{
	margin-top: 7%;
}
.post-meta{
	background: none;
	text-align: left;
}
.next p.cur, .prev p.cur {
    width: 10%;
    margin: auto;
    margin: 15px 0;
    padding: 1em 0;
}
.next p, .prev p {
    width: 90%;
}
.prev, .next {
    width: 50%;
}
.next p a, .prev p a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #182933;
    font-size: 14px;
    margin: 15px;
}
.f_left{
	float: left;
}
.f_right{
	float: right;
}
.navigation > div + div{
	border-top: solid 1px #ddd;
}
/*****************************
追加部
******************************/
#header.top_header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+1,0.52+59,0+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 1%, rgba(255,255,255,0.52) 59%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.52) 59%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(255,255,255,0.52) 59%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}
.home #header.top_header{
	background: none;
}
#header.top_header.fixed{
	background: rgba(255,255,255,0.95);
}
.page-id-910 #header.top_header.fixed,
.page-id-1050 #header.top_header.fixed{
	background: rgba(255,255,255,0.95);
}
.home #header.top_header.fixed #navi ul li a{
	color: #5ab5b2;
}
.home #header.top_header.fixed #navi ul li a .en{
	color: #b3b3b3;
}
.home #header.top_header #navi ul li.last a{
	color: #fff;
	margin-left: 1.3vw;
}
.page-header.head_image{
	background-repeat: no-repeat,no-repeat;
	background-position: bottom -2px center, top center;
	background-size: 100%,cover;
	height: 60vh;
	margin-bottom: 5%;
}
.page-header.head_image .en_title{
	text-align: center;
	font-size: 8.0rem;
	color: #5ab5b2;
	font-family: 'Dancing Script', cursive;
	margin-bottom: 60px;
	text-shadow: 4px 4px 0px rgb(0 255 255 / 20%),-4px -4px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
	margin-top: 15vh;
}
.page-header.head_image h1.entry-title{
	font-size: 2.2rem;
	color: #5ab5b2;
	text-align: center;
	position: relative;
	text-shadow: 3px 3px 0px rgb(0 255 255 / 20%),-3px -3px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
}
.page-header.head_image h1.entry-title:before{
	display: inline-block;
	content: "";
	width:30px;
	height: 2px;
	background: #82d8d4;
	position: relative;
	top: -7px;
	margin-right: 60px;
	-moz-box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
	-webkit-box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
	box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
}
.page-header.head_image h1.entry-title:after{
	display: inline-block;
	content: "";
	width:30px;
	height: 2px;
	background: #82d8d4;
	position: relative;
	top: -7px;
	margin-left: 60px;
	-moz-box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
	-webkit-box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
	box-shadow:2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%),0 0 5px #fff,0 0 5px #fff;
}
.page-header.child_head_image{
	overflow: hidden;
	padding-left: 10%;
}
.page-header.child_head_image .image_bk{
	padding-left: 5%;
	position: relative;
}
.page-header.child_head_image .image_bk .img_bk{
	height: 75vh;
	padding-top: 130px;
	background-size: cover;
	-moz-box-shadow:10px 10px 0px rgb(0 255 255 / 20%),-10px -10px 0px rgb(249 190 0 / 20%);
	-webkit-box-shadow:10px 10px 0px rgb(0 255 255 / 20%),-10px -10px 0px rgb(249 190 0 / 20%);
	box-shadow:10px 10px 0px rgb(0 255 255 / 20%),-10px -10px 0px rgb(249 190 0 / 20%);
	position: relative;
	margin-bottom: 20px;
	    background-position: bottom 50% center;
}
.page-header.child_head_image .image_bk .no{
	position: absolute;
	left: -120px;
	font-size: 1.5rem;
	bottom: 50%;
	transform: rotate(-90deg);
}
.page-header.child_head_image .image_bk .title_box{
	background: #fff;
	position: absolute;
	bottom: -20px;
	left: -50px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding: 60px 30px 30px 0;
	width: 500px;
}
.page-id-941 .page-header.child_head_image .image_bk .img_bk{
	background-position: top center;
}
.page-header.child_head_image .image_bk .title_box h1.entry-title{
	font-size: 3.9rem;
	font-weight: 600;
}
.page-header.child_head_image .image_bk .title_box h1.entry-title span{
	font-size: 2rem;
}
.page-header.child_head_image .image_bk .title_box h1.entry-title:first-letter{
    color: #5ab5b2;
}
.page-header.child_head_image .image_bk .title_box .en_title{
    color: #5ab5b2;
    font-weight: 300;
}
.page-header.child_head_image .image_bk .title_box hr{
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
height: 8px;
display: block;
background: #5ab5b2;
border: none;
}
.sv_hild_sec .flex_box{
	padding-top: 5%;
	padding-left: 11%;
	padding-right: 3%;
	overflow: hidden;
}
.sv_hild_sec .flex_box .text_box{
	width: 60%;
}
.sv_hild_sec .flex_box .img_box{
	width: 37%;
	margin-left: 3%;
}
.sv_hild_sec .flex_box .text_box .dis{
	font-size: 1.6rem;
	line-height: 230%;
	margin-bottom: 5%;
}
.sv_hild_sec .flex_box .text_box .dis_g{
	font-size: 1.6rem;
	line-height: 230%;
	margin-bottom: 5%;
	border:solid 1px #eee;
	background: #fafafa;
	padding: 5%;
}
.sv_hild_sec .flex_box .text_box .dis .atention{
	font-size: 1.8rem;
	font-weight: 600;
	background: url( ../../../../images/page/atention_border.png) repeat-x left bottom;
}
.sv_hild_sec .link_box a{
display: block;
    background: #5ab5b2;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    -moz-border-radius-bottomright: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff;
    font-size: 2.0rem;
    text-align: center;
    max-width: 600px;
    padding: 20px;
    margin: 5% 0 10%;
    position: relative;
}
.sv_hild_sec .link_box .en {
    font-size: 1.4rem;
    font-weight: 300;
    margin-left: 5%;
}
.sv_hild_sec .link_box img {
    position: absolute;
    right: -30px;
    width: 80px;
}
.post_page{
	padding-top: 4%;
}
.post_page .content_box{
	width: 75%;
	margin-right: 5%;
}
.post_page #sidebar{
	width: 20%;
	margin-top: 2%;
}
#sidebar .widget_block{
	border: solid 1px #f2f2f2;
-moz-box-shadow: 10px 10px 0px rgb(0 255 255 / 20%),-10px -10px 0px rgb(249 190 0 / 20%);
    -webkit-box-shadow: 10px 10px 0px rgb(0 255 255 / 20%), -10px -10px 0px rgb(249 190 0 / 20%);
    box-shadow: 10px 10px 0px rgb(0 255 255 / 20%), -10px -10px 0px rgb(249 190 0 / 20%);
    margin-bottom: 60px;
}
#sidebar .widget_block .widget_new_entries{
	margin-bottom: 0;
}
#sidebar .widget_block h2{
	border-bottom: solid 1px#f2f2f2;
	margin: 30px 0 0;
	padding: 0 5% 30px;
	font-size: 2.0rem;
	font-weight: 500;
	position: relative;
}
#sidebar .widget_block h2:first-letter{
    color: #5ab5b2;
}
#sidebar #block-6.widget_block h2:before{
	content: "CATEGORY";
	position: absolute;
	right: 5%;
	font-size: 1.2rem;
	font-weight: 300;
	top: 8px;
}
#sidebar #block-7.widget_block h2:before{
	content: "TOPICKS";
	position: absolute;
	right: 5%;
	font-size: 1.2rem;
	font-weight: 300;
	top: 8px;
}
#sidebar #block-5.widget_block h2:before{
	content: "ARCHIVE";
	position: absolute;
	right: 5%;
	font-size: 1.2rem;
	font-weight: 300;
	top: 8px;
}
#sidebar .widget_block ul{
	padding: 0 8%;
	margin: 0;
}
#sidebar .widget_block ul li{
	font-size: 1.4rem;
	position: relative;
	border-bottom: dotted 1px #e6e6e6;
	padding: 8% 0 8% 0%;
	margin: 0;
}
#sidebar #block-6.widget_block ul li{
	padding: 8% 0 8% 10%;

}
#sidebar #block-6.widget_block ul li:before{
	position: absolute;
	content: "";
	width: 3px;
	border-left: solid 3px #5ab5b2;
	height: 25px;
	left: 0;
}
#sidebar .widget_block ul li:nth-last-child(1){
	border-bottom: none;
}
#sidebar .widget_block select{
	display: block;
	width: 90%;
	margin: 8% auto;
	border:solid 1px #f2f2f2;
	color: #5ab5b2;
	background: #d8efed;
	padding: 10px;
}
.single h1.entry-title{
	font-size: 2.5rem;
	font-weight: 300;
	color: #5ab5b2;
	margin-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: solid 3px #f2f2f2;
	position: relative;
}
.single h1.entry-title:after{
	content: "";
	width: 20%;
	position: absolute;
	left: 0;
	bottom:-3px;
	height: 3px;
	border-bottom: solid 3px #5ab5b2;
}
.post-meta .category a{
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0px 20px;
    position: relative;
    z-index: 0;
    margin-right: 5px;
    line-height: 24px;
}
.post-meta .category a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #5ab5b2;
    transform: skewX(
-15deg);
    z-index: -1;
}
.post-meta .post-date{
	font-size: 1.2rem;
	color: #b3b3b3;
}
.single #the-content strong{
	    font-weight: 600;
    background: linear-gradient(transparent 70%, #7db4e6 70%);
}
.single #the-content a{
color: #007bff;
    text-decoration: underline;
    transition: .2s;	
}
.single #the-content h4,
.single #the-content h3{
	padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
	font-weight: 500;
	font-size: 2rem;
	margin: 6% 0 3%;
}

.single #the-content p{
	font-size: 1.4rem;
	line-height: 220%;
}
.single #under-entry-body{
	margin-top: 8%;
}
#related-entries{
	margin-top: 8%;
	margin-bottom: 10%;
}
#related-entries h2{
	text-align: center;
	font-size: 2.7rem;
	font-weight: 600;
	margin-bottom: 6%;
}
#related-entries h2:first-letter{
    color: #5ab5b2;
}
#related-entries h2 span{
	display: block;
}
#related-entries h2 span.jp{
	margin-bottom: 20px;
}
#related-entries h2 span.en{
	font-size: 1.2rem;
	font-weight: 300;
}
.base_list .list_article_box{
	padding: 5% 2%;
	border-bottom: solid 1px #e6e6e6;
	margin: 0;
}
#main .base_list .entry.list_article_box{
	margin-bottom: 0;
}
.base_list .list_article_box.related-entry:nth-child(2){
	border-top: solid 1px #e6e6e6;
}
.base_list .list_article_box .thumnail_box{
	margin-right: 5%;
}
.base_list .list_article_box .title_box{
	margin-bottom: 15px;
}
.base_list .list_article_box .title_box a{
	font-size: 1.8rem;
	font-weight: 400;
	display: block;
}
.base_list .list_article_box .more_read{
	text-align: right;
}
.base_list .list_article_box .more_read a{
	border-bottom: solid 1px #231815;
	font-size: 1.4rem;
}
.base_list .list_article_box .dis_box{
	font-size: 1.4rem;
}
.new-entrys{
	padding: 20px 5%;
}
.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a{
	font-size: 1.2rem;
display: block;
    line-height: 130%;
}
.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content{
	background: #5ab5b2cc;
}
.archive #main,
.category #main,
.page-template-page-page-column #main{
    padding-top: 130px;
}
.archive .sec8,
.category .sec8,
.page-template-page-page-column .sec8{
	margin-top: 120px;
}
.post_page h1#archive-title{
	font-size: 3.2rem;
	font-weight: 300;
    margin-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: solid 3px #f2f2f2;
    position: relative;
}
.post_page h1#archive-title:first-letter{
    color: #5ab5b2;
}
.post_page h1#archive-title:after{
	content: "Article List";
	font-size: 1.6rem;
	font-weight: 300;
	margin-left: 5%;
}
.post_page h1#archive-title:before {
    content: "";
    width: 20%;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px;
    border-bottom: solid 3px #5ab5b2;
}
#page_header_sec.greeting_page{
	position: relative;
}
.title_box.greet{
    text-align: center;
    /* background: #fff; */
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomleft: 50%;
    -moz-border-radius-bottomright: 50%;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -moz-box-shadow: -10px -10px 0px rgb(237 30 121 / 20%), 10px -10px 0px rgb(0 255 255 / 20%);
    -webkit-box-shadow: -10px -10px 0px rgb(237 30 121 / 20%), 10px -10px 0px rgb(0 255 255 / 20%);
    box-shadow: -10px -10px 0px rgb(237 30 121 / 20%), 10px -10px 0px rgb(0 255 255 / 20%);
    padding-top: 40px;
    max-width: 400px;
    width: 34vw;
    max-height: 365px;
    height: 30vw;
    background: none;
    position: absolute;
    top: 20%;
    left: 15vw;
    color: #5ab5b2;
}
.title_box.greet .img{
	width:60%;
	margin: auto;
}
.title_box.greet .entry-title{
	font-size: 3.0rem;
}
.title_box.greet .en_title{
	font-size: 1.8rem;
}
.greetingp_sec{
    margin-top: -35%;
    position: relative;
    padding: 0 10%;
}
.greetingp_sec .left_box{
	width: 55%;
}
.greetingp_sec .left_box p{
	line-height: 230%;
	margin-bottom: 30px;
}
.greetingp_sec .right_box{
	margin-left: 10%;
	width: 35%;
	padding-top: 20%;
}
.greetingp_sec .right_box p{
	margin-bottom: 20px;
}
.greetingp_sec .right_box p.name_img{
	max-width: 200px;
	margin-bottom: 10%;
}
.greetingp_sec .right_box p.dis2{
	font-size: 1.5rem;
	line-height: 250%;
}
.page-id-910 #header.top_header{
	background:none;
}
.page-id-910 .page-header.head_image .en_title{
	color: #fff;
text-shadow: 3px 3px 0px rgb(0 255 255 / 20%), -3px -3px 0px rgb(249 190 0 / 20%);
}
.page-id-910 .page-header.head_image h1.entry-title{
	color: #fff;
text-shadow: 3px 3px 0px rgb(0 255 255 / 20%), -3px -3px 0px rgb(249 190 0 / 20%);
}
.page-id-910 .page-header.head_image h1.entry-title:before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: relative;
    top: -7px;
    margin-right: 60px;
    -moz-box-shadow: 2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%);
    -webkit-box-shadow: 2px 2px 0px rgb(0 255 255 / 20%), -2px -2px 0px rgb(249 190 0 / 20%);
    box-shadow: 2px 2px 0px rgb(0 255 255 / 20%), -2px -2px 0px rgb(249 190 0 / 20%);
}
.page-id-910 .page-header.head_image h1.entry-title:after {
    display: inline-block;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: relative;
    top: -7px;
    margin-left: 60px;
    -moz-box-shadow: 2px 2px 0px rgb(0 255 255 / 20%),-2px -2px 0px rgb(249 190 0 / 20%);
    -webkit-box-shadow: 2px 2px 0px rgb(0 255 255 / 20%), -2px -2px 0px rgb(249 190 0 / 20%);
    box-shadow: 2px 2px 0px rgb(0 255 255 / 20%), -2px -2px 0px rgb(249 190 0 / 20%);
}
.sec_base.sec5 .head_box .link_box .en, .sec_base.sec6 .head_box .link_box .en{
	font-size: 1.2rem;
	font-weight: 400;
}
.sec_base.sec4 .head_box .en,
.sec_base.sec3 .head_box .en{
	font-weight: 300;
}