@charset "utf-8";
@import url("text_style.css");

/* sp View   ～768px  ----------------------------------------------------------------------------------------------*/
.pc_none{display:block;}
.sp_none{display:none;}
.pc_only{display:none;}
.sp_only{display:inline;}
em {
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
body,td,th {
	color: #333333;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    font-family: 'Kosugi Maru', "メイリオ", sans-serif;
}
dd{margin: 0; padding: 0;}
#container {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
a{
    text-decoration: none;
    color: inherit;
}
/* header */
#header {
    display: block;
    margin-bottom: 10px;
}
/*-- 共通 --*/
#home_btn {
	display:flex;
	position: fixed;
	top: 3px;
	z-index: 100;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	left: 3px;
    height: 48px;
    width: 48px;
    background-image: url(../images/home_btn.png);
    background-repeat: no-repeat;
    background-size: 48px;
    cursor: pointer;
}
#home_btn a{
    display: block;
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
	opacity: 0;
}

#page_title {
	width: 100%;
	height: auto;
	float:none;
	float: inherit;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0 auto;
}
#page_title img{
	max-width:90%;
	height:auto;
}

#footer {
	width: 320px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.back_btn{
    margin: 0px auto;
    display: block;
    width: 68px;
    height: 45px;
    background-image: url(../yoshizuka/images/back_n_image.gif);
    cursor: pointer;
}
a:hover.back_btn{
    display:block;
    width:68px;
    height:45px;
    background-image:url(../yoshizuka/images/back_m_image.gif)
}


.slidein_R {
    opacity: 0.1;
    transform: translateX(-80px);
    transition: all 2s;
}
.slidein_U {
    opacity: 0.1;
    transform: translateY(80px);
    transition: all 2s;
}

.list {
	text-align: center;
}
.list ol, .list ul {
	display: inline-block;
}
.list li{
	text-align: left;
}
.o0,op0{
	opacity:0;
}
.clear {
	clear: both;
	height: 0px;
}
.none{
    display: none;
}
.pdf_ex{/* exactly */
    width: 720px;
    height: 960px;
}
.pdf{
    width: calc(720px/2);
    height: calc(1018px/2 + 30px);
}
.pdf_side{
    width: 1018px;
    height: calc(720px + 30px);
}

.pdf_h{
    width: 720px;
    height: 510px;
}

.page_title_a {
    width: 60%;
    margin: 10px auto;
    min-height: 48px;
    display: flex;
    align-items: center;
    font-size:  x-large;
    justify-content: center;
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #115fd4;
  /*color: #454545;*/
}

.page_title_a:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.border_orange {
    border: 2px dotted #F60;
}

/*--- TOPページ slick用 ---*/
.slider li{
    position: relative;
}
.slick_title{
    position: absolute;
    top:auto;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 100;
    padding: 10px;
    margin: 10px;
    border-radius: 10px 0 10px 0;
}
.title_mv ,.title_pdf{
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    padding: 0;
}
.title_mv {
    background-image:url("../images/yt_icon_24.png");
    padding-left: 40px;
}
.title_pdf {
    background-image:url("../images/PDF_24.png");
    padding-left: 30px;
}
/* --YouTubeサイズ調整-- */
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#copyright {
    font-size: 12px;
    width: 100%;
    text-align: center;

}

/*--- Tablet View ---------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px){

    .pc_none{display:none;}
    .sp_none{display:block;}
    .pc_only{display:inline;}
    .sp_only{display:none;}

    #container {
        width: 960px;
    }

    .inbox_left{
        display: inline-block;
        text-align: left;
        line-height: 1.5em;
    }
    #home_btn {
        position:absolute;
        background-color: #F00;
        height: 60px;
        width: 60px;
        background-size: 60px;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        text-align: center;
        border: 2px double #F00;
        float: left;
        background-image: url(../yoshizuka/images/zo_back.gif);
        background-repeat: no-repeat;
        margin-top:3px;
        border-radius:6px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        left:inherit;
    }
    #home_btn a{
        color: #FFF;
        font-size: 12px;
        display: block;
        font-weight: bold;
        width:100%;
        padding-top:42px;
        filter: alpha(opacity=1);
        -moz-opacity: 1;
	    opacity: 1;

    }
    #home_btn a::before{
        border: 1px dashed #FFF;
        content:"";
        position:absolute;
        border-radius:6px;
        width:58px;
        height:58px;
        top:0px;
        left:0px;
    }
    #page_title {
        width: 100%;
        min-height: 60px;
    	text-align: center;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    #page_title ::after{
        content:"";
        clear:both;
    }
    #page_title img{
        max-width:none;
    }

    /* footer */
    #footer {
        width: 100%;
        text-align: center;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }

    .text_box {
        text-align: justify;
        padding: 0px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        width: 500px;
    }
    #copyright {
/*        font-size: 12px;
        color: #666;
        text-align: center;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCC;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;
        margin-top: 6px;
        padding-top: 6px;*/
    }
    .back_btn{
        margin: 0px auto;
        display: block;
        width: 68px;
        height: 45px;
        background-image: url(../yoshizuka/images/back_n_image.gif);
        cursor: pointer;
    }
    a:hover.back_btn{
        display:block;
        width:68px;
        height:45px;
        background-image:url(../yoshizuka/images/back_m_image.gif)
    }
    .pdf_ex{/* exactly */
        width: 720px;
        height: 960px;
    }
    .pdf{
        width: 720px;
        height: calc(1018px + 30px);
    }
    .pdf_side{
        width: 1018px;
        height: calc(720px + 30px);
    }

    .pdf_h{
        width: 720px;
        height: 510px;
    }

}
/***************************************************************************************/

.information {
    display: none;
}
.back_btn_txt{
    text-decoration: none;
}
.under_line{
    text-decoration: underline;
}
.under_border{
    border-bottom: 1px solid #555;
}
.no-break {
    white-space: nowrap;
    margin: 0;
}
/* CSS Document */

.pc_only{
    display:none;
}
.sp_only{
    display:inline;
}
a {
  color: inherit; /* リンクの文字色を親要素の色にする */
  text-decoration: none; /* 下線を削除する場合は追加 */
}
p,div {
    line-break: strict;
    /*word-break: keep-all;*/
    overflow-wrap: break-word;
}
.nowrap {
  white-space: nowrap;
}

img{
	max-width:100%;
	height:auto;
}
#main {
	background-color: #F00;
	width: 100%;
	height:auto;
	overflow:scroll;
}
#top_photo{
    display: none;
}

navi {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
    padding-bottom: 50px;

}
navi .menu img{
    display: block;
    height: 48px;
    margin: 0 auto;
}
 navi .menu:hover {
}

navi ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
	/*padding-left:42px;
	padding-right:42px;*/
}

navi ul li {
    background-color: red;
	list-style-type: none;
	background-image: url(../images/zo-s3.gif);
	background-repeat: no-repeat;
	min-height: 30px;
	text-align: left;
	padding-left: 28px;
	padding-top: 4px;
	padding-bottom:20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
    
    display: flex;
    align-items: center;
    list-style-type: none;
    background-image: url(../images/zo-s3.gif);
    background-repeat: no-repeat;
    background-position:left 6px center;
    background-color: red;
    height: 60px;
    text-align: left;
    padding-left: 36px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0px;
    padding-bottom:0px;
    margin: 1em;
    border-radius: 10px;

}
.update {
    display: block;
    text-align: right;
	font-size: x-small;
}
#footer_link{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#zo_link{
    text-align: center;
    margin: 0 2em;
}
.address{
    color:white;
    font-size: 12px;
    text-align: center;
padding: 1em 1em 0;
}
.flex_separator{
    width: 100%;
    height: 1px;
}
/*--- Tablet View ---------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px){
    .pc_only{
        display:inline;
    }
    .sp_only{
        display:none;
    }

    #main {
/*        width: 800px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        border: 3px double #FFF;
        text-align: center;
        padding: 20px;
        overflow: auto;
*/    }
    navi {
/*        width: 420px;
*/        margin-top: 10px;
        margin-bottom: 10px;
        margin: 0 auto;
        padding-bottom: 0px;

    }
    navi ul{
        display: flex;
        justify-content: space-around;
        
    }
    navi ul li {
        display: flex;
        align-items: center;
        list-style-type: none;
        background-image: url(../images/zo-s3.gif);
        background-repeat: no-repeat;
        background-position:left 6px center;
        background-color: red;
        height: 60px;
        text-align: left;
        padding-left: 36px;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 18px;
        margin-top: 0px;
    	padding-bottom:0px;
        margin: 1em;
        border-radius: 10px;
    }
    .update {
        display: inline;
        font-size: x-small;
    }
    .globalMenuSp{
        display: none;
    }

}

/*--- Desktop View ---------------------------------------------------------------------------------------------------------*/
@media (min-width: 1024px){

}