.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport { -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/js/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 0;
background: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/slider_arrow_left.png) no-repeat ;
}
.bx-wrapper .bx-next {
right: 0;
background: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/slider_arrow_right.png) no-repeat ;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
padding-top:60px;
width:60px;
display:block;
margin-top:-30px;
outline: 0;
text-indent: -9999px;
z-index: 9999;
background-size: contain;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/js/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/js/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;700;900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
overflow-y: scroll;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea{
margin: 0;
padding: 0;
}
ul{
list-style:none;
}
table{
border-collapse: collapse; 
border-spacing:0;
}
caption, th{
text-align: left;
}
a:focus {
outline:none;
}
.both{
clear:both;
}
p {
display: block;
-webkit-margin-before:0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.inline_block {  
display: inline-block;  
*display: inline;  
*zoom: 1;  
}
html{
font-family: 'Noto Sans JP', sans-serif,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size:16px;
line-height:1.6;
color:#000;
}
img{
display:block;
max-width:100%;
height:auto;
}
a,
a:hover,
a:active,
a:visited,
a:link{
text-decoration:none;
color:inherit;
}
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
.both{
clear:both;
}
.inline_block {  
display: inline-block;  
*display: inline;  
*zoom: 1;  
}
span{
display:inline-block;
}
p{margin-bottom:20px;
}
p:last-child{margin-bottom:0px;
}
table {
border-top:solid 1px #d1d1d1;
border-left:solid 1px #d1d1d1;
}
table th,
table td{
padding:10px;
border-bottom:solid 1px #d1d1d1;
border-right:solid 1px #d1d1d1;
}
strong{
font-weight: 600;
}
ol{
margin-top: 1em;
padding-left: 2em;
}
ol li{
margin-top: 0.5em;
}
ol li:first-child{
margin-top: 0.;
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 701px){
.twocolumn{
margin:auto;
width:100%;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
}
.twocolumn li{
width:calc(50% - 10px);
box-sizing:border-box;
margin-top:20px;
}
.twocolumn li:nth-child(2n){
margin-right:0;
}
.twocolumn li:nth-child(-n + 2){
margin-top:0;
}
.twocolumn li img{
max-width:100%;
display:block;
margin:0;
}
.twocolumn li p{
}
.threecolumn{
display:flex;
margin:auto;
justify-content:flex-start;
flex-wrap:wrap;
}
.threecolumn li{
width:calc(33.33% - 100px / 3);
box-sizing:border-box;
margin-right:50px;
margin-top:50px;
}
.threecolumn li:nth-child(3n){
margin-right:0;
}
.threecolumn li:nth-child(-n + 3){
margin-top:0;
}
.threecolumn li img{
max-width:100%;
display:block;
margin:0;
}
}
@media screen and (max-width: 640px){
}
.error404.content-area{
float:none;
margin:auto;
}
.error404.content-area main{
text-align:center;
margin-right:auto;
}
.error404 h1 {
font-size: 70px;
}
@media screen and (max-width: 800px){
.error404 h1 span {
display: block;
font-size: 36px;
margin-bottom: 20px;
}
}
.site-header{
background-color:#004097;
color:#fff;
position:fixed;
top:0;
left:0;
width:100%;
box-sizing:border-box;
z-index:100;
box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.5);
}
.headerlogo{
flex-shrink:0;
display: flex;
justify-content: flex-end;
align-items: center;
}
.rikkenmishutou_logo{
display: block;
margin: 0;
width: auto;
height: 64px;
}
.site_logo{
display: block;
margin: 0;
width: 260px;
margin-left: 15px;
padding-left: 15px;
position: relative;
}
.site_logo:after{
content: "";
position: absolute;
height: calc(100% - 10px);
top: 5px;
left: 0;
background-color: #fff;
width: 1px;
display: block;
}
.headerlogo img{
display:block;width: auto;
height: 100%;
}
.header_container{margin: auto;
max-width: 1230px;
width: 100%;
position: relative;
display: flex;
justify-content: space-between;
margin: auto;
align-items: center;
padding: 10px 15px;
box-sizing: border-box;
}
.headermain{
position:relative;
width:100%;
display:flex;
justify-content:space-between;
align-items: center;
}
.navisns{
display: flex;
align-items: center;
}
.navisns a{
margin-left: 10px;
width: 30px;
display: block;
}
.navisns a img{
display: block;
width: 100%;
height: auto;
}
.navisns .navi_btn{
display: none;
}
.headernavi_sp{
display: none;
}
.spnavibtn{
align-items:center;
}
.navibtn{
display:block;
position:relative;
width: 50px;
height: 20px;
box-sizing:border-box;
}
.navibtn:after{
top:0;
right:0;
margin:auto;
position:absolute;
height:2px;
width:100%;
background-color:#000;
display:block;
content:"";
transition:0.3s;
transform-origin: 100% 0%;
}
.navibtn:before{
bottom:0;
right:0;
margin:auto;
position:absolute;
height:2px;
width:100%;
background-color:#000;
display:block;
content:"";
transition:0.3s;
transform-origin: 100% 0%;
}
.navibtn.active:after{
transform: rotate(-21deg);
}
.navibtn.active:before{
transform: rotate(21deg);
}
.headernavi{
flex-shrink:0;
background-color: #fff;
}
.headernavi ul{
margin: auto;
max-width: 1240px;
display: flex;
justify-content: flex-end;
padding: 0 10px;
box-sizing: border-box;
}
.headernavi ul a{
padding: 10px 10px;
color: #000;
display: block;
font-size: 16px;
position: relative;
transition: 0.3s 0.2s;
}
.headernavi ul a:hover,
.headernavi ul a.current{
background-color: #d5e8ef;
}/**/.spnavi{
display:none;
}
.site-inner {
margin: 0 auto;
max-width: 1140px;
position: relative;
padding:50px 20px;
padding-bottom:0px;
}
.top-inner{
padding-top: 130px;
margin: auto;
overflow: hidden;
}
.top-inner h3{
text-align: center;
font-size: 40px;
font-weight: 800;
line-height: 1;
margin-bottom: 40px;
font-style: italic;
color: #004196;
}
.inner{
margin:auto;
width:100%;
box-sizing: border-box;
}
.mainimage_box{
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(10,110,177,1)5%, rgba(52,144,191,1) 15%, rgba(255,255,255,1) 60%);
margin-bottom: -12vw;
}
.mainimage_box .inner{
margin: auto;
position: relative;
display: flex;
max-width: 1200px;
justify-content:flex-start;
align-items: flex-start;
}
.mainimage{
height: auto;
width: 480px;
}
.mainimage_text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: calc(100% - 480px);
padding: 0;
box-sizing: border-box;
padding-top: 20px;
}
.maintitle{
display: block;
width: 100%;
max-width: 580px;
margin: 30px 0px;
margin-right: 50px;
}
.mainimage_text p{
max-width: 360px;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 1.8;
margin-right: 40px;
}
.search_box{
display: flex;
align-items: center;
margin-right: 20px;
}
.search_box p{
margin: 0;
font-size: 14px;
margin-right: 15px;
color: #004097;
}
.search_box div{
display: flex;
align-items:stretch;;
border-radius: 5px;
border: solid 2px #004097;
overflow: hidden;
}
.search_box div input{
border: none;
}
.search_box div button{
-webkit-appearance: button !important;
width: 47px;
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/icon/icon_search.svg);
background-size: auto 70%;
background-position: center;
border: none;
padding: 0;
background-repeat: no-repeat;
background-color: #fff;
border-left: solid 2px #004097;
}
.mainimage_box {
margin-bottom: -9vw;
}
.mainimage_box .inner {
max-width: none;
}
.mainimage {
height: auto;
width: 480px;
width: 40vw !important;
max-width: none;
margin-bottom: -3vw;
flex-shrink: 0;
}
.mainimage_text p {
max-width: 350px;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 1.8;
font-size: 1.6vw;
max-width: 28.5vw;
margin-right: 4vw;
}
.search_box p {
font-size: 14px;
margin-right: 1em;
}
.maintitle {
display: block;
width: 100%;
max-width: none;
}
.mainimage_text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: auto;
padding: 0;
box-sizing: border-box;
padding-top: 20px;
}
.box1{
position: relative;
padding: 4.5vw 20px;
background-color: #fff;
transform: skew(0,-10deg);
}
.box1 .inner{
position: relative;
z-index: 10;
transform: skew(0,10deg)
}
.box1 .postlist{
display: flex;
justify-content: space-between;
max-width: 980px;
margin: auto;
flex-wrap: wrap;
}
.box1 .postlist li{
width: calc(33.33% - 60px /3);
margin-right: 30px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
}
.box1 .postlist li:last-child{
margin-right: 0;
}
.postlist_item h4{
background-color: #FFE572;
display: block;
padding: 5px 15px;
font-weight: 600;
font-size: 20px;
color: #004097;
height: calc(1em * 1.6);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.postlist_item .postlist_description{
padding: 15px;
padding-bottom: 20px;
position: relative;
}
.postlist_item .postlist_thumb{
margin-bottom: 5px;
width: 100%;
height: 0;
padding-top: 65.25%;
position: relative;
overflow: hidden;
}
.postlist_item .postlist_thumb img{
height: auto;
width: 100%;
top: 0;
position: absolute;
}
.postlist_item .postlist_thumb.noimage{
background-color: #004097;
}
.postlist_item .postlist_thumb.noimage img{
bottom: -50%;
top: -50%;
margin: auto;
width: 80%;
left: 0;
right: 0;
}
.postlist_item .excerpt{
height: calc(2em * 1.6);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 0;
}
.postlist_item .date{
font-size: 12px;
color: #004097;
position: absolute;
right: 15px;
bottom: 5px;
}
.box2{
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(52,144,191,1) 85%, rgba(10,110,177,1) 95%);
margin-top: -9vw;
padding-top: 18vw;
padding-bottom: 18vw;
margin-bottom: -9vw;
}
.box2 .inner{
display: flex;
justify-content: center;
padding: 0 20px;
}
.box2 .left,
.box2 .right{
height:400px; 
height: 500px;
width: 50%;
display: flex;
flex-direction: column;
max-width:500px;
align-items: center;
}
.box2 .left{
}
.top-inner .box2 .left h3,
.top-inner .box2 .right h3{
flex-shrink: 0;
text-align: center;
margin-bottom: 20px;
font-size: 30px;
color: #fff;
}
.timeline_box{
height: 100%;
max-width: 400px;
margin: 0 auto;
width: 80%;
}
.timeline-Footer{
display: none !important;
}
.box3{
position: relative;
padding-bottom: 5vw;
padding-top: 2vw;
background-color: #EAF4F8;
transform: skew(0,-10deg);
border-bottom: solid 15px #FFF;
overflow: hidden;
}
.photo_profile{
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/photo_profile.jpg);
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/photo_profile_202410.jpg);
background-size: contain;
position: absolute;
top: -60px;
width: calc(50vw - 90px);
max-width: 510px;
right: calc(50vw + 90px);
height: 180%;
transform: skew(0deg, 10deg);
background-repeat: no-repeat;
}
.box3 .inner{
position: relative;
z-index: 10;
transform: skew(0,10deg);
display: flex;
justify-content: flex-end;
max-width: 980px;
padding: 0 20px;
box-sizing: border-box;
}
.box3 .right{
width: 50%;
max-width: 490px;
padding-left: 50px;
box-sizing: border-box;
}
.box3 .right p:not(:first-of-type):not([class]){
margin-top: 10px;
padding-top: 10px;
border-top: solid 1px;
}
.box3 .btn_a{
justify-content: flex-start;
}
.photo_profile_sp{
display: none;
}
.box4{
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(52,144,191,1) 85%, rgba(10,110,177,1) 95%);
margin-top: -9vw;
padding-top: 18vw;
padding-bottom: 18vw;
margin-bottom: -9vw;
}
.box4 h3{
color: #fff;
}
.box4 .photo_area{
position: relative;
max-width: 300px;
width: 300px;
flex-shrink: 0;
}
.box4 .photo_area img{
z-index: 10;
position: relative;
}
.box4 .photo_area:after{
z-index: 1;
position:absolute;
width: 100%;
height: 100%;
content: "";
background-color: #004097;
top: 10%;
left: 10%;
}
.box4 .text_area{
max-width: 560px;
flex-shrink: 1;
}
.box4_1,
.box4_2{
display: flex;
justify-content: flex-end;
max-width: 940px;
padding: 0 20px;
box-sizing: border-box;
margin: auto;
}
.box4_1{
align-items: flex-end;
justify-content: flex-end;
margin-bottom: 40px;
}
.box4_2{
justify-content: flex-start;
align-items: flex-end;
}
.box4_1 .photo_area{
margin-left: 50px;
}
.box4_2 .photo_area{
margin-right: calc(3% + 50px);
margin-left: -6%;
}
.box5{
position: relative;
z-index: 1;
padding-bottom: 5vw;
}
.box5:after,
.box5:before{
height: calc(100% + 18vw);
width: 100%;
transform: skew(0,10deg);
display: block;
content: "";
position: absolute;
top: 0;
z-index: 1;
}
.box5:after{
background-color: rgba(209,229,237,0.50);
}
.box5:before{
background-color: rgba(209,229,237,0.50);
transform: skew(0,-10deg);
top: -7vw;
}
.box5 .inner{
z-index: 10;
position: relative;
padding: 0 20px;
}
.box5 .seisaku_list{
display: flex;
justify-content: space-between;
max-width: 980px;
margin: auto;
flex-wrap: wrap;
}
.box5 .seisaku_list li{
width: calc(33.33% - 30px /3);
margin-right: 15px;
margin-top: 15px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
background-color: #fff;
}
.box5 .seisaku_list li:nth-child(3n){
margin-right: 0;
}
.box5 .seisaku_list li:nth-child(-n + 3){
margin-top: 0;
}
.seisaku_list h4{
background-color: #FFE572;
display: block;
padding: 5px 15px;
font-weight: 600;
font-size: 20px;
color: #FFE572;
background-color:#004097;
text-align: center;
}
.seisaku_list p{
padding: 10px 15px;
font-size: 14px;
}
.box6{
position: relative;
padding: 5vw 0;
background-color: #fff;
transform: skew(0,-10deg);
z-index: 10;
}
.box6 .inner{
position: relative;
z-index: 10;
transform: skew(0,10deg);
padding: 0 20px;
}
.movie_list{
display: flex;
justify-content:flex-start;;
max-width: 980px;
margin: auto;
flex-wrap: wrap;
}
.movie_list li{
width: calc(33.33% - 30px /3);
margin-right: 15px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
background-color: #fff;
margin-top: 15px;
}
.movie_list li:nth-child(3n){
margin-right: 0;
}
.movie_list li a{
display: flex;
flex-direction: column;
height: 100%;
}
.movieopen h4{
}
.movie_list .moviethumb{
position: relative;	
}
.movie_list .moviethumb img{
position: relative;
z-index: 1;
}
.movie_list .moviethumb:before{
content: "";
width: 100%;
height: 100%;
z-index: 5;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0);
transition: 0.3s;
}
.movie_list .moviethumb:after{
content: "";
width: 25%;
height: 0;
padding-top: 25%;
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/icon/icon_play.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
z-index: 10;
transition: 0.3s;
opacity: 0;
}
.movie_list a:hover .moviethumb:before{
background-color: rgba(0,0,0,0.60);
}
.movie_list a:hover  .moviethumb:after{
opacity: 0.6;
}
.movie_list li:nth-child(n + 19){
display: none;
}
.box6 .movie_list li:nth-child(n + 4){
display: none;
}
@media screen and (min-width: 701px){
.archive_content .postlist li:nth-child(-n + 3){
margin-top: 0;
}
}
.movie_list h4{
background-color: #E6E6E6;
display: block;
padding: 5px 15px;
font-weight: 600;
font-size: 18px;
color: #FFE572;
text-align: center;
color: #004097;
height: 100%;
flex-shrink: 1;
display: flex;
align-items: center;
justify-content: center;
}
.movie_list li img{
display: block;
width: 100%;
}
.box7{
position: relative;
z-index: 7;
background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(52,144,191,1) 85%, rgba(10,110,177,1) 95%);
margin-top: -9vw;
padding-top: 13vw;
padding-bottom: 40px;
}
.box7 .inner{
padding: 0 20px;
}
.box7 h3{
color: #fff;
}
.kouhoubutsu_list{
display: flex;
justify-content:flex-start;;
max-width: 980px;
margin: auto;
flex-wrap: wrap;
}
.kouhoubutsu_list li{
width: calc(33.33% - 30px /3);
margin-right: 15px; background-color: #fff;
padding-bottom: 5px;
margin-top: 15px;
}
.kouhoubutsu_list li:nth-child(3n){
margin-right: 0;
}
.kouhoubutsu_list li:nth-child(-n + 2){
margin-top: 0;
}
@media screen and (min-width: 701px){
.kouhoubutsu_list li:nth-child(-n + 3){
margin-top: 0;
}
}
.kouhoubutsu_list h4{
display: block;
text-align: center;
padding: 5px 1px;
font-weight: 600;
font-size: 14px;
color: #000;
}
.kouhoubutsu_list .kouhoubutsu_thumb{
width: 100%;
height: 0;
padding-top: 56.25%;
padding-top: 75%;
position: relative;
overflow: hidden;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
margin-bottom: 5px;;
}
.kouhoubutsu_list .kouhoubutsu_thumb:before,
.kouhoubutsu_list .kouhoubutsu_thumb:after{
content: "";
width: 56px;
height: 56px;
position: absolute;
display: block;
box-sizing: border-box;
z-index: 10;
}
.kouhoubutsu_list .kouhoubutsu_thumb:before{
border-top: solid 3px #004097;
border-left: solid 3px #004097;
top: 0;
left: 0;
transition: 1s;
}
.kouhoubutsu_list .kouhoubutsu_thumb:after{
border-right: solid 3px #004097;
border-bottom: solid 3px #004097;
bottom: 0;
right: 0;
transition: 1s;
}
.kouhoubutsu_list .kouhoubutsu_thumb img{
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: 1;
transition: 1s;
}
.kouhoubutsu_list a:hover .kouhoubutsu_thumb:after{
width: 500px;
height: 500px;
}
.kouhoubutsu_list a:hover .kouhoubutsu_thumb:before{
width: 500px;
height: 500px;
}
.kouhoubutsu_list a:hover .kouhoubutsu_thumb img{
opacity: 0.5;
}
.box8{
background: rgb(234,244,248);
background: linear-gradient(90deg, rgba(234,244,248,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
padding: 30px 20px;
padding-bottom: 45px;
position: relative;
z-index: 10;
}
.box8 .inner{
max-width: 1000px;
position: relative;
z-index: 10;
}
.box8_img{
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 290px;
}
.box8 h3{
margin-bottom:30px;
}
.box8 ul{
display: flex;
justify-content: flex-start;
align-items: stretch;
gap:20px;
}
.box8 ul li{
width: calc(33.33% - 40px / 3);
}
.box8 ul li a{
background-color: #004097;
width: 220px;width: 370px;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
font-size: 24px;
font-size: 18px;
padding: 20px 10px;
color: #EA669C;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
max-width: 100%;box-sizing: border-box;
border-radius: 5px;
height: 100%;
align-items: center;
line-height: 1.3;
font-weight: 600;
}
.box8 ul li a p{
line-height: 1.3;
font-weight: 500;
}
.box8 ul li a p{
display: inline-block;
}
.box8 ul li a img{
width: 45px;
margin-right: 20px;
width: 35px;
margin-right: 10px;
}
.site-footer{
padding: 20px;
background-color: #004097;
}
.site-footer .inner{
display: flex;
justify-content:space-between;
max-width: 1100px;
max-width: 990px;
margin: auto;
color: #fff;
}
.site-footer .right{
width: 220px;
display: flex;
align-items: center;
width: 100px;
}
.site-footer .right img,
.site-footer .right a{
display: block;
width: 100%;
}
.site-footer .left h3{
font-size: 24px;
}
.site-footer .left p{
margin-bottom: 10px;
text-align: left;
}
.site-footer .center h3{
font-size: 24px;
}
.site-footer .center p{
margin-bottom: 10px;
text-align: left;
}
a.privacypolicy_link,
a.privacypolicy_link:active,
a.privacypolicy_link:visited,
a.privacypolicy_link:link{
text-decoration: underline;
}
a.privacypolicy_link:hover{
text-decoration: none;
}
.popupmoviebox{
position:fixed;
width:90%;
z-index:100001;
display:none;
left:5%;
top:50%;
margin-top:-25.3125%;	
}
.popupmoviebox iframe{
width:100%;
}
.popupmoviebg{
position:fixed;
height:100vh;
width:100vw;
z-index:100000;
display:none;
top: 0;
left: 0;
background-color:rgba(0,0,0,0.70);
}
.moviethumb{
cursor:pointer;
}
.youtubearea{
padding:0 !important;
width:100%;
height:0;
position:relative;
padding-top: 56.25% !important;
overflow:hidden;
margin-bottom:20px;
}
.youtubearea iframe{
width:100%;
height:100%;
position:absolute;
top:-20%;
right:-20%;
left:-20%;
bottom:-20%;
margin:auto;
}
.taglist{
display:flex;
justify-content:flex-start;
align-items:flex-start;
color:#bf1920;
flex-wrap:wrap;
margin-bottom:40px;
}
.tag{
border: solid 1px #bf1920;
border-radius: 5px;
font-size: 12px;
display: flex;
justify-content: center;
box-sizing: border-box;
padding: 0px 6px;
text-align: left;
min-width: 80px;
margin-right: 8px;
margin-bottom: 8px;
text-align: center;
}
.tag.current,
.tag:hover{
background-color:#bf1920;
color:#fff;
}
.btn_a{
display:flex;
justify-content:center;
color:#004097;
}
.btn_a a{
text-align: center;
border:solid 2px #004097;
display: flex;
padding: 5px;
min-width: 180px;
box-sizing: border-box;
justify-content: center;
align-items: center;
box-sizing:border-box;
transition:0.1s;
}
.btn_a a strong{
font-weight: inherit;
padding-left: 15px;
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/arrow_btn.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px;
}
.btn_a a:hover{
background-color:#004097;
color: #fff;
}
.btn_a a:hover strong{
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/arrow_btn_w.svg);
}
.btn_w{
display:flex;
justify-content:center;
color:#000;
}
.btn_w a{
box-sizing:border-box;
width: 140px;
text-align: center;
background-color: #fff;
border:solid 1px #000;
display: flex;
height: 30px;
justify-content: center;
align-items: center;
font-size: 14px;
border-radius:5px;
transition:0.3s;
}
.btn_w a:hover{
color:#fff;
background-color:#000;
}
.toppage{
padding:0;
}
.toppage > article{
}
.toppage > article .btn_a{
margin-top:40px;
}
@media screen and (min-width: 641px){
}
@media screen and (max-width: 640px){
}
.page_container{
padding: 130px 0px;
padding-bottom:0;
margin:auto;
}
.page_container > .inner{
padding: 0 20px;
padding-bottom: 70px;
}
.page_title{
font-size: 3rem;
margin-bottom: 30px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
height: 250px;
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/pagetitle_bg.jpg);
background-size: cover;
}
.page_title h1,
.page_title h2{
margin: 0;
font-size: 2rem;
color: #004097;
font-weight: 800;
text-align: center;
}
.archive_content .information_list {
border-top:solid 2px #999;
}
.archive_content .listitem_text a{
padding:10px 0;
border-bottom:solid 2px #999;
}
.navigation .screen-reader-text{
display:none;
}
.pagenavi{
margin-top:50px;
display:flex;
justify-content:center;
align-items:center;
color:#004097;
}
.page_num{
margin-bottom:0;
margin-right:20px;
color:#004097;
}
.nav-links{
display:flex;
}
.page-numbers{
border:solid 1px #004097;
background-color:#fff;
display:flex;
justify-content:center;
align-items:center;
line-height:1;
width:30px;
height:30px;
margin-right:10px;
transition:0.3s;
color: #004097;
}
.page-numbers:hover{
color:#fff;
background-color:#004097;
}
.page-numbers.current{
color:#fff;
background-color:#004097;
}
.page-numbers:last-child{
margin-right:0;
}
.page-numbers.prev,
.page-numbers.next{
display:none;
}
.post_detail{
display:flex;
max-width: 1200px;
margin: auto;
margin-bottom:80px;
}
.page_main{
max-width: 1200px;
margin: auto;
margin-bottom:80px;}
.page_main p,
.post_main p{
margin-top: 20px;
margin-bottom: 0;
}
.page_main h2,
.post_main h2{
margin-top: 40px;
font-size: 1.5rem;
background-color:#004097;;
color: #fff;
padding:5px 10px;;
}
.page_main h3,
.post_main h3{
margin-top: 40px;
margin-bottom: 30px;
font-size: 1.3rem;
color: #004097;
border-bottom: solid 3px #004097;
padding-bottom: 10px;
position: relative;
box-sizing: border-box
}
.page_main h3:after,
.post_main h3:after{
height: 3px;
position: absolute;
left: 0;
bottom: -3px;
width: 20%;
content: "";
background-color:#ccc;
}
.page_main h4,
.post_main h4{
margin-top: 20px;
font-weight: 700;
font-size: 18px;
}
.page_main h5,
.post_main h5{
margin-top: 20px;
}
.page_main p:first-child,
.page_main h2:first-child,
.page_main h3:first-child,
.page_main h4:first-child,
.page_main h5:first-child,
.post_main p:first-child,
.post_main h2:first-child,
.post_main h3:first-child,
.post_main h4:first-child,
.post_main h5:first-child{
margin-top: 0;
}
.page_main a:not([class]),
.post_main a:not([class]){
color: #004097;
text-decoration: underline;
}
.page_main a:not([class]):hover,
.post_main a:not([class]):hover{
text-decoration: none;
}
#toc_container{
margin-top: 60px;
}
#toc_container.no_bullets .toc_list > li{
margin-bottom: 10px;
}
#toc_container.no_bullets .toc_list > li:last-child{
margin-bottom:0px;
}
.post_head{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: solid 1px #004097;
}
.postdate{
text-align:left;
margin-bottom:0;
font-size: 14px;
color: #004097;
width: 100%;
text-align: right;
}
.post_detail .left{
width: 100%;
flex-shrink: 1;
}
.post_detail .right{
width:260px;
flex-shrink:0;
margin-left: 40px;
font-size: 14px;
}
.themewidget{
margin-bottom: 40px;
}
.themewidget:last-child{
margin-bottom: 0px;
}
.themewidget li{
margin-bottom: 10px;
}
.themewidget li:last-child{
margin-bottom: 0;
}
.widget-title{
padding-bottom: 5px;
margin-bottom: 20px;
color: #004097;
border-bottom: solid 1px #004097;
font-size: 1.2rem;
}
.sidebar{
margin-bottom: 80px;
}
.post_title{
margin-bottom:20px;
font-size:22px;
}
.contact{
border:none;
margin-left:110px;
max-width:740px;
width:100%;
}
.contact th,
.contact td{
border:none;
}
.contact th{
width:190px;
}
.contact span{
width:100%;
}
input, textarea{
padding:5px;
width:100%;
box-sizing:border-box;
}
input[type="submit"]{
border: none;
border: solid 1px #004097;
color: #004097;
background-color: #fff;
width: 150px;
padding: 5px 0;
cursor:pointer;
transition: 0.3s;
}
input[type="submit"]:hover{
color: #fff;
background-color: #004097;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin: auto;
padding-top: 30px;
width: 20px;
display: block;
margin-top: -15px;
}
.bx-wrapper .bx-prev{
left:15px;
background-image:url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/css/images/arrow_l.svg);
}
.slider1 img{
transition:0.4s;
}
.bx-wrapper .bx-next {
right:15px;
background-image:url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/css/images/arrow_r.svg);
}
.bx-wrapper .bx-viewport{
transition:0.4s;
}
@media screen and  (max-width: 1200px){
.photo_profile {
width: 46vw;
right: 56vw;
top: -6vw;
}
.box3 .right {
padding-left: 0;
}
}
@media screen and  (max-width: 1000px){
.maintitle {
margin: 2vw 0;
width: 100%;
}
.mainimage_text p.maincatch {
font-size: 2.6vw;
margin: 0;
max-width: 100%;
}
.box8_img {
width: 30%;
}
.box8 ul{
}
.box8 ul li {
width: calc(33.33% - 40px / 3); }
.box8 ul li a {
font-size: 16px;
}
.box8 ul li a img {
width: 28px;
}
}
@media screen and  (max-width: 700px){
.box8 ul {
flex-direction: column;
}
.box8 ul li{
width: 70%;
}
}
@media screen and (min-width: 701px) and (max-width: 900px){
html{
font-size:14px;
}
.top-inner h3 {
font-size: 26px;
margin-bottom: 30px;
}
.postlist_item h4,
.seisaku_list h4{
font-size: 16px;
}
.movie_list h4{
font-size: 14px;
}
.search_box div input {
border: none;
font-size: 10px;
padding: 3px;
}
.search_box p {
font-size: 10px;
}
}
@media screen and (max-width: 700px){
html{
font-size:14px;
}
.top-inner,
.page_container{
padding-top: 88px;
}
.navisns .navi_btn{
display:block;
}
.headernavi{
position:fixed;
top: 0;
right: -200px;
width: 200px;
transition: 0.3s;
z-index: 110;
height: 100vh;
}
.headernavi.active{
right: 0;
}
.headernavi ul{
display: block;
padding: 0;
}
.headernavi ul li{
border-bottom: solid 1px #004097;
}
.headernavi ul a {
font-size: 12px;
font-size: 16px;
}
.spnavi_bg{
display: none;
background-color: rgba(0,0,0,0.60);
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
.mainimage_box {
}
.search_box{
display: none;
} .box5 .seisaku_list li,
.box1 .postlist li{
width: 100%;
margin: 0;
margin-top: 0px;
margin-bottom: 20px;
}
.box5 .seisaku_list li:last-child,
.box1 .postlist li:last-child{
margin-bottom: 0;
}
.box1 {
padding: 9vw 20px;
}
.box2 .inner{
display: block;
}
.box2 .left,
.box2 .right{
width: 100%;
margin: auto;
}
.box2 .left{
margin-bottom: 30px;
}
.box2 .right{
height: auto;
}
.top-inner .box2 .right h3 {
color: #004097;
}
.timeline_box{
width: 100%;
}
.photo_profile{
display: none;
}
.box3 {
padding-top: 9vw;
padding-bottom: 9vw;
}
.box3 .right{
width: 100%;
margin: auto;
}
.box3 .btn_a {
justify-content: center;
}
.box4_1{
flex-direction: column-reverse;
}
.box4_1 .photo_area,
.box4_2 .photo_area{
margin: auto;
margin-bottom: 50px;
}
.box4_2{
flex-direction: column;}
.movie_list li{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.photo_profile_sp{
display: block;
width: 100%;
overflow: hidden;
height: 90vw;
margin-bottom: -15vw;
}
.photo_profile_sp img{
margin-top: -10vw;
width: 100%;
}
.kouhoubutsu_list li{
width: calc(50% - 7.5px);
}
.kouhoubutsu_list li:nth-child(2){
margin-right: 0;
}
.kouhoubutsu_list li:last-child{
display: none;
}
.kouhoubutsu_list h4 {
font-size: 10px;
}
.box5 {
padding-bottom: 9vw;
}
.box6 {
padding: 9vw 0;
}
.box7 {
padding-top: 18vw;
}
.box8 { }
.box8 h3{
font-size: 26px;
}
.box8 ul{
width: 100%;
}
.box8 ul li a img {
margin-right: 10px;
} .site-footer .inner {
justify-content: center;
flex-direction: column-reverse;
align-items: center;
}
.site-footer .inner .left{
text-align:center;
}
.site-footer .inner .center{
text-align:center;
}
}
.spnavisns{
display: none;
}
@media screen and (max-width: 550px){ .spnavisns{
display: flex;
justify-content: center;
}
.headernavi ul .spnavisns a{
width: 30%;
padding: 5%;
box-sizing: border-box;
display: flex;
align-items: center;
}
.spnavisns a img{
margin: auto;
display: block;
width: 80%;
}
}
@media screen and (max-width: 500px){
html{
font-size:14px;
}
.top-inner h3 {
font-size: 20px;
margin-bottom: 20px;
}
.postlist_item h4{
font-size: 16px;
text-align: center;
}
.seisaku_list h4{
font-size: 18px;
}
.movie_list h4{
font-size: 18px;
}
.top-inner,
.page_container{
padding-top: 40px;
padding-top: 17vw;
}
.rikkenmishutou_logo { height: 34px;
height: 9vw;
}
.mainimage_box {
margin-top: 4vw;
}
.mainimage {
}
.mainimage_text {
padding-top: 0vw;
}
.mainimage_text p.maincatch {
font-size: 3.2vw;
line-height: 1.6;
}
.header_container {
padding: 5px 10px;
padding: 2vw 2vw;
}
.site_logo {
width: 120px;
margin-left: 10px;
padding-left: 10px;
width: 50vw;
margin-left: 3vw;
padding-left: 3vw;
}
.navisns a {
display: none;
}
.navisns a.navi_btn{
margin-left: 5px;
width: 15px;
width: 8vw;
}
.btn_a a {
padding: 3px 5px;
min-width: 150px;
}
.site-footer .left h3 {
font-size: 20px;
margin: 10px;
}
.site-footer .center h3 {
font-size: 20px;
margin: 10px;
}
.toppage > article .btn_a {
margin-top: 30px;
}
.box8_img {
width: 28%;
}
.page_title {
min-height: 170px;
height: auto;
padding: 20px;;
box-sizing: border-box;
}
.page_title h1, .page_title h2 {
font-size: 1.6rem;
line-height: 1.4;
}
.box8 ul li {
margin-right: 10px;
width: calc(50% - 10px / 2);
}
.box8 ul li {
margin-right: 10px;
width: calc(33.33% - 20px / 3);
width: 70%
}
.box8 ul li a {
font-size: 12px;
padding: 10px 0;
}.box8 ul li a img {
width: 20px;margin-right: 8px;
}
.top-inner .box8 h3 {
font-size: 16px;
} }
@media screen and (max-width: 370px){
html{
font-size:12px;
}
.mainimage {
width: 45vw !important;
}
.maintitle{
margin: 0;			
margin-right: 4.5vw;
margin-bottom: 4vw;;
}
.mainimage_text p {
letter-spacing: 0em;
max-width: none;
line-height: 1.6;
}
.box8 {
padding: 30px 10px;}
.box8 ul{
flex-direction: column;
}
.box8 ul li {width: 190px;
margin-bottom: 10px;
}
.box8 ul li a {
font-size: 10px;
flex-direction: row;
padding: 10px 15px;
justify-content: flex-start;
}
.box8 ul li a p{
margin-left: 5px;
}
.box8_img {
width: 110px;
}
}
.archive_content .postlist{
display: flex;
justify-content: space-between;
max-width: 980px;
margin: auto;
flex-wrap: wrap;
}
.archive_content .postlist li{
width: calc(33.33% - 60px /3);
margin-right: 30px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
margin-top: 30px;
}
.archive_content .postlist li:nth-child(3n){
margin-right: 0;
}
@media screen and (min-width: 701px){
.archive_content .postlist li:nth-child(-n + 3){
margin-top: 0;
}
}
@media screen and (max-width: 700px){
.archive_content .postlist li{
width: 100%;
margin: 0;
margin-top: 0px;
margin-bottom: 20px;
}
.archive_content .postlist li:last-child{
margin-bottom: 0;
}
}
@media screen and (max-width: 1200px){
.post_detail{
display: block;
}
.post_detail .right {
width: 100%;
margin-left: 0;
margin-top: 80px;
}
}
.themewidget li.postlist_pv_item{
margin-bottom: 30px;
}
.postlist_pv_item .postlist_thumb{
position: relative;
display: block;
overflow: hidden;
height: 0;
padding-top: 56.25%;
margin-bottom: 0px;
}
.postlist_pv_item .postlist_thumb img{
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.postlist_pv_item .postlist_thumb:after{
content: "";
position: absolute;
bottom: 0px;
box-shadow: rgba(0, 0, 0, 0.8) 0px -100px 50px -50px inset;
height: 100px;
width: 100%;
display: block;
z-index: 5;
}
.postlist_pv_item .date{
font-size: 12px;
color: #004097;
width: 100%;
text-align: right;
margin-bottom: 0;	
}
.pv_views{
position: absolute;
right: 10px;
bottom: 10px;
color: #fff;
z-index: 10;
line-height: 1;
}
.search-title{
padding-left: 5px;
margin-right: 5px;
font-size: 1.6rem;
border-left: 5px solid #004097;
color: #004097;
}
.kouza strong{
color: #004097;
font-size: 1.2em;
padding-left: 5px;
font-weight: inherit;
margin-bottom: 5px;
display: inline-block;
}
.contact_table, .contact_table tr, .contact_table td, .contact_table th {
box-sizing: border-box;
border: none;
vertical-align: top;
}
.contact_table {
margin: auto;
max-width: 800px;
width: 100%;
margin-top: 20px;
}
.contact_table th {
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.page_main .contact_table p, .post_main .contact_table p{
margin: 0;
}
.contact_table .requied {
font-size: 12px;
background-color: #FF0004;
color: #fff;
display: inline-block;
padding: 0 5px;
margin-left: 10px;
}
label{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
label span{
display: block;
word-break: keep-all;
}
label input{width: auto;
margin-right: 10px;}
span.wpcf7-list-item{
display: block;	
}.wpcf7-form-control-wrap{display: block;}
@media screen and (max-width: 500px){
.contact_table, .contact_table tr, .contact_table td, .contact_table th {
display: block;
width: 100%;
text-align: left;
padding: 0;
}
.contact_table th {
padding-bottom: 10px;
justify-content: flex-start;
display: flex;
}.contact_table td {
padding-bottom: 20px;
}
}
.foot_line{
position: fixed;
background-color: #004097;
bottom: 0;
width: 100%;
z-index: 300;
color: #fff;
font-size: 30px;
font-weight: 700;
}
.foot_line .inner{
display: flex;
justify-content: space-between;
max-width: 1020px;
margin: auto;
align-items: center;
width: 100%;
padding: 15px 20px;
box-sizing: border-box;
z-index: 100;
}
.line_btn_sp{
width: 80px;
display: block;
display: none;
}
.line_qr_pc{
width: 80px;
display: block;
}
.line_text1{
font-weight: 800;
margin: 0;
margin-bottom: 0.5em;
}
.line_text2{
margin: 0;
padding:0 0.3em;
border-radius: 0.3em;
border: solid 1px #fff;
display: inline-block;
}
@media screen and (max-width: 500px){
.foot_line{
font-size: 3.2vw;
}
.line_btn_sp{
display: block;
}
.line_qr_pc{
display: none;
}
}
.mainimage_box.v2021{
margin-bottom: -12.5vw;
}
.v2021 .mainimage_text p {
max-width: none;
}
.seisaku2021{
transform: skew(0,-10deg);
margin-top: 3vw;
overflow: hidden;
}
.seisaku2021 > .inner{
transform: skew(0,
10deg);
margin-top: -9vw;
position: relative;
}
.seisaku2021 img{
width: 100%;
}
.seisaku2021 + .box1 {
margin-top: -10vw;
}
.seisakubtn{
display: flex;align-items: center;
justify-content: center;
}
.seisakubtn a{
display: block;
font-size: 1.8vw;
color: #fff;
background-color: #004097;
}
.seisakubtn {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 11.5vw;
width: 57vw;
left: 7vw;
}
.seisakubtn a {
display: block;
font-size: 1.8vw;
color: #fff;
background-color: #004097;
padding: 0.5vw 4vw;
padding-bottom: 0.6vw;
font-weight: 500;
border: solid 0.2vw #004097;
}
.seisakubtn a:hover{
background-color: #fff;
color: #004097;
}
@media screen and (max-width: 1000px){
.v2021 .mainimage_text p.maincatch {
font-size: 1.8vw;
}
}
@media screen and (max-width: 640px){
.seisakubtn {
bottom: 9.5vw;
width: 100%;
left: 0;
}
.seisakubtn a {
font-size: 3.2vw;
padding: 0.5vw 10vw;
}
.seisaku2021 + .box1 {
margin-top: -4vw;
}
}
@media screen and (max-width: 440px){
}
.wp-block-table{
margin-top: 30px;
}
.schedule_202110 td{
width: 140px;
box-sizing:border-box;}
.schedule_202110 td:nth-child(2){
width: calc(100% - 140px);
}
.wp-block-columns:not(:first-child){
margin-top: 30px;
} .page_main .omoi_page p:not(:first-child){
margin-top: 10px;
}
@media (min-width: 1001px){
.omoibox1 > div:first-child,
.omoibox2 > div:first-child,
.omoibox3 > div:first-child,
.omoibox4 > div:first-child{
flex-shrink: 1;
flex-basis: 60%;
}
.omoibox1 > div:last-child,
.omoibox2 > div:last-child,
.omoibox3 > div:last-child,
.omoibox4 > div:last-child{
flex-shrink: 1;
flex-basis: 40%;
}
}
@media (max-width: 1000px){
.omoibox1,
.omoibox2,
.omoibox3,
.omoibox4{
flex-direction: column;
}
.omoibox1 > div:first-child,
.omoibox2 > div:first-child,
.omoibox3 > div:first-child,
.omoibox4 > div:first-child{
margin-bottom: 30px;
}
.omoibox1 > div:last-child img,
.omoibox2 > div:last-child img,
.omoibox3 > div:last-child img,
.omoibox4 > div:last-child img{
margin: auto;
}
.omoibox4 > div:last-child img{
width: 70%
}
}
.seisaku_box1 ol{
font-size: 24px;
font-family: 'Noto Serif JP', serif;
}
@media (min-width: 1001px){
.seisaku_box1 > div:first-child,
.seisaku_box2 > div:first-child,
.seisaku_box3 > div:first-child,
.seisaku_box4 > div:first-child{
flex-shrink: 1;
flex-basis: 60%;
}
.seisaku_box1 > div:last-child,
.seisaku_box2 > div:last-child,
.seisaku_box3 > div:last-child,
.seisaku_box4 > div:last-child{
flex-shrink: 1;
flex-basis: 40%;
}
}
@media (max-width: 1000px){
.seisaku_box1 ol{
font-size: 20px;
}
.seisaku_box1,
.seisaku_box2,
.seisaku_box3,
.seisaku_box4{
flex-direction: column;
}
.seisaku_box1 > div:first-child,
.seisaku_box2 > div:first-child,
.seisaku_box3 > div:first-child,
.seisaku_box4 > div:first-child{
margin-bottom: 30px;
}
.seisaku_box1 > div:last-child img,
.seisaku_box2 > div:last-child img,
.seisaku_box3 > div:last-child img,
.seisaku_box4 > div:last-child img{
margin: auto;
}
}
.movie_list.list_list{
justify-content: center;
}
.movie_list.list_list li a{
height: auto;
}
.movie_list.list_list li a.btn{
background-color: #004097;
display: flex;
text-align: center;
justify-content: center;
align-items:center;
flex-shrink: 1;
height: 100%;
color: #fff;
padding: 5px;
border: solid 2px #004097;
margin-top: 5px;
box-sizing: border-box;
font-size: 16px;
}
.movie_list.list_list li a.btn:hover{
background-color: #fff;
color: #004097;
}
.box6 .movie_list.list_list li:last-child{
margin-right: 0;
}
.box6 .movie_list.list_list li,
.box6 .movie_list.list_list li:nth-child(n + 4) {
display: flex;
flex-direction: column;
}
.box9{
position: relative;
padding: 5vw 0;
background-color: #fff;
transform: skew(0,-10deg);
z-index: 10;    padding-bottom: 15vw;
}
@media (min-width: 1201px){
.box9{
padding: 3vw 0;
padding-bottom: 9vw;
}
}
.box9 .inner {
position: relative;
z-index: 10;
transform: skew(0,
10deg);
padding: 0 20px;
}
.hitogara{
display: flex;
flex-wrap: wrap;
max-width: 980px;
margin: auto;
position: relative;
}
.hitogara li{
margin-top: 15px;
}
.hitogara li:hover{
}
.hitogara a{
display: block;
position: relative;
overflow: hidden;
}
.hitogara a img{
position: relative;
z-index: 1;
transition: 1s;
}
.hitogara a:hover img {
opacity: 0.5;
transition: 1s;
}
.hitogara a:before,
.hitogara a:after {
content: "";
width: 56px;
height: 56px;
position: absolute;
display: block;
box-sizing: border-box;
z-index: 10;
}
.hitogara a:before {
border-top: solid 3px #004097;
border-left: solid 3px #004097;
top: 0;
left: 0;
transition: 1s;
}
.hitogara a:after {
border-right: solid 3px #004097;
border-bottom: solid 3px #004097;
bottom: 0;
right: 0;
transition: 1s;
}
.hitogara a:hover:before,
.hitogara a:hover:after {
width: 500px;
height: 500px;
}
@media screen and (min-width: 701px){
.hitogara li{
width: calc(33.33% - 30px / 3);
margin-right: 15px;
}
.hitogara li:nth-child(3n){
margin-right: 0;
}
}
.modalinner{
height:auto;
display:none;
margin:auto;
}
.modalinner.show{
display:block;
}
.modalbox{
position: fixed;
top:0;
z-index:1000;
height:100vh;
width:100%;
display:none;
background-color: rgba(0,0,0,0.70);
overflow:auto;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding: 20px;
}
.modalclose{
width:30px;
margin-bottom:10px;
display:block;
}
.modalinner {
width: 100%;
z-index: 100001;
display: block;
align-items: flex-end;
justify-content: center;
flex-direction: column;
max-width: 1500px;
margin: auto;
}
.bgw{
}
.bgw h3{
color: #004196l;
}
.box6.bggra{
background: linear-gradient(
0deg, rgba(255,255,255,1) 40%, rgba(52,144,191,1) 85%, rgba(10,110,177,1) 95%);
margin-bottom: -3vw;
}
.box6.bggra h3{
color: #fff;
}
.mainimage {
width: 42vw !important;
margin-bottom: -7vw;
margin-top: 30px;
}
.mainimage_text p.maincatch{
width: 100%;
font-weight: 900;
font-size: 3.6vw;
line-height: 1.6;
line-height: 1.4;
margin-top: 1vw;
font-style: italic;
color: #004097;
}
.maintitle {
margin: 9vw 0px;
margin: 12vw 0px;
margin-right: calc(2vw + 50px);
width: 100%;
}
.mainimage {
width: 54vw !important;
width: 60vw !important;
margin-left: -5vw;
}
.mainimage_box .left{
position: relative;
}
.maintitle_img2 {
position: absolute;
left: 9vw;
top: 12vw;
width: 12vw;
}
.mainimage_box .inner {
max-width: none;
height: 54vw;
height: 60vw;
}
@media screen and (max-width: 1000px) {
.v2021 .mainimage_text p.maincatch {
font-size: 3.6vw;
}
.maintitle {
margin-right: 5vw;
}
.maintitle_img2 {
position: absolute;
left: 8vw;
top: 11vw;
width: 11vw;
}
}
.mainimage_text {
width: 100%;
}
@media screen and (max-width: 500px){
.mainimage {
width: 50vw !important;
margin-bottom: -1vw;
margin-top: 0px;
}
.mainimage_box {
margin-top: 0vw;
}
.mainimage_text{    padding-top: 3vw;
}
}
.post-password-form{
display: flex;
padding: 100px 0;
max-width: 800px;
margin: auto;
flex-direction: column;
align-items: center;
}
.post-password-form label input{
border: solid 1px #000;
margin: 10px;
}
.seisaku2024{
transform: skew(0, -10deg);
overflow: hidden;
}
.seisaku2024 .outer{
margin-top: -10vw;
padding-top: 20vw;
transform: skew(0, 10deg);
background-image: url(//yamagishi-issei.jp/wp/wp-content/themes/basetemplate/images/seisaku_bg.jpg);
background-position: center;
background-size: cover;
padding-bottom: 20vw;
margin-bottom: -20vw;
}
.seisaku2024 .inner{
display: flex;
align-items: flex-end;
}
.seisaku2024 .left{
width: 80%;
padding: 5vw;
box-sizing: border-box;
width: 65%;
padding: 5vw;
box-sizing: border-box;
flex-shrink: 0;
}
.seisaku2024 .right{
flex-shrink: 1;
}
.seisaku2024 .right img{
width: 46vw;
margin-left: -12vw;
display: block;
max-width: none;
}
.seisakubtn {
display: flex;
align-items: center;
justify-content: center;
width: 57vw;
position: relative;
left: auto;
bottom: auto;
}
.seisaku2024 .seisaku_text1{
margin-bottom: 2vw;
}
.seisaku2024 .seisaku_text2{
font-size: 1.8vw;
padding: 0;
margin: 0;
margin-bottom: 4vw;
text-shadow: 0px 0px 2px #fff;
}
.seisaku2024 .seisaku_text3{
margin-bottom: 3vw;
width: 42vw;
}
.seisaku2024 li{    transform: skew(-20deg, 0);
background-color: #e42489;
margin-bottom: 2vw;
width: 50vw;
}
.seisaku2024 li .skewinner{
transform: skew(20deg, 0);
position: relative;
padding: 0.3vw;
padding-left: 6vw;
color: #fff;
font-size: 2vw;
font-weight: 700;
box-sizing: border-box;
}
.seisaku_num{
width: 4vw;
position: absolute;
top: -1.5vw;
left: 1vw;
}
@media screen and (max-width: 700px){
.v2021 .mainimage_text p.maincatch {
font-size: 4vw;
}
}
@media screen and (max-width: 640px){
.mainimage_box .inner {
flex-direction: column-reverse;
}
.mainimage_box .inner {
max-width: none;
height: auto;
}
.maintitle {
margin: 5vw auto;
width: 90%;
padding-right: 0;
box-sizing: border-box;
}
.mainimage_text {
padding-top: 0;
margin-right: 0;
width: 100%;
padding-right: 0;
}
.mainimage {
width: 100%;
margin: 0;
width: 95% !important;
margin-left: -5%;
}
.maintitle_img2 {
position: absolute;
left: 12vw;
top: 11vw;
width: 21vw;
}
}
@media screen and (max-width: 640px){
.seisaku2024 .seisaku_text1 {
margin-bottom: 2vw;
width: 90vw;
max-width: none;
}
.seisaku2024 .seisaku_text2 {
font-size: 3vw;
margin-bottom: 6vw;
text-align: center;
}
.seisaku2024 .left {
width: 70%;
padding: 6vw 4vw;
}
.seisaku2024 .seisaku_text3 {
margin-bottom: 5vw;
width: 55vw;
}
.seisaku2024 li .skewinner {
transform: skew(20deg, 0);
position: relative;
padding: 0.5vw;
padding-left: 7vw;
font-size: 3.2vw;
}
.seisaku_num {
width: 5vw;
position: absolute;
top: -1.0vw;
left: 1vw;
}
.seisaku2024 .left {
width: 100%;
}	
.seisaku2024 .right {
flex-shrink: 1;
position: absolute;
bottom: 19vw;
right: 0;
}
.seisaku2024 .right img {
width: 43vw;
margin-left: -16vw;
}
.seisakubtn {
left: -4vw;
}
}
.box2 .btn_a a{
width: 200px;
}
@media screen and (min-width: 701px){
.box2 .btn_a{
display: none;
}
}
@media screen and (max-width: 700px){
.box2 .left, .box2 .right {
height: auto;
}
.box2 .left {
margin-bottom: 60px;
}
}