@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,li{	
	font-family: roboto,"Noto Sans JP" , "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

/* ------------------------------------
// ヘッダー
------------------------------------ */
.sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .4s;
	transform: translateY(-100%);
	-webkit-transition: .4s;
	-webkit-transform: translateY(-100%);
	-moz-transition: .4s;
	-moz-transform: translateY(-100%);
	-o-transition: .4s;
	-o-transform: translateY(-100%);
	-ms-transition: .4s;
	-ms-transform: translateY(-100%);
	background-color: rgba(255,255,255,0.95);
	-webkit-overflow-scrolling: touch !important;
}
.header-show {
  transition: .4s;
  transform: translateY(0);
 -webkit-transition: .4s;
 -webkit-transform: translateY(0%);	
 -moz-transition: .4s;
 -moz-transform: translateY(0%);	
 -o-transition: .4s;
 -o-transform: translateY(0%);
 -ms-transition: .4s;
 -ms-transform: translateY(0%);	
}
.sub-manu-container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.sub-manu-container .container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.header-sns-box{
	padding-left: 0px !important;	
	padding-right: 0px !important;
}
.headline .ttl, .headline .subttl {
	font-size: 10px;
	height: 15px;
}
.headline .hidden-md-down .container {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.logo img {
	height: 25px !important;
	padding-top: 0.2em;
}
.logo_text {
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	background-color: #FFFFFF;
	padding-bottom: 0.25em;
	border-bottom: 1px solid rgba(119, 119, 119, 0.1);
}
.headline {
	border-top-width: 3px;
	padding-bottom: 0em;
}
.headline .lang{
	font-size: 10px;
	text-align: left;
	overflow-y: visible !important;
	color: #4f1c87;
}
.headline .lang a{
	overflow-y: visible !important;
	height: 15px;
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
    border-left: none; 
}
.lang a:hover{
	background-color:rgba(119, 119, 119, 0.1);
}
.logo-line .sns{
	padding-top: 16px;
	padding-right: 20px;
	letter-spacing: 0.5em;
	text-align: right;
}
logo-line  .sns a {
	background:#FFFFFF;
	color: #4a227c;
	opacity: 1.0;
}
.headline .access {
	text-align: right;
	color: #4f1c87;
}
.headline .access a {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.access a + i {
	margin-left: 1em;
}
.headline .access a:hover {
	background-color:rgba(119, 119, 119, 0.1);
}
.icon-youtube{
	color: #cd201f;
}

.icon-twitter{
	color: #55acee;
}

.icon-facebook3{
	color: #315096;
}

.icon-instagram{
	color: #4f1c87;
}

nav .icon-youtube{
	color: #cd201f;
}

nav .icon-twitter{
	color: #55acee;
}

nav .icon-facebook3{
	color: #315096;
}
.wrapper {
	position: relative;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
	z-index: 10;
}
.navbar-toggle {
    top: -1.9rem;
}
/* ------------------------------------
// メニュー・ナビ
------------------------------------ */
#form-button a {
	background-color: #4f1c87;
	color: #fff !important;
	width: 8em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-align: center;
	display: inline-block !important;
	height: 40px;
	line-height: 40px;
}
.sticky-header #form-button a {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#donation-button a {
	background-color: #b6619a;
	color: #fff !important;
	width: 9em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	text-align: center;
	display: inline-block !important;;
	height:40px;
	line-height: 40px;
}
.sticky-header #donation-button a {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#donation-button a:hover {
	background-color: #C878AE;
}
#form-button a:hover {
	background-color:#5d398a;
}
#form-button  {
	text-align: right;
}
.fixed-form-box{
	position: relative;
}
#fixed-form{
	text-align: right;
	position: absolute;
	top: 0px;
	right: 70px;
	z-index: 999;
}
.fixed-donation-box{
	position: relative;
}
#fixed-donation{
	text-align: right;
	position: absolute;
	top: 0px;
	right: 220px;
	z-index: 999;
}
#donation-button  {
	text-align: right;
}
.hidden-donation-box{
	width: 100%;	
	text-align: center;
	background-color: #b6619a;
}
.hidden-donation-box #donation-button{
	width: 100%;	
}

.hidden-donation-box #donation-button li{
	width: 100%;	
	
}
.hidden-donation-box #donation-button li a{
	text-align: center;
	width: 100%;	
}
.hidden-donation-box.col-xs-12{
	min-height: 0px;
}
#global-box{
	background-color: #4f1c87;
	width: 100%;
}
.navbar {
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
    border-bottom: 0px !important;

}
nav li {
    display: none;
}
nav .sns {
	font-size: 13px;
	display: none;
	padding-bottom: 0.5rem;
	margin-top: 1.0rem;
	margin-bottom: 0.5rem;
	text-align: left;
	padding-right: 0rem;
	padding-left: 0rem;
	border-bottom: 1px solid rgba(119,119,119,0.10);
}
nav .sns a{
	padding: 0.25rem;
    color: #4f1c87;
	display: inline-block;
}
nav .sns a i{
    margin-right: 0.2rem;
}
nav .sns a:hover{
	background-color: rgba(119, 119, 119, 0.1) ;
}
.headline .sns a {
	font-size:19px;
	background: none;
    opacity: 1.0;
    margin-top: 1px;
    margin-bottom: 0;
    margin-right: 2px;
    margin-left: 0;
}
nav .lang{
	margin-top: 0.8em;
    display: none;
	font-size: 12px;
	text-align: left;
	color: #4f1c87;
    padding-right: .0rem;
    padding-left: .6rem;
    border-left: none; 
}

nav .lang a{
	padding-left: 0.5em;
	padding-right: 0.5em;
    border-left: none; 
}
nav .access{
	margin-top: 0.8em;
    display: none;
	font-size: 12px;
	text-align: left;
	color: #4f1c87;
    padding-right: .6rem;
    padding-left: .6rem;
}
.navbar .menu-item a {
	font-size: small;
	padding: 0.75rem;
}
#main-menu .menu-item a {
	color: #FFFFFF;
	border-bottom: 1px solid #5d398a;
}
#main-menu .menu-item a:hover  {
	background-color:#5d398a ;
}
#main-menu .menu-item .dropdown-menu a {
	color: #4f1c87;
	border-bottom: 1px solid rgba(119, 119, 119, 0.1) ;
}
#main-menu .menu-item .dropdown-menu a:hover  {
	background-color: rgba(119, 119, 119, 0.1) ;
}
.icon-instagram:before{
	white-space: pre-wrap;
	content: "　" !important;
	background-image: url(../images/instagram.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
.icon-twitter:before{
	white-space: pre-wrap;
	content: "　" !important;
	background-image: url(../images/logo-black.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}

.icon-mailing-list:before{
	white-space: pre-wrap;
	content: "　" !important;
	background-image: url(../images/icon-mailing-list.svg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
/*.navbar-toggle {
	width: 40px;
	height: 40px;
	margin-top: 9px;
	margin-right: 9px;
}*/
.navbar .sub-menu {
    padding-left: 0rem;
}
.navbar-toggle {
    display: block;
	z-index: 20;
}
.navbar-toggle .icon-bar {
  background-color: #4f1c87 !important;
}

.navbar-toggle .icon-bar {
  width: 26px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin:12% center;
  -moz-transform: rotate(45deg);
  -moz-transform-origin: 12% center;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin:12% center;
  -o-transform: rotate(45deg);
  -o-transform-origin: 12% center;
  -ms-transform: rotate(45deg);
  -ms-transform-origin:center center;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: scale(1.5);
  transform: rotate(-45deg);
  transform-origin: 12% center;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 12% center;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 12% center;
  -o-transform: rotate(-45deg);
  -o-transform-origin: 12% center;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 12% center;
}
#sub-menu{
	clear: both;
}
.sub-menu {
	margin-left: 1em;
}
.sub-menu .nav-item {
	border-left: 1px solid  #5d398a;
}
.sub-menu .nav-item a{
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}
.dropdown-item {
	border-left-style: none !important;
}
.dropdown-menu .sub-menu {
	padding-left: 1.5em ;
}
.dropdown-menu .sub-menu li{
	 width: 100%;
	display: block;
	border-left-color: rgba(119, 119, 119, 0.1);
}
.dropdown-menu .sub-menu li a{
	padding-top: 0em;
	padding-bottom: 0em;
}
.header-sub{
	list-style-type: none;
	padding: 0px !important;
	overflow: hidden;
	margin-bottom: 0px;
}
.header-sub li{
	list-style-type: none;
	float: left;
	padding-top: 8px;
	margin-right: 1em;
}
.header-sub li a{
	display: block;
	padding: 0.5em;
	font-size: 13px;
}
.header-sub li a:hover{
     background-color: rgba(119, 119, 119, 0.1);
}
.navbar-inner {
	height: 100% !important;
	overflow: auto !important;
}
.sticky-header .logo{
	background-image: url(../images/wakei-symbol.png);
	background-size: auto 21px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width:80px;
}
.sticky-header .logo img{
	visibility: hidden;
}
.sticky-header .sub-manu-container{
	left: -160px;	
}
.sticky-sns{
	display: none;
}
.sticky-header .searchform_nav{	
    margin-bottom: 2em;
}

.sticky-header .logo-line .sns{
	display: none;
}
.logo-line{
	position: relative;	
	padding-bottom: 4px;
}
/* ------------------------------------
// フッター
------------------------------------ */
footer {
	color: #333333;
	background-color: #DDDDDD;
	padding: 2em 0;
	font-size: small;
}
footer a{
	color: #333333 !important;
}
footer .ttl span{
	border-color: #666666;
}
footer a:hover  {
     background-color: rgba(119, 119, 119, 0.1);
}
.foot .sns a{
	font-size: 14px;
	opacity: 1.0 ;
	margin: 0px;
	padding: 0.5em;
}
footer li a{
	font-size: 13px;
}

footer .row{
	display: block;
}

.lang_clone .col-xs-6{
	display: none !important;
}
.footer-nav {
	list-style-type: none !important;
	text-align: center;
}
.footer-nav li{
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.footer-nav li a{
	padding: 0.5em;
	display: block;
}
.footer-nav li a:hover{
    background-color: rgba(119, 119, 119, 0.1) ;
}
.foot {
	border-bottom: 2px solid rgba(119, 119, 119, 0.1);
}
.copy {
	border-top: 1px solid rgba(255,255,255,0.3);
}.foot .com {
    margin-bottom: 1.5rem;
}
.foot .logo img {
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%) ;
     -o-filter: grayscale(0%) ;
     -ms-filter: grayscale(0%);
     filter: grayscale(0%);
}
/* ------------------------------------
// ウィジェット
------------------------------------ */
.widget ul li {
    display: block;
    padding-left: 0;
    border-bottom: 1px solid rgba(119, 119, 119, 0.1);
}
.widget ul li ul {
    border-left: 1px solid rgba(119, 119, 119, 0.1);
    margin-left: 1rem;
}
.widget ul li a {
    padding: .5rem;
}
.widget ul li ul a{
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}
.widget .ttl {
    margin-bottom: 0.5rem;
}
.sidebar .newpost a .post_thumb span{
	height: 60px;
	background-color: rgba(0,0,0,0.00);
}

/* ------------------------------------
// 全体パーツ
------------------------------------ */
.pagetop a {
	background-color: rgba(175,175,175,0.50);
}
.hidden{
	display: none;	
}
.ttl_h1 span:nth-child(2) {	
	color: #b6619a !important;
}
.post_body h2 span:nth-child(3) {	
	color: #b6619a !important;
}
.block{
	display: block !important;	
}
.body-fixed{
	width: 100%;
	height: 100%;
	position: fixed;
}
.fixed{
	position: fixed;	
}
h1,h2,h3,h4,h5,h6 {
	color: #4f1c87;
	letter-spacing: 0.05em;
	line-height: 1.25em;
}
.wp-caption-text{
    margin-top: 0.25rem;
	line-height: 1.5em;
}
strong{
	color: #b6619a !important;
}
.strong{
	font-weight: bold;
	color: #4f1c87 !important;
}
body ,p ,td,th {
	color: #333333;	
}
p, td, th{
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.75em;
}
p{
    margin-bottom: 1.5rem;
}
td p{
    margin-bottom: 0.75rem;
}
.box-link a {
	display: block;
	color: #FFFFFF;
	background-color: #4F1C87;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
}
.box-link a:hover{ 
	color: #FFFFFF !important;
	background-color: #5d398a;
}
.align-right{
	text-align: right;	
}
.ttl_h1 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 0.25em !important;
    margin-bottom: 0.0em;
}
.archive .ttl_h1 {
    padding-bottom: 0.25em !important;
    margin-bottom: 0.0em !important;
}
.box-link {
	text-align: center;
}
.note{
	font-size: 12px !important;
	margin-top: -0.5em;
}
main a{
	font-weight: bold
}

main a:hover{
	font-weight: bold;
	color: #b6619a;
}
.mainarea a:hover{
	color: #b6619a;
}
.mainarea {
    margin-bottom: 0.5rem;
}
.wsp-pages-list .children{
	margin-top: 1em;
}
main{
	background-color: rgba(175, 175, 175, 0.1);
}
.max-width{	
	max-width: 1290px;
	margin-right: auto;
	margin-left: auto;
}
.post_body{
	background-color: #FFFFFF;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
	border-bottom: none;
	margin-top: 1em;
	font-size: 14px;
}
.post_body h1 > span , .post_body h2 > span {
	padding-top: 0.75rem;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.5rem;
}
.post_body h1 > .h-first , .post_body h2 > .h-first {
	padding-top: 0.0rem;
}
.post_body h1 {
	 font-size: 26px;
    margin-bottom: 1rem;
}
.post_body h2  {
    font-size: 22px;
    margin-bottom: 1rem;
}
.post_body h3  {
    font-size: 18px;
}
.post_body h4  {
    font-size: 14px;
	font-weight: bold;
}
.post_body blockquote {
    margin: 2em;
}
.post_body li{
	letter-spacing: 0.05em;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed rgba(119, 119, 119, 0.5);
	list-style-position: inside;
	margin-left: 0px;
	line-height: 1.75em;
}
.post_body dd{
	letter-spacing: 0.05em;
	margin-bottom: 1.0rem;
	line-height: 1.75em;
}
.post_body dt{
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
	padding-top: 0.5rem;
}
.post_body dl{
	margin-bottom: 2.0rem;
}
.post_body dt{
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}
.post_body ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2em;
	padding: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0px;
}
.post_body ol {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2em;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 1em;
	padding-bottom: 0px;
}
.post_body a {
    text-decoration: none;
}

.pages-child {
	overflow-y: hidden;
	padding: 0px;
	margin-top: 2em;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.pages-child li{
	float: left;
	width: 50%;
	margin-bottom: 2em;
	position: relative;
	padding: 0.0em;
	list-style-type: none;
}
.pages-child li a{
	display: block;
	height: 35vw;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.pages-child .title{
	font-size: 12px;
	position: absolute;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-color: rgba(79,28,135,0.80);
	color: #FFFFFF !important;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}

.su-posts a {
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.25em;
	background-color: #FAFAFA;
}
.su-posts a + a {
	border-top: 1px solid #E5E5E5;
}
.su-posts a:hover{	
    font-weight: normal;
    background-color: rgba(119, 119, 119, 0.2) !important;
}

.su-posts{
	color: #4f1c87 !important;
	text-decoration: none;
	border: 1px solid #E5E5E5;
	margin-bottom: 2em;
}
.su-post {
	margin-bottom: 0.25em !important;
	position: relative;
}
.su-note-inner {
	font-size: small;
}
.su-post h2 {
	font-size: 16px !important;
	margin-bottom: 0.5em !important;
}

.su-posts-default-loop .su-post-thumbnail img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.su-post-excerpt p{
	font-size: 12px;
}
.su-posts-default-loop .su-post-thumbnail {
    width: 140px !important;
    height: 100px !important;
}

.detail {
    padding-top: 1rem;
}

.bottom-container  {
	text-align: center;
}
/* ------------------------------------
// サブページ
------------------------------------ */
.search #main{
	padding-top: 1em;	
}
.searchform .search-text {
    background-color: rgba(119, 119, 119, 0.1) ;
}
.faq-accordion{
	margin-bottom: 3em;
}
.faq-content {
	padding-bottom: 0em;	
}
.faq-title h4 {
    font-size: 16px !important;
    line-height: 20px !important;
}
.faq-content p{
	margin-bottom: 0em;	
}
.mw_wp_form{
	padding: 1em;
	border: 1px solid rgba(0,0,0,0.3);
}
.mw_wp_form input{
    width: auto;
}
.mw_wp_form .btn-primary {
    color: #fff;
    background-color: #4F1C87;
    border-color: #4F1C87;
}
.mw_wp_form .btn-primary:hover {
    background-color: #5d398a;
}
.mw_wp_form .name + .name {
    margin-top: 0.5em;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-right: 0px;
    margin-left: 0px;
}
.mw_wp_form .phone {
    width: 4.5em !important;
}

.mw_wp_form .horizontal-item  {
    margin-right: 15px !important; 
}
.mw_wp_form_complete{
	display: none;
}
.forms .ttl_h1{
	border-color: #4F1C87;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.list .list-text{
	background-color: #FFFFFF;
	padding-top: 0.75em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	padding-bottom: 0.25em;
	margin-bottom: 1em;
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
	border-bottom: none;
	width: 100%;
}
.list .list-text p{
	border-top: 1px solid rgba(119, 119, 119, 0.1);
	margin-bottom: 0.0em;
	padding-top: 0.5em;
	padding-right: 0.0em;
	padding-left: 0.0em;
	padding-bottom: 0.0em;
}
.list .post_links .post_thumb {
    background-color: rgba(255, 255, 255, 1.0);
}
.breadcrumb>li+li:before {
    color: rgba(119, 119, 119, 0.6);
    content: ">";
}
.single-body{
	padding-top: 1.5em !important;
	padding-right: 2em !important;
	padding-left: 2em !important;
	padding-bottom: 1.5em !important;
}
.single-body p:last-child{
	margin-bottom: 0px !important;
}
.place{
	table-layout:fixed; 
}
.place th:first-child{
	width:30%; 
}
/* responsive-br */
.visible-br-sm{
	display: none;
}
.visible-br-md{
	display: none;
}
.visible-br-pc{
	display: none;
}
.visible-br-lg{
	display: none;
}
.visible-br-xs{
	display: block;
}
.ex-box{
	width: 49px;
	height: 146px;
	position: fixed;
	left: -100%;
	bottom: 30px;
	z-index: 999;
	transition: all 1.5s ease-out;
}

.ex-box.ex-animate{
	left: 0px;
}
.ex-box a{
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../images/top/to-ceremony2020.png);
	background-repeat: no-repeat;
	background-size: contain;
}



/* ------------------------------------
// @mail-magazine
------------------------------------ */
/* ギャラリー全体 */
.mail-magazine-gallery {
  display: grid;  
    grid-template-columns: repeat(2, 1fr)!important;
  gap: 1rem;
   padding: 1rem 0;
}
/* 各ブロック（pタグ） */
.mail-magazine-gallery p {
  margin: 0;
	border: none;
	border: 1px solid #999;
}

/* 各リンク（aタグ） */
.mail-magazine-gallery a {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 4; /* 縦横比4:3を固定 */
	background-image: url(../images/mail-magazin-cover.png); /* 共通のカバー画像 */
	background-size: cover;
	background-position: center;
	text-decoration: none;
	color: #4f1c87!important;
	font-size: .8rem;
	line-height: 1.3;
	text-align: center;
	font-weight: 600;
	transition: transform 0.3s ease, opacity 0.3s ease;
	letter-spacing: 0;
	border: none;
}

/* ホバー時の簡単なアニメーション */
.mail-magazine-gallery a:hover {
  transform: scale(1.03);
}


/* ------------------------------------
// @media
------------------------------------ */
/* Extra small devices (portrait phones, less than 34em) */
@media (min-width: 33.9em) {
/* responsive-br */
.hidden-br-sm{
	display: none;
}
.visible-br-sm{
	display: block;
}
.hidden-xs-up{	
	display: none !important;
}

address, dl, ol, p, ul, td, th{
	font-size: 16px;
}
footer li a {
    font-size: 14px;
}
.mw_wp_form .phone {
    width: 6em !important;
}
.promote p {
	font-size: 15px;
}
.social-title p{
	font-size: 15px;
	}
.post_body{
	font-size: 16px;
}
.logo img {
	padding-top: 0em;
    height: 28px !important;
}
	
.sticky-header .logo{
	background-size: auto 28px;
	margin-top: -2px;
	display: block;
}
.navbar-toggle {
	margin-top: 5px;
	margin-right: 0px;	
    top: -2.1rem;
}
.sub-menu {
	margin-left: 0em;
}
.sub-menu .nav-item a{
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
#main-menu .menu-item a {
	border-bottom: 1px none rgba(119, 119, 119, 0.1);
}

.footer-nav li a{
	padding: 1em;
}
.navbar-inner {
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch !important;
	height: auto !important;
}
.bottom-container h2 {
	font-size: 24px;
}
.pages-child li a{
	height: 30vw;
}

.su-post-excerpt p{
	font-size: 14px;
}
#form-button a {
	height: 38px;
	line-height: 36px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#donation-button a {
	height:36px;
	line-height: 36px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.news article.news-covid .news-date {
	font-size: 13px;
}

.news article.news-covid p {
	font-size: 16px;
}
.to-social{
	height: 40px;
}

.to-social-box{
	width: 98%;
	height: 40px;
	background-size: 80% auto;
}
	
.mail-magazine-gallery a {
	font-size: 1rem;
}
}

/* Ex-Small2 devices (landscape phones, less than 40em) */
@media (min-width: 39.9em) {
.container {
	max-width: 40rem;
}
nav .sns {
	text-align: left;
	padding-bottom: 0.0rem;
	margin-top: 0.0rem;
	margin-bottom: 0.0rem;
}
nav .sns a{
	padding: 0.75rem;
}
nav .sns a i{
    margin-right: 0.5rem;
}
.post_body{
	margin-top: 1em;
	padding-top: 2em;
}
.detail {
    padding-top: 1.5rem;
}
.blog-link{
	width: 120px !important;
}
.social-container{
	padding-left: 50px;
	padding-right: 50px;
}
.social-content{	
  justify-content: space-around;
	}

.to-social{
	height: 46px;
}

.to-social-box{
	width: 98%;
	height: 46px;
	background-size: 65% auto;
}
}

/* Small devices (landscape phones, less than 48em) */
@media (min-width: 47.9em) {
/* responsive-br */
.visible-br-md{
	display: block;
}
.hidden-br-md{
	display: none;
}
.hidden-sm-up{	
	display: none !important;
}
	
	
.container {
	max-width: 45rem;
}	
	
#fixed-form {
	right: 50px;
}
#fixed-donation{
	right: 180px;
}
.promote .left-column {
	float: left;
	width: 50%;
}
.promote .right-column {
	float: right;
	width: 50%;
}
.promote-container {
	padding-top: 2.5vw;
	padding-right: 2.5vw;
	padding-left: 2.5vw;
	padding-bottom: 0px;
}
.promote .pic {
	height: 40vw;
}
.promote p {
	font-size: 12px;
}
.social-title p{
	font-size: 14px;
	}
.pages-child li{
	width: 33.3333%;
}
.pages-child li a{
	height: 20vw;
}
.pages-child .title{
	font-size: 14px;
}
#message h1 {
	font-size: 44px;
}
#message p {
	font-size: 18px;
}
	
.post_body h1 {
	 font-size: 28px;
    margin-bottom: 1rem;
}
.post_body h2  {
    font-size: 24px;
    margin-bottom: 1rem;
}
.post_body h3  {
    font-size: 20px;
}
.post_body h4  {
    font-size: 16px;
	font-weight: bold;
}
.ttl_h1 {
    font-size: 28px;
}
.su-posts-default-loop .su-post-thumbnail {
    width: 140px !important;
    height: 100px !important;
}
.ex-box{
	width: 66px;
	height: 192px;
}
	.mail-magazine-gallery {
    grid-template-columns: repeat(3, 1fr)!important;
}
.mail-magazine-gallery a {
	font-size: 1.1rem;
}
}

/* PC-md */
@media (min-width: 61.9em) {
.sticky-header .navbar-toggle {
	margin-top: 9px;	
    top: -2.8rem;
}
/* responsive-br */
.hidden-br-pc{
	display: none;
}
.visible-br-pc{
	display: block;
}
.hidden-md-up{	
	display: none !important;
}
.post_body  {
	padding-left: 3em;
	padding-right: 3em;
}
.post_body h1 {
	 font-size: 34px;
    margin-bottom: 1rem;
}
.post_body h2  {
    font-size: 28px;
    margin-bottom: 1rem;
}
.post_body h3  {
    font-size: 22px;
}
.post_body h4  {
    font-size: 16px;
	font-weight: bold;
}
.ttl_h1 {
    font-size: 34px;
}
.bottom-container{
	padding-top: 3em;
	padding-bottom: 3em;
}
.mainarea {
    margin-bottom: 2rem;
}
.logo_text {
	margin-bottom: 0.75em;
	padding-bottom: 0.25em;
}
.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 1.5px;
}
.navbar-toggle {
	margin-top: 0px;
	margin-right: 0px;
}
.navbar-toggle .icon-bar {
  width: 29px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.container {
	max-width: 60rem;
}	
.promote .header-group {
	background-size: auto 60%;
	background-position: 95% 50%;
}
.promote .pic {
	height: 32vw;
}
.promote p {
	font-size: 13px;
}
.social-title p{
	font-size: 15px;
	}
.promote-container {
	padding-top: 3vw;
	padding-right: 3vw;
	padding-left: 3vw;
	padding-bottom: 0px
}
.promote h2 {
	font-size: 26px;
}
.mw_wp_form .mail {
    width: 20em !important;
}
.mw_wp_form .others {
    width: 20em !important;
}
.post_meta {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	max-height: 600px;
	overflow: hidden;
	margin-bottom: 2em;
}
.headline .ttl, .headline .subttl {
	font-size: 12px;
}
.headline .lang{
	font-size: 12px;
}
.headline .access{
	font-size: 12px;
}
/*.headline .sns a {
	font-size: 16px;
}*/
.headline .sns{
	letter-spacing: 1.0em;
	margin-bottom: 1px;
}
.headline .access {
	text-align: center;
}
.logo img {
    height: 32px !important;
}
nav .lang{
	font-size: 14px;
}
.su-posts-default-loop .su-post-thumbnail {
    width: 200px !important;
    height: 160px !important;
}
	
.su-post h2 {
	font-size: 18px !important;
	margin-bottom: 0.5em !important;
	position: absolute;
	top: 0px;
	left: 220px;
	width: 576px;
}
.su-posts-default-loop .su-post-excerpt {
	position: absolute;
	top: 45px;
	left: 220px;
}
	
.su-posts a {	
    padding-top: 1em;
}
	
.news .container {
	width: 80%;
}
.sticky-header .sticky-sns{
	letter-spacing: 0.5em;
	text-align: right;
	display: block;
	position: absolute;
	top: 13px;
	right: 200px;
	width: 170px;
}
.sticky-header #form-button a {
	height:38px;
	line-height: 38px;
}
.sticky-header #donation-button a {
	height:38px;
	line-height: 38px;
}
	.mail-magazine-gallery {
    grid-template-columns: repeat(4, 1fr)!important;
}
}

/* large */
@media (min-width: 74.9em) {
/* responsive-br */
.visible-br-lg{
	display: block;
}
.hidden-br-lg{
	display: none;
}	
#message h1 {
	font-size: 46px;
}
.logo img {
    height: 34px !important;
}
.navbar-toggle {
	margin-top: 0px;
	margin-right: 15px;
}

.promote-container {
	padding-top: 4vw;
	padding-right: 4vw;
	padding-left: 4vw;
	padding-bottom: 0px
}
.promote p {
	font-size: 14px;
}
.social-title p{
	font-size: 16px;
	}
.navbar-toggle .icon-bar {
  width: 34px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
.container {
	max-width: 72.25rem;
}	
#fixed-form{
	right: 70px;
}
#fixed-donation{
	right: 220px;
}
		
.pages-child li{
	width: 25%;
}
.pages-child li a{
	height: 15vw;
}
.header-sub li a{
	font-size: 15px;
}
.navbar .menu-item a {
	font-size: 15px;
}
.navbar .menu-item a {
	font-size: 15px;
}
#form-button a , #donation-button a {
	font-size: 15px;
}
	
.sticky-header .logo{
	background-size: auto 32px;
	margin-top: 4px;
}
.su-post h2 {
	width: 774px;
}
.detail {
    padding-top: 2rem;
}
.sticky-header .sticky-sns{
	top: 15px;
	right: 240px;
}
.blog-link{
	width: 180px !important;
}
	
.sticky-header #form-button a {
	height:46px;
	line-height: 46px;
}
.sticky-header #donation-button a {
	height:46px;
	line-height: 46px;
}
	
	.mail-magazine-gallery {
    grid-template-columns: repeat(5, 1fr)!important;
}
}
/* max */
@media (min-width: 1320px) {
}

/* hd */
@media (min-width: 1486px) {

}
/* hd */
@media (min-width: 1600px) {

/*無理矢理ハック*/
.sticky-header .block{
	display: block !important;	
}
}