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

.pc-main {
display: none;
}

.sp-main {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
font-weight: bold;
}

/* sp-phpで書き込み中のテキスト-始 *//* sp-phpで書き込み中のテキスト-始 */
.notice {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.notice-inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 6% 0 0 0;
padding: 0;
box-sizing: border-box;
border-radius: 3px;
background: rgba(0,0,0,0.5);
color: #FFFFFE;
}

.notice-title-time-edit {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 96%;
padding: 1em 0 0.3em 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.2);
}

.notice-title {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0 0.5em 0 0;
font-weight: bold;
}

.notice-time {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0 1em 0 0;
}

.notice-edit {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center
}

.notice-honbun {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 20em;
padding: 0.3em 0 1em 0;
box-sizing: border-box;
text-align: left;
}
/* sp-phpで書き込み中のテキスト-終 *//* sp-phpで書き込み中のテキスト-終 */

.notice-img {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
}

.notice-img img{
padding: 6% 0% 0% 0%;
}

.sp-top-box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 6% 0% 0% 0%;
padding: 0.5rem;
box-sizing: border-box;
text-align: center;
}

.sp-top-box-tensen {
border: dashed 2px rgba(255,255,0,0.5);
width: 100%;
padding: 1rem;
box-sizing: border-box;
}

.sp-top-box-inner-1 {

}

.sp-top-box-inner-2 {
margin: 1rem 0% 0% 0%;
}

.sp-top-menu-box-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.fusen {
display: flex;
align-items: center;
justify-content: center;
width: 96%;
height: 75px;
position: relative;
margin: 6% 0% 0% 0%;
}

.fusen:after {
width: 170px;
height: 70px;
content: "";
position: absolute;
top: 0;
right: 2px;
/* ぼかし */
box-shadow: 0 8px 5px rgba(0, 0, 0, 0.5);
/* 回転 */
transform: rotate(3deg);
z-index: -1;
}

.fusen-accent {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 100%;
position: absolute;
top: 0px;
right: 0px;
background: #00A2F2;
writing-mode: vertical-rl;
font-size: 80%;
font-weight: normal;
}

.fusen:last-child {
margin: 6% 0% 6% 0%;
}

a.fusen-color-1 {
background: #9eff9e;
color: #333333;
}

a.fusen-color-2 {
background: #ffdbed;
color: #333333;
}

a.fusen-color-3 {
background: #fff3b8;
color: #333333;
}

a.fusen-color-4 {
background: #ffd1a3;
color: #333333;
}


}




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

.sp-main {
display: none;
}

.pc-main {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
padding: 0% 0% 2.5% 0%;
}

.pankuzu-list {
display: none;
}

.notice-text {
display: flex;
flex-flow: column-reverse nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

/* pc-phpで書き込み中のテキスト-始 *//* pc-phpで書き込み中のテキスト-始 */
.notice {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.notice-inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 2.5% 0 0 0;
padding: 0;
box-sizing: border-box;
border-radius: 3px;
color: #FFFFFE;
background: rgba(0,0,0,0.3);
}

.notice-title-time-edit {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 96%;
padding: 1em 0 0.3em 0;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,0.2);
}

.notice-title {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0 0.5em 0 0;
font-weight: bold;
}

.notice-time {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0 1em 0 0;
}

.notice-edit {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center
}

.notice-honbun {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 0.3em 0 1em 0;
box-sizing: border-box;
text-align: left;
}
/* pc-phpで書き込み中のテキスト-終 *//* pc-phpで書き込み中のテキスト-終 */

.notice-img {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 0% 2.5%;
box-sizing: border-box;
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4) inset;
background: #FFFFFE;
}

.notice-img img {
padding: 2.5% 0% 2.5% 0%;
}

.main-box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 48%;
height: 8.6rem;
margin: 2.5% 0% 0% 0%;
transition: 1s;
position: relative;
background: rgba(47,125,204,0.5);
}

.main-box:hover {
box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.2);
transform: translateY(-10px);
transition-duration: 0.3s;
}

.main-box-inner{
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
}

.box-inner-click {
background: rgba(0,0,0,0.15);
}

.akusesu-jusho {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}

.pankuzu-list {
display: none;
}


}




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

.pc-main {
padding: 0% 2% 2.5% 2%;
}


}




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

.main-box {
height: 10rem;
}


}




@media screen and (min-width: 701px) and (min-height: 1085px) and (max-width: 1550px)  {

.pc-main {
padding: 0% 2% 2.5% 2%;
}


}