@charset "UTF-8";

/* トップページ_ロゴ */
.logo {
	order: 1; 
	width: 30%; 
	padding-right: 1em; 
	text-align: right; 
}

/* トップページ_メニュー */
.menu_area {
	order: 3; 
	width: 100%; 
	margin-top: 1.5em; 
	padding: 0; 
}

/* カバーフォト */
.cover_photo {
	order: 2; 
	width: 70%; 
	text-align: left; 
}
.cover_photo p {
	max-width: 480px; 
	margin-top: 0.5em; 
	font-size: 85%; 
	line-height: 1.6; 
}

/* トップページ_メニュー */
section .col_set {
	margin: 0 !important; 
}
section .col_set .col2 {
	width: 48%; 
	margin-top: 1em; 
}
section .col_set .col3 {
	width: 31%; 
	margin-top: 1em; 
}
#issue_menu {
	justify-content: center !important;
	line-height: 1.6; 
}
.menu_area a {
	display: block;
	margin: 0 0 0.25em; 
	border-bottom: 3px solid rgb(204,204,204);
	text-decoration: none !important; 
	font-size: 125%; 
	font-weight: bold; 
	line-height: 1.25; 
}
.menu_area a:hover {
	text-decoration: none; 
	color: rgb(224,0,0);
	opacity: 1; 
	border-bottom: 3px solid rgb(224,0,0);
	transition: 0.25s all;
}
.menu_area p {
	font-size: 90%; 
}
.regular_menu a {
	font-size: 100%; 
}

/* 発行号 */
.issue {
	position: relative;
	margin: 0; 
	padding: 0.25em; 
	background: rgb(102,102,102);
	color: white; 
	text-align: center; 
	line-height: 1.6; 
}

/* ---------- Desktop ---------- */
@media only screen and (min-width: 1025px) {
/* トップページ_ロゴ */
.logo {
	order: 1; 
	width: 160px; 
	padding-right: 0; 
	}

/* トップページ_メニュー */
.menu_area {
	order: 2; 
	width: calc(100% - 600px); 
	margin-top: 0; 
	padding: 0 2em 0 3em; 
	}

/* カバーフォト */
.cover_photo {
	order: 3; 
	width: 440px; 
	text-align: left; 
	}

section .col_set .col2,
section .col_set .col3 {
	width: 100%; 
	}
}

@media only screen and (max-width: 640px) {
section .col_set .col2,
section .col_set .col3 {
	width: 100%; 
	}
}


/* モーダル */
.modal {
display: none;
}
.modalBody {
position: fixed; 
z-index: 1000; 
background: #fff; 
width: 640px; /* widthは画像の幅*/
height: auto; 
left: 50%; 
top: 12.5%; 
}
.modalBK {
position: fixed; 
z-index: 999; 
background: #000; 
width: 100%; 
height: 100%; 
opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.60;
}
.btns, .close {
cursor: pointer; 
}
.modalBody {
padding: 12px;
}
.modal-content {
position: relative;
display: none;
overflow: auto; 
width: 75%; 
max-width: 640px;
padding: 16px;
background: #fff;
}
.modal-content img {
margin-bottom: 1em; 
}
.modal-content h5 {
font-size: 125%; 
line-height: 1.6; 
}
.modal-content p {
line-height: 1.8; 
}
.modal-content ul {
list-style: disc; 
}
.modal-content li {
margin-left: 1em; 
font-size: 100%; 
}
.modal-overlay {
z-index: 1;
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.75);
}
.lock {
overflow: hidden;
}
.modal-overlay {
z-index: 1;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.75);
}
.modal-wrap {
z-index: 999;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.modal-open {
}
.modal-open:hover {
cursor: pointer;
} 
.modal-close {
display: block;
position: absolute; 
width: 32px;
height: 32px; 
padding-top: 4px; 
top: 8px; 
right: 8px; 
background: rgb(51,51,51); 
color: white; 
font-size: 24px; 
text-align: center;  
text-decoration: none; 
}
.modal-close:hover {
cursor: pointer;
background: rgb(102,102,102); 
opacity: 1; 
transition: 0.25s all; 
text-decoration: none;
}