@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {



/* 共通 */

/*ヘッダ
----------------------------------*/
header {
    position: inherit;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
#logo a {
    display: block;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
header img {
    max-width: 200px;
}
/*　フッター
------------------------------------------------*/
footer > ul > li,
footer > ul.policies > li {
    width: 100%;
}
footer > ul {
    width: 80%;
    display: block;
    margin: 3% auto 0;
}
footer > ul:nth-of-type(2) {
    border-top: 1px solid #ab90b9;
    margin: 0 auto 3%;
}
footer ul li a {
    display: block;
    padding: 10px;
}
footer > ul li {
    border-bottom: 1px solid #ab90b9;
}
footer > ul > li.f_list_yume {
    width: 100%;
}
footer > ul > li:nth-of-type(4) {
    padding: 10px 0 0 10px;
}
footer > ul > li > ul {
    margin: 10px 0 0 0;
    border-top: 2px dotted #8a6e98;
}
footer > ul > li > ul > li {
    margin: 0 ;
    padding-left: 10px;
    border-bottom: 2px dotted #8a6e98;
}
footer > ul li:last-of-type,footer > ul > li > ul > li:last-of-type {
    border: none;
}
p.bulletinboard {
    padding: 10px 0;
}
p.bulletinboard a {
    float: none;
    margin: 0 auto;
}
/*
----------------------------------------------------------*/
.inner {
    width: 90%;
}
h3, h4 {
    margin-bottom: 14px;
}
.link_btn {
    width: 60%;
    margin: 5% auto;
}
.link_btn a {
    padding: 4% 0;
}
#contents {
    width: 90%;
    margin: 0 auto;
}
#contents h3, #contents h4 {
    font-size: 20px;
}
.c_editor table {
    width: 100% !important;
}
/*トップページ
----------------------------------------------------------*/
#main_visual {
    height: 290px;
}
#main_visual::before {
    top: 20%;
    width: 70%;
}
.main_img {
    left: 0;
    height: 300px;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 0 0;
}
img.main {
    width: 200%;
    margin-left: -200px;
}
/**/
.catch {
    position: relative;
}
/**/
.info {
    background-size: 300%;
    background-position: top  center;
    padding: 20% 0 0 0;
    margin-bottom: 50px;
}
.info .inner {
    margin-bottom: 3%;
}
.important {
    display: block;
    padding: 5px;
}
.important p {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.important p:first-of-type {
    margin-bottom: 0;
    text-align: center;
}
.important p span {
    display: block;
    font-weight: normal;
}
.info .inner:nth-of-type(2) {
    padding: 3% 3%;
}
.info ul li {
    padding: 10px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
}
.info ul li a {
    display: block;
}

.info ul li span {
    display: block;
}
.kaiho {
    width: 50%;
}
/**/
.column.yume {
    background-size: 110%;
    background-position: top center;
    padding: 14% 0 0 0;
    margin: 0 0 50px;
}
.yume .inner {
    padding: 9% 2% 1%;
}
.yume .inner p {
    width: 86%;
    margin: 0 auto 30px;
}
.yume ul {
    display: block;
}
.yume ul li {
    width: 100%;
    margin: 0 0 3%;
}
.yume ul li:first-of-type {
    width: 100%;
}
/**/
.toho_news {
    background-size: 300%;
    background-position: top  center;
    padding: 20% 0 0 0;
    margin-bottom: 50px;
}
.toho_news .inner {
    padding: 3% 3% 6%;
}
.toho_news article {
    display: block;
    margin-bottom: 42px;
}
.news_img {
    width: 86%;
    margin: 0 auto 0;
}
.news_con {
    width: 86%;
    margin: 0 auto;
}
.toho_album::before {
    background-color: #eee4f2;
}
.toho_album ul {
    display: block;
}
.toho_album ul li {
    width: 60%;
    margin: 0 auto 10px;
}
.form_link .inner {
    padding: 2%;
}
.form_link h3 {
    font-size: 30px;
}
.to_form {
    width: 60%; 
}
.links ul li {
    width: 48%;
}
/*******************************
会報
**************************************/
.download_btn {
    width: 80%;
    margin: 0 auto 10px;
}
.archives article {
    width: 48%;
}
.single_kaiho .single-content {
    width: 90%;
    margin: 0 auto 30px;
}
#howto_use ul li:last-of-type img {
    width: 100%;
}
/*******************************
つめチャレンジProject
**************************************/
.target_list {
    border-bottom: 1px solid #CCC;
}
.target_list,.target_list tbody,.target_list tr,.target_list th,.target_list td,.target_list td:first-child {
    display: block;
    width: 100%;
    border-bottom: none;
}
.link_btn.f_link a { /*基金への募金について*/
    padding: 2% 0;
}
.link_btn.f_link a::after {
    top: 32%;
}
.yume .link_btn {
    width: 90%;
    margin: 0 auto;
}
#report.yume h4 {
    width: 80%;
}

/*----------------
決済画面
--------------------*/
.settlement_stripe {
    display: block;
}
.box1 {
    width: 100%;
    margin: 20px 0 50px;
}
/*******************************
同窓会News
**************************************/
.single-content img {
    max-width: 100%;
    height: auto !important;
}

/*******************************
フォーム
**************************************/
table.mail_box th ,
table.mail_box td {
    display: block;
    width: 100%;
}
table.mail_box {
    width: 100%;
    margin: 0 auto;
}
table.mail_box th {
    border-bottom: none;
    padding: 0px 10px;
}

}/*----------------------------------------(max-width: 768px) --*/
@media screen and (max-width: 767px) {

}
@media screen and (min-width: 641px) {
/* 641px以上の幅の場合に適応される */
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
}
@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */
img.wp-image-870 {
    width: 100%;
    height: auto;
}
}