@charset "utf-8";

/* CSS Document */



body {

	margin: 0px 0px 0px 0px;

	background-color: #ffffff;

}





.menue1 {

	width: 100%;

	height: 50px;

	background-color: #0000ff;

	opacity: 0.6;

	position: fixed;

	top: 0;

	left: 0;

}



#header{

	width: 100%;

	height: 50px;

	background: #3399ff;

}



.tableheader {

	border-collapse: collapse;

	width: 100%;

	max-width: 1000px;

	height: 50px;

	border: 0px solid #ffffff;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

}



.h1-title {

	font-size: 0.8em;

	color: #ffffff;

}



.ttd02 {

	width: 240px;

}



.ttd03 {

	width: 100px;

}



.h1logo {

	margin: 0 0 0 0.25rem;

}



.t-title {

	margin-top: 0px;

}



.t-title02 {

	width: 240px;

	margin: 0 0.5rem 0 0;

}



.t-title03 {

	width: 100px;

}



.spmail {

	margin-left: 3em;

}



.header1 {

	max-width: 980px;

	margin-left: auto;

	margin-right: auto;

}



.header2 {

	width: 100%;

	max-width: 980px;

	height: 80px;

	margin-left: auto;

	margin-right: auto;

}



.headerphoto {

	width: 100%;

}





h1 {

	display: inline;

 }







#container {

	width: 100%;

	max-width: 1000px;

}



#wrap {

	width: 95%;

	margin-left: auto;

	margin-right: auto;

}



/*ナビ*/



.nav {

	display:flex;

	justify-content: center;

	width: 100%;

	background: #ffffff;

	margin: 0 auto;

	padding: 0.5rem 0;

}



.link {

	width: 6.0%;

	text-align: center;

	margin: 0 0.25rem 0 0.25rem;

	padding: 0;

}



.link01 {

	font-weight: 400;

	font-size: 1.0rem;

	color: #3377ff;

	margin: 0.5rem 2.0rem 0 2.0rem;

}







.menue {

	width: 95%;

	max-width: 1000px;

	height: 80px;

	background-color: #;

}









/*メインセクション1*/





/*イベント*/







.wrap {

	width:90%;

	max-width: 900px;

	padding: 0em;

	margin-top: 5em;

	margin-bottom: 5em;

	text-align: center;

	varticla-align: middole;

	margin-left: auto;

	margin-right: auto;

}



.wrap2 {

	width:95%;

	padding: 0em;

	margin-top: 0em;

	margin-bottom: 5em;

	text-align: center;

	varticla-align: middole;

	margin-left: auto;

	margin-right: auto;

}



.table01 {

	border-collapse: separate;

	width: 100%;

}



.table01 .td01 {

	max-width: 450px;

	height: auto;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	background: #ffffff;

}



.table01 .td02 {

	max-width: 450px;

	height: auto;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	padding-right: 20px;

	background: #ffffff;

	font-size: 1.2em;

}





.photo01 {

	width: 100%;

	height: auto;

}



.cp_hr11 {

	height: 5px;

	border-width: 0;

	background-color: #ffccbc;

	background-image: -webkit-linear-gradient(135deg,

	#ff5722 0px,#ff5722 2px, transparent 2px, transparent 4px,

	#ff5722 4px, #ff5722 6px, transparent 6px, transparent);

	background-image:         linear-gradient(-45deg,

	#ff5722 0px,#ff5722 2px, transparent 2px, transparent 4px,

	#ff5722 4px, #ff5722 6px, transparent 6px, transparent);

	background-size: 6px 6px;

}



.h2-1 {

	font-size: 1.5em;

	line-height: 1.0;

	text-align: center;

	font-weight: 600;

	color: #009b63;

}



.p-01 {

	font-size: 1.2rem;

	color: #9f8b02;

	font-weight: 500;

	line-height: 2.0;

	text-align: justify;

	text-justify: inter-ideograph;

}





.p-e1 {

	font-size: 1.0em;

	line-height: 1.2;

	text-align: left;

	color: #3377ff;

	padding-left:1em;

	text-indent:-1em;

}



.p-e2 {

	font-size: 0.8em;

	line-height: 1.2;

	text-align: left;

	color: #333333;

	padding-left:1em;

	text-indent:-1em;

	margin-bottom: 1em;

}



.p-e1-2 {

	font-size: 0.9em;

	line-height: 1.2;

	text-align: left;

	color: #3377ff;

	padding-left:1em;

	text-indent:-1em;

}







#footer {

	width: 100%;

	background: #3399ff;

	padding-top: 50px;

	padding-bottom: 50px;

}





.footer2 {

	width: 90%;

	max-width: 980px;

	margin-left: auto;

	margin-right: auto;

}



.link3 {

	margin-right: 20px;

	margin-bottom: 20px;

}



.footermenue {

	width: 90%;

	max-width: 980px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 20px;

	margin-bottom: 20px;

}



.h3f {

	font-size: 1.2em;

	color: #ffffff;

	margin: 0;

}



.pf {

	font-size: 1.0em;

	color: #ffffff;

	line-height: 1.5;

	margin: 0;

}



.p-main03-5 {

	font-size: 0.8rem;

	color: #ffffff;

	line-height: 1.5;

	text-align: left;

	margin: 1.0rem 0rem 1.0rem 0em;

}



hr {

	width: 90%;

	max-width: 980px;

	border-width: 1px 0 0 0;

	border-style: solid;

	border-color: #ffffff;

}

 





.cr {

	text-align: center;

	margin-top: 30px;

}





@media screen and (max-width: 1000px) {



.link01 {

	font-size: 0.8rem;

	margin: 0.5rem 1.0rem 0 1.0rem;

}



}





@media screen and (min-width: 701px) {



#top-head {

	display: none;

}



.headerphoto2 {

	display: none;

}



.type3 {

	display: none;

}





}





/* mobile */



@media screen and (max-width: 700px) {





.wrap {

	width:90%;

}



.wrap2 {

	width: 100%;

}





.top {

	margin-top: 50px;

}



.headerphoto {

	display: none;

}



.headerphoto2 {

	margin-top: 80px;

	width: 100%;

}







.toplogo {

	-webkit-flex-direction: column;

	flex-direction: column;

}



.p-01 {

	font-size: 1.0rem;

}



.table01 tr,

.table01 th,

.table01 td{

	display: block;

	width: auto;

}









.link2 {

	display: none;

}











/*nav*/



#header {

	display: none;

}



.nav {

	display: none;

}



.inner {

    width: 1000px;

    margin: 0 auto;

}

.inner:after {

    content: "";

    clear: both;

    display: block;

}



#top-head {

    background: #3399ff;

    top: 0px;

    position: absolute;

    width: 100%;

    margin: 0px 0 0;

    padding: 0px 0 0;

    line-height: 1;

    z-index: 999;

}

#top-head a,

#top-head {

    color: #ffffff;

    text-decoration: none;

}

#top-head .inner {

    position: relative;

}

#top-head .logo {

    float: left;

    font-size: 30px;

}

#global-nav ul {

    list-style: none;

    position: absolute;

    left: 200px;

    right: 0px;

    top: 30px;

    bottom: 0px;

    font-size: 14px;

}

#global-nav ul li {

    float: left;

}

#global-nav ul li a {

    padding: 0 20px;

}

 

/* Fixed */

#top-head.fixed {

    margin-top: 0;

    top: 0;

    /*position: fixed;*/

    padding-top: 0px;

    height: 80px;

    background: #3399ff;

    transition: top 0.65s ease-in;

    -webkit-transition: top 0.65s ease-in;

    -moz-transition: top 0.65s ease-in;

}

#top-head.fixed .logo {

    font-size: 24px;

    color: #643210;

}

#top-head.fixed #global-nav ul li a {

    color: #643210;

    padding: 0 20px;

}

 

/* Toggle Button */

#nav-toggle {

    display: none;

    position: absolute;

    right: 15px;

    top: 20px;

    width: 34px;

    height: 36px;

    cursor: pointer;

    z-index: 101;

}

#nav-toggle div {

    position: relative;

}

#nav-toggle span {

    display: block;

    position: absolute;

    height: 4px;

    width: 100%;

    background: #ffffff;

    left: 0;

    -webkit-transition: .35s ease-in-out;

    -moz-transition: .35s ease-in-out;

    transition: .35s ease-in-out;

}

#nav-toggle span:nth-child(1) {

    top: 0;

}

#nav-toggle span:nth-child(2) {

    top: 11px;

}

#nav-toggle span:nth-child(3) {

    top: 22px;

}





    #top-head,

    .inner {

        width: 100%;

        padding: 0;

    }

    #top-head {

        top: 0;

        /*position: fixed;*/

        margin-top: 0px;

    }

    /* Fixed reset */

    #top-head.fixed {

        padding-top: 0;

        background: transparent;

    }

    #mobile-head {

        background: #3399ff;

        width: 100%;

        height: 80px;

        z-index: 999;

        position: relative;

    }

    #top-head.fixed .logo,

    #top-head .logo {

        position: absolute;

        left: 0px;

        top: 0px;

        color: #643210;

        font-size: 26px;

    }

    #global-nav {

        position: absolute;

        /* 開いてないときは画面外に配置 */

        top: -500px;

        background: #3399ff;

        width: 100%;

        text-align: center;

        padding: 25px 0;

        -webkit-transition: .5s ease-in-out;

        -moz-transition: .5s ease-in-out;

        transition: .5s ease-in-out;

    }

    #global-nav ul {

        list-style: none;

        position: static;

        right: 0;

        bottom: 0;

        font-size: 14px;

    }

    #global-nav ul li {

        float: none;

        position: static;

    }

    #top-head #global-nav ul li a,

    #top-head.fixed

    #global-nav ul li a {

        width: 90%;

        display: block;

        color: #ffffff;

        padding: 15px 0px;

	border-bottom: 1px solid #ffffff;

    }

    #nav-toggle {

        display: block;

    }

    /* #nav-toggle 切り替えアニメーション */

    .open #nav-toggle span:nth-child(1) {

        top: 11px;

        -webkit-transform: rotate(315deg);

        -moz-transform: rotate(315deg);

        transform: rotate(315deg);

    }

    .open #nav-toggle span:nth-child(2) {

        width: 0;

        left: 50%;

    }

    .open #nav-toggle span:nth-child(3) {

        top: 11px;

        -webkit-transform: rotate(-315deg);

        -moz-transform: rotate(-315deg);

        transform: rotate(-315deg);

    }

    /* #global-nav スライドアニメーション */

    .open #global-nav {

        /* #global-nav top + #mobile-head height */

        -moz-transform: translateY(556px);

        -webkit-transform: translateY(556px);

        transform: translateY(556px);

    }





}