@charset "UTF-8";
/*
 * sp.css
 *
 */
@media screen and (max-width:1150px){
/*==================================
           top page
==================================*/
#page_image {
	background-size:auto 120%;
}
.top_copy_box {
    background-size:150% auto;
}
.box {
    width:90%;
}
.top_copy_box {
    padding: 50px 0;
}
#headerIn {
    width:100%;
	padding:0 10px;
	box-sizing:border-box;
}
.history_box {
    width:100%;
}
iframe {
    margin: 0 auto;
	box-sizing:border-box;
}
.page-id-157 iframe {
    width:100%;
	padding:10px;
}
.access iframe {
    width:95%;
	margin:30px auto;
}
/*==================================
           members_page
==================================*/
.members_page .en_copy p {
    top: 247px;
}
.members_page .news_info ul {
    width:95%;
	margin:30px auto;
}
#main .news_info_ul {
    width:100%;
	margin:0 auto;
}
.members_menu ul li {
    margin: 3% 1% 2%;
}
.members_page iframe {
	width:90%;
	height:655px;
	margin:30px auto;
	padding:10px;
}
.single .members_page iframe {
    height: 300px;
    margin: 20px auto 0;
    padding: 0;
}
#top.category-members-news #contents {
    width:100%;
	margin-top:450px;
	padding:20px;
	box-sizing:border-box;
}
#top.single #contents {
    width:100%;
	padding:20px;
	box-sizing:border-box;
}
.members_page section {
    width:100%;
	margin:0 2% 0 0;
}
#top.single #contents, #top.category #contents, #top.archive #contents {
    width: 100%;
    margin-top: 483px;
	padding:20px;
	box-sizing:border-box;
}
}
@media screen and (max-width:1125px){
/*==================================
           top page
==================================*/
.home #contents {
    margin-top:380px;
}
#page_image {
    height:517px;
}
.page #navi1 {
    top: 350px;
}
#navi1 ul {
    width:90%;
}
#head-h1 {
    width:100%;
	padding:10px 20px 0 0;
	box-sizing:border-box;
}
#head-top {
    padding:0;
}
table {
    width:100%;
	margin:20px auto;
}
.entry_box {
    width:100%;
}
.top_copy p {
	width:60%;
	margin:0 2% 0 0;
}
.top_copy img {
	width:35%;
	height:auto;
}
/*==================================
           members_page
==================================*/
.members_menu ul {
    width:100%;
}
.members_menu ul li p {
    height: 15%;
}
}
@media screen and (max-width:1110px){
.after_box {
    width: auto;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 30px 10px 0;
    padding: 20px;
    border: #D3D1D1 solid 2px;
	white-space: nowrap;
	display:grid;
}
.scroll {
	display:block;
    color: #FF0000;
	text-align:left;
    margin: 20px 0 0;
}
.writers {
    width:auto;
}
#member_ichiran {
	margin:0 auto;
}
}
@media screen and (max-width:1100px){
.top .top_jimukyoku iframe {
	width:90%;
}
}
@media screen and (max-width:1080px){
/*==================================
           members_page
==================================*/
#slide_wrapp {
    height:550px;
}
.members_page #navi1 {
    top: 350px;
}
.archive .members_page #main {
    margin: 0 2% 0 0;
}
.members_page #sidebar {
    margin: 0 auto auto;
}
#top.single #contents {
    margin-top: 431px;
}
.single section {
    margin:0 2% 0 0;
	width:68%;
}
} 

@media screen and (max-width:1040px){
.home #contents {
    margin-top: 380px;
}
#headerLogo_left {
    position: relative;
}
#headerLogo_left .members {
    display:block;
	position:absolute;
	width:278px;
	margin:0 auto;
	padding:5px 0;
	font-size:18px;
	text-align:center;
	right:0;
}
#headerLogo_left h1 img {
    width: 264px;
    height: auto;
}
#headerLogo_left .club_name {
    margin: 25px 0 0 0;
}

/*==================================
           members_page
==================================*/
.members_page #contents {
    margin-top:380px;
}
.members_page #footerNav ul {
    width:100%;
}
#top.category-members-news #contents {
    margin-top:400px;
}
#top.category #contents, #top.archive #contents {
    margin-top:400px;
}
#slide_wrapp {
    height:500px;
}
#top.single #contents {
    margin-top:400px;
}
}

@media screen and (max-width:985px){
/*==================================
           top page
==================================*/
.home #contents {
    margin-top: 350px;
}
.page #navi1 {
    top: 300px;
}
.en_copy p, .page .en_copy h3 {
    top: 200px;
}
.history_box {
    background-size: 95% auto;
}
#page_image {
    height: 467px;
}
/*==================================
           members_page
==================================*/
.members_page #navi1 {
    top: 300px;
}
.members_page #slide_wrapp {
    height:435px;
}
.members_page .en_copy p {
	height:auto;
    top: 179px;
}
#top.category-members-news #contents {
    margin-top: 350px;
}
#top.single #contents {
    margin-top: 350px;
}
#top.category #contents, #top.archive #contents {
    margin-top: 350px;
}
}

@media screen and (max-width:916px){
#footerNav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
	padding:20px 0;
}
#footerNav li {
    width:50%;
	margin:0;
	padding:0;
    border-right:none;
	border-top:1px solid #fff;
	text-align:left;
	box-sizing:border-box;
}
#footerNav li:nth-child(odd){
	border-right:#fff solid 1px;
}
#footerNav li a::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #fff;
    font-weight: 900;
    padding-right: 10px;
}
#footerNav li:last-of-type,
#footerNav li:nth-of-type(9),
#footerNav li:nth-of-type(10) {
	border-bottom:1px solid #fff;
}
#footerNav li a {
	display:block;
	padding:15px;
}
#footerNav li a:hover {
	color:#000;
	background-color:#CCDCFC;
}
#footerNav li a:hover::before {
    color: #000;
}
#footerNav li:first-of-type, #footerNav li:nth-of-type(7) {
    border-left:none;
}
.page-template-members-page #footerNav li:nth-of-type(9) {
	border-bottom:#fff solid 1px;
}
.page-template-members-page #footerNav .login_list {
	width:100%;
	padding:30px 0 0;
    border-top:none;
    border-bottom:none;
	border-right:none;		
}
.page-template-members-page #footerNav .login_list a::before {
	display:none;
}
.page-template-members-page #footerNav li a:hover {
	color:#000;
	background-color:#DCFDDD;
}
.members_page #footerNav li:last-of-type, #footerNav li:nth-of-type(9) {
    border-bottom:none;
}
.members_page #footerNav li:nth-of-type(7) ,
.members_page #footerNav li:nth-of-type(8) {
	border-bottom:#fff solid 1px;
}
.members_page #footerNav li:nth-of-type(9) {
	border-bottom:none;
}
}

@media screen and (max-width:887px){
/*==================================
           top page
==================================*/
.home #contents {
    margin-top: 300px;
}
#page_image {
    height: 417px;
}
.page #navi1 {
    top: 250px;
}
.top_copy_box {
    background-size:auto 100%;
}
/*==================================
           members_page
==================================*/
.members_page #navi1 {
    top: 250px;
}
.members_page #contents {
    margin-top: 290px;
}

}

@media screen and (max-width:840px){
/*==================================
           members_page
==================================*/
.archive .members_page #main {
    width: 65%;
}
.home #contents {
    margin-top: 280px;
}.en_copy p {
    top:190px;
}
}

@media screen and (max-width:815px){
/*==================================
           members_page
==================================*/
.members_page #headerLogo_left h2 {
    color: #006834;
	font-size:23px;
}
.members_page #headerLogo_left p {
	font-size:15px;
}
#headerLogo_left .members {
    width:233px;
}
.members_page #headerLogo_left h1 img {
    width: 200px;
	margin:10px 0 0 10px;
}
#page_image img {
    width: 110%;
	margin:0 auto;
}

}

@media screen and (max-width:780px){
.home #contents {
    margin-top: 260px;
}.en_copy p {
    top:170px;
    font-size: 35px;	
}
.page #navi1 {
    top: 230px;
}
}

@media screen and (max-width:767px){
#navi1,
.only_pc,
#head-top,
#headerLogo_left .club_name,
.members_page #sidebar {
	display:none;
}
.only_sp,
.sp_menu {
	display:block;
}
#wrapper,
#header,
#headerIn,
#contents,
#product_list,
#contact_tel ,
#footer {
	width:100%;
}
#wrapper {
	overflow:hidden;
}
#header {
	margin:0 auto;
}
#headerLogo {
    margin: 10px auto;
}
#headerLogo ul {
    display: inline-block;
}
#head-h1 h1 {
    margin: 2px 0px 2px 10px;
}
#headerLogo_left img {
	width:100%;
	height:auto;
}
#headerLogo_left a img {
    display: inline-block;
	width:30px;
	height:auto;
}
#headerLogo_left {
    float: none;
    width: auto;
    margin: 0 auto;
	width:100%;
}
#headerLogo_left h1 {
	width:50%;
    display:inline-block;
}
#headerLogo_left h1 img {
	width:100%;
	height:auto;
	margin:10px;
	vertical-align:middle;
}
#headerLogo_right {
    float: right;
    margin: 0 auto;
    padding: 10px 0;
}
.box {
    width:90%;
}
#contents {
    margin-top:300px;
}
.en_copy {
	width:365px;
}
.en_copy p {
    top: 180px;
    font-size: 30px;
	margin:0 auto;
}
.history_box,
.entry_box {
	padding:20px 0;
    background-position: top;
	background-size:auto 100%;
}
.top_info_copy {
    float: none;
    width: 80%;
	margin:0 auto;
	padding:20px;
	background-size:120% auto;
}
.entry_box .top_info_copy {
    float: none;
    width: 80%;
	margin:20px auto;
	padding:20px;
}
.top_jimukyoku table {
    width:90%;
}
.top_jimukyoku table th,
.top_jimukyoku table td {
	display:block;
	width:100%;
	padding:10px 0;
}
.top_jimukyoku table th {
	border-top:none;
}
.top_copy p,
.top_copy img {
	display:block;
}
.top_copy p {
	width:90%;
	margin:0 auto;
}
.top_copy img {
	width:70%;
	margin:20px auto;
}
.home #contents {
    margin-top: 300px;
	position:relative;
}
#copyright {
    padding: 30px;
}
.footer_logo {
    margin:0 auto 30px;
}
#footer_box {
	padding:30px 0 0;
}
#page_image {
    height: 360px;
	background-size:auto 120%;
}
.link ul {
	width:auto;
    margin: 10px;
}
.link ul li {
	margin:0;
    padding: 10px 0px;
    font-size: 16px;
}
#slide_wrapp .slide_item img {
    width: 150%;
	left: -25%;
	position: relative;
}
.entry_info .box {
	padding:20px 0;
}
/*==================================
            sp_menu
==================================*/
.sp_menu {
	width:30px;
	display:inline-block;
	float:right;
	margin:20px 10px;
}
/*==================================
            dialog_menu
==================================*/
#dialog_menu {
    margin: 30px;
    background: #CCDCFC;
}
#dialog_menu .dialogMenuTitle {
	background-color:#00246C;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
#dialog_menu li {
	border-bottom:#00246C solid 1px;
}
#dialog_menu li:last-of-type {
	border-bottom:none;
}
#dialog_menu li a {
    padding: 10px;
    color: #000;
    display: block;
    text-decoration: none;	
}
#dialog_menu li a:hover {
	background-color:#00246C;
    color: #fff;
}
#dialog_menu .product_list h4 {
    border-bottom:none;
	margin:0;
	padding:0;	
}
#dialog_menu .product_list h4 a {
	margin:0;
	padding:10px 0 0 0;
}
#dialog_menu .product_list {
    margin: 0 10px;
	display:block;
}
#dialog_menu .product_list a {
	border:none;
}
#dialog_menu .product_list li:last-of-type {
	border:none;
}
#dialog_menu .close {
	text-align:center;
	font-weight:bold;
	color:#277306;
}
/*==================================
     会員専用ページ  dialog_menu
==================================*/
.page-template-members-page #dialog_menu,
.archive #dialog_menu,
.single  #dialog_menu {
    background: #DCFDDD;
}
.page-template-members-page #dialog_menu .dialogMenuTitle,
.archive #dialog_menu .dialogMenuTitle,
.single #dialog_menu .dialogMenuTitle {
	background-color:#006834;
}
.page-template-members-page #dialog_menu li,
.archive #dialog_menu li,
.single #dialog_menu li {
	border-bottom:#006834 solid 1px;
}
.page-template-members-page #dialog_menu li a:hover,
.archive #dialog_menu li a:hover,
.single #dialog_menu li a:hover {
	background-color:#006834;
    color: #fff;
}
.page-template-members-page #dialog_menu .member_login li a,
.archive #dialog_menu .member_login li a,
.single #dialog_menu .member_login li a  {
    color: #fff;
}
/*==================================
           会員専用ページ 
==================================*/
.members_page #contents {
    margin-top: 285px;
}
.members_page #headerLogo_left {
	display:inline-block;
    width: 200px;
}
.members_page  #headerLogo_left h1 {
    width:100%;
}
#headerLogo_left .members {
	display:none;
}
.members_page .sp_menu {
    float:right;
}
.news_info ul {
    width: 100%;
	margin:10px;
}
.news_info dl dt,
.news_info dl dd {
    width: 100%;
}
.news_info dl dt {
    margin: 0 auto 10px;
}
.category.info {
	display:block;
	margin:0 0 5px 0;
}
.members_page .en_copy p {
    top: 170px;
}
.category-members-news .news_info {
    width:100%;
	position:static;
	margin:0 auto;
}
#main .news_info_ul {
    width:90%;
    margin:0 auto;
}
#top.category-members-news #contents {
	height:auto;
}
.single section {
    width:100%;
    margin: 0 auto;
}
.archive .members_page #main {
    width: 100%;
    margin: 30px auto;
}
.single .members_page iframe {
    height:300px;
	margin:20px auto 0;
	padding:0;
}
.members_page section h2 {
	padding:10px;
}
}

@media screen and (max-width:655px){
/*==================================
           top page
==================================*/
.home #contents {
    margin-top: 250px;
}
#page_image {
    height: 310px;
}
.en_copy p {
    top: 160px;
}
.page .en_copy h3 {
    top: 160px;
}
/*==================================
            members_page
==================================*/
.members_menu ul li {
    width:48%;
}
.members_menu ul {
    width:95%;
}
.members_page ul.news_link {
	display:block;
	width:95%;
	margin:0 auto
}
.members_page ul.news_link li {
	display:block;
	width:80%;
	margin:20px auto;
}
.news_info dl dt {
	margin:0 auto 10px;
}
.members_menu .view_more_link {
    margin: 20px auto;
}
.members_page #slide_wrapp {
    height: 350px;
}
#top.category-members-news #contents {
    margin-top:300px;
}
#top.single #contents {
    margin-top:200px;
}
#wpmem_login {
    width:90%;
}
input[type="text"], input[type="password"], select, textarea {
    width:90%;
}
}

@media screen and (max-width:560px){
/*==================================
           top page
==================================*/
.home #contents {
    margin-top: 230px;
}
#page_image {
    height: 290px;
}
.en_copy p {
    top: 140px;
}
/*==================================
            members_page
==================================*/
.members_page .footer_logo img,
.members_page .club_name {
	display:block;
	margin:0 auto;
}
.members_page .footer_logo {
	margin:0 auto 30px;
}
}

@media screen and (max-width:530px){
/*==================================
           top page
==================================*/
.box {
    padding: 20px;
}
.home #contents {
    margin-top: 220px;
}
.en_copy p {
    top: 130px;
}
#slide {
	width:100%;
}
#slide_wrapp, #page_image {
	width:100%;
}
.en_copy {
	width:100%;
}
.footer_logo {
	width:100%;
}
.footer_logo img {
	display:block;
	margin:0 auto;
}
.footer_logo .club_name {
	display:block;
	margin:0 auto;
}
#footer_logo {
	padding:10px;
	box-sizing:border-box;
}
#footerNav ul {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    padding: 0 0 30px;
}
#footerNav li {
    width:auto;
	margin:0;
	padding:0;
    border-right:none;
	border-top:1px solid #fff;
	text-align:left;
}
#footerNav li a::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #fff;
    font-weight: 900;
    padding-right: 10px;
}
#footerNav li:last-of-type {
	border-bottom:1px solid #fff;
}
#footerNav li a {
	display:block;
	padding:15px;
}
#footerNav li a:hover {
	color:#000;
	background-color:#CCDCFC;
}
#footerNav li a:hover::before {
    color: #000;
}
#footerNav li:first-of-type, #footerNav li:nth-of-type(5) {
    border-left:none;
}
#footerNav li:nth-of-type(8) {
	border-bottom:none;
}
#footerNav li:nth-child(odd){
	border-right:none;
}
/*==================================
               history
==================================*/
.jimukyoku th,
.jimukyoku td {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
.jimukyoku td {
	padding:10px 10px 20px;
}
.jimukyoku th {
	border-top:none;
}
/*==================================
            members_page
==================================*/
.members_page .en_copy p {
    top: 145px;
}
.members_page #slide_wrapp {
    height: 350px;
}
.members_page #footerNav li:nth-of-type(6) {
    border-bottom:none;
}
.members_page #footerNav li:nth-of-type(5) {
	border-bottom:none;
}
.members_menu ul li h3 {
    padding: 10px 0;
}
.members_menu ul li img {
    margin: 0 auto 10px;
}
.members_menu ul li p {
    height:15%;
}
.page-template-members-page #footerNav li:nth-of-type(7) {
    border-bottom:none;
}
.page-template-members-page #footerNav li:nth-of-type(8) {
    border-bottom:#fff solid 1px;
}
.page-template-members-page #footerNav li a:hover {
	color:#000;
	background-color:#DCFDDD;
}
.page-template-members-page #footerNav .login_list {
	padding:30px 0 0;
    border-top:#fff solid 1px;
    border-bottom:none		
}
.page-template-members-page #footerNav .login_list a::before {
	display:none;
}
}

@media screen and (max-width:500px){
	.member_login p, .member_login a {
		display: block;
	}
}

@media screen and (max-width:440px){
	#headerLogo_right {
		display: none;
	}
    .information{
        margin: auto;
    }
    .information img{
        width: 300px;
        margin-bottom: 20px;
    }
    .wp-block-file__button{
        font-size: 16px;
    }
}

@media screen and (max-width:430px){
.home #contents {
    margin-top: 200px;
}
.en_copy p {
    top: 110px;
}
/*==================================
            members_page
==================================*/
.members_menu .view_more_link {
	width:auto;
}
.members_menu .view_more_link a {
    font-size: 15px;
}
#top.category #contents, #top.archive #contents {
    margin-top: 200px;
	padding:0;
}
.members_menu ul li p {
    height: 20%;
    line-height: 1.5em;
}
.members_menu ul li:last-of-type {
	margin:30px 5px 0;
}
.members_menu ul li h3 {
	font-size:16px;
}
}

@media screen and (max-width:410px){
.featherlight .featherlight-content {
    width: 90%;
}

}

@media screen and (max-width:400px){
.page .en_copy h3 {
    top: 105px;
    font-size: 27px;
}
}

@media screen and (max-width:360px){
.en_copy p {
	font-size:25px;
}
}

@media screen and (max-width:350px){
.home #contents {
    margin-top: 150px;
}
.en_copy p {
    top: 100px;
}
.members_page #contents {
    margin-top: 200px;
}
.members_page .en_copy p {
    top: 150px;
	font-size:26px;
}
.link ul {
	width:95%;
	margin:30px 10px;
}
.link ul li {
	margin:0;
    font-size: 16px;
}
}