

/*** for PC Browser ***/
@media (min-width:401px)
{
#Mset79267 {
    float: none;
    height: auto;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
}

#Mset79267 .SetRigntPane,
#Mset79267 .SetContentPane  {
    float: none;
    margin: auto;
    padding: 0;
    width: 1000px;
}

#Mset79267 .SetContentPane > div,
#Mset79267 .SetRightPane > div {
    width: 310px;
    display: inline-block;
    margin: 5px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}

#Mset79267 .B_LinkList_kurashi {
    float: none;
    border-radius: 10px 10px;
    padding: 0;
    margin-top: 20px;
}

#Mset79267 .MTitleBlock {
    border: none;
    height: auto;
    padding: 0;
    float: none;
    text-decoration: none;
    width: 100%;
    margin: 0;
}

#Mset79267 .MTitleBlock h2 {
    float: none;
    margin: 0px;
    padding: 10px 10px 10px 150px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: x-large;
    color: #ffffff;
    width: 100%;
}

#Mset79267 .MTitleBlock h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

#Mset79267 .FrameDiv {
    float: none;
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

#Mset79267 .FrameDiv ul{
    margin: 0px;
    padding: 0px;
    float: none;
}

#Mset79267 .FrameDiv li {
    float: none;
    list-style-type: none;
    padding: 0px;
    background: none;
}

#Mset79267 .FrameDiv .Title {
    font-size: x-large;
    width: 100%;
    border: none;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: none;
}

#Mset79267 .FrameDiv .Title a:not(.EditIcon) {
    background-image: url(../../../Images/water2024/btn_01.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    padding: 20px 50px 20px 20px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px 10px;
    overflow: hidden;
}

#Mset79267 .B_LinkList_kurashi .Summary {
    width: 100%;
}

#Mset79267 .EndClear
{
    display: none !important;
}

/* 体験してみよう */
#linklist79269 {
    border: 3px solid #E0699F;
}

#linklist79269 .MTitleBlock {
    background: #E0699F;
}

#linklist79269 .MTitleBlock h2 {
}

#linklist79269 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/taiken.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79269 .FrameDiv {
    background: #FADEEC;
}

#linklist79269 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #E0699F;
}


/* 探してみよう */
#linklist79270 {
    border: 3px solid #F08300;
}

#linklist79270 .MTitleBlock {
    background: #F08300;
}

#linklist79270 .MTitleBlock h2 {
}

#linklist79270 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/sagasu.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79270 .FrameDiv {
    background: #FFFBBE;
}

#linklist79270 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #F08300;
}

/* 学んでしてみよう */
#linklist79271 {
    border: 3px solid #6D68A8;
}

#linklist79271 .MTitleBlock {
    background: #6D68A8;
}

#linklist79271 .MTitleBlock h2 {
}

#linklist79271 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/manabu.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79271 .FrameDiv {
    background: #E2EAF7;
}

#linklist79271 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #6D68A8;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#Mset79267 {
    float: none;
    height: auto;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
}

#Mset79267 .SetRigntPane,
#Mset79267 .SetContentPane  {
    float: none;
    margin: auto;
    padding: 0;
    width: 100%;
    height: auto;
}

#Mset79267 .SetContentPane > div,
#Mset79267 .SetRightPane > div {
    width: 310px;
    display: inline-block;
    margin: 60px 5px 5px;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
}

#Mset79267 .B_LinkList_kurashi {
    float: none;
    border-radius: 10px 10px;
    padding: 0;
    margin-top: 20px;
}

#Mset79267 .MTitleBlock {
    border: none;
    height: auto;
    padding: 0;
    float: none;
    text-decoration: none;
    width: 100%;
    margin: 0;
}

#Mset79267 .MTitleBlock h2 {
    float: none;
    margin: 0px;
    padding: 10px 10px 10px 150px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: x-large;
    color: #ffffff;
    width: 100%;
}

#Mset79267 .MTitleBlock h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

#Mset79267 .FrameDiv {
    float: none;
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

#Mset79267 .FrameDiv ul{
    margin: 0px;
    padding: 0px;
    float: none;
}

#Mset79267 .FrameDiv li {
    float: none;
    list-style-type: none;
    padding: 0px;
    background: none;
}

#Mset79267 .FrameDiv .Title {
    font-size: x-large;
    width: 100%;
    border: none;
    height: auto;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background: none;
}

#Mset79267 .FrameDiv .Title a:not(.EditIcon) {
    background-image: url(../../../Images/water2024/btn_01.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    padding: 20px 50px 20px 20px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px 10px;
    overflow: hidden;
    font-size: medium;
}

#Mset79267 .B_LinkList_kurashi .Summary {
    width: 100%;
}

#Mset79267 .EndClear
{
    display: none !important;
}

/* 体験してみよう */
#linklist79269 {
    border: 3px solid #E0699F;
    margin-top: 0 !important;
}

#linklist79269 .MTitleBlock {
    background: #E0699F;
}

#linklist79269 .MTitleBlock h2 {
}

#linklist79269 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/taiken.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79269 .FrameDiv {
    background: #FADEEC;
}

#linklist79269 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #E0699F;
}


/* 探してみよう */
#linklist79270 {
    border: 3px solid #F08300;
}

#linklist79270 .MTitleBlock {
    background: #F08300;
}

#linklist79270 .MTitleBlock h2 {
}

#linklist79270 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/sagasu.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79270 .FrameDiv {
    background: #FFFBBE;
}

#linklist79270 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #F08300;
}

/* 学んでしてみよう */
#linklist79271 {
    border: 3px solid #6D68A8;
}

#linklist79271 .MTitleBlock {
    background: #6D68A8;
}

#linklist79271 .MTitleBlock h2 {
}

#linklist79271 .MTitleBlock h2:before {
    content: "";
    width: 146px;
    height: 146px;
    background: url(../../../images/water2024/manabu.png) no-repeat left bottom;
    display: block;
    position: absolute;
    margin: -75px 0 0 -160px;
}

#linklist79271 .FrameDiv {
    background: #E2EAF7;
}

#linklist79271 .FrameDiv .Title a:not(.EditIcon) {
    background-color: #6D68A8;
}
}
