@charset "UTF-8";

/* CSS Document */
#main-Photo,
#traveler-Photo,
#traveler-Photob,
#sub-Photo01,
#sub-Photo02,
#sub-Photo02b,
#sub-Photo03,
#sub-Photo04,
#sub-Photo05,
#sub-Photo06,
#sub-Photo07,
#sub-Photo08,
#sub-Photo09,
#sub-Photo10,
#sub-Photo11,
#sub-Photo12,
#sub-Photo13,
#sub-Photo14,
#sub-Photo15,
#sub-Photo16,
#sub-Photo17,
#sub-Photo18,
#sub-Photo19,
#sub-Photo20,
#sub-Photo21,
#sub-Photo22,
#sub-Photo23,
#sub-Photo24,
#sub-Photo25,
#sub-Photo26,
#sub-Photo27,
#sub-Photo28,
#sub-Photo29,
#sub-Photo30 {
    width: 100%;
    background-size: cover;
    /* min-height: 800px; */
    height: 100%;
    margin: 0 auto;
    padding: 0;
    z-index: -1;
}

.wd15 {
    width: 15%;
}

.wd20 {
    width: 20%;
}

.wd25 {
    width: 25%;
}

.wd30 {
    width: 30%;
}

.wd35 {
    width: 35%;
}

.wd40 {
    width: 40%;
}

.wd45 {
    width: 45%;
}

.wd50 {
    width: 50%;
}

.wd55 {
    width: 55%;
}

.wd60 {
    width: 60%;
}

.wd65 {
    width: 65%;
}

.wd70 {
    width: 70%;
}

.wd75 {
    width: 75%;
}

.wd80 {
    width: 80%;
}

.wd85 {
    width: 85%;
}

.wd90 {
    width: 90%;
}

.wd95 {
    width: 95%;
}

.wd100 {
    width: 100%;
}

/*----------------------------------
記事ブロック
----------------------------------*/
article {
    position: relative;
}

/*----------------------------------
記事写真指定
----------------------------------*/
.article-photoinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------------------------
記事テキスト指定
----------------------------------*/
.article-textinner {
    box-sizing: border-box;
    position: relative;
    width: 90%;
    height: 100%;
    margin: auto;
    text-align: justify;
}

.article-Txt p{
    font-size:1.4rem;
    line-height:1.7;
}
.article-Txt p em{
    font-size:1.5rem;
    font-style:normal;
    font-weight:bold;
}

/*----------------------------------
article-Title
----------------------------------*/
.article-Title {
    box-sizing: border-box;
    position: absolute;
    top: 125px;
    left: 0;
}

div.article-Title dl {
    float: left;
    width: 85px;
    height: 85px;
    margin: 0 20px 0 0px;
    padding: 0px 0 0 0px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    text-align: center;
    line-height: 1.2;
}

div.ni div.article-Title dl {
    margin: 6px 20px 0 0;
    padding: 0px 0 0 0px;
}

div.article-TitleWhite dl {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

/*--------------------------------
黒マル
--------------------------------*/
div.article-TitleWhite dl.circleBlack {
    /*background-color: rgba(255,0,0,0.6);*/
    color: #000000;
}

/*--------------------------------*/
div.article-Title dt {
    padding: 16px 0 0 0;
    font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
    font-size: 2.0rem;
}

div.article-Title dd {
    font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif;
    font-size: 2.3rem;
}

div.article-Title h2 {
    margin: 0px 0px 0 0;
    padding: 16px 0 0 0;
    font-size: 3.3rem;
}

div.ni div.article-Title h2 {
    margin: 0px 0px 0 105px;
    padding: 0px 30px 0 0;
    font-size: 3.3rem;
    line-height: 1.4;
}

div.ni div.article-Title h2.setogei {
    line-height: 1;
}

div.ni div.article-Title h2.setogei span {
    display: block;
    margin: 10px auto -20px;
    font-size: 2.4rem;
}

@media(max-width: 999px) {
  div.ni div.article-Title h2.setogei {
  margin: 0px 0px 0 70px;
  padding: 0em 0 0 0;
  font-size: 1.8rem;
  line-height: 1.5;
  }

  div.ni div.article-Title h2.setogei span {
    margin: 0px auto -20px;
    font-size: 80%;
    display: block;
  }
}


/*-----------------------------------------------
メイン
-----------------------------------------------*/
#main-Photo {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_01.jpg);
}

#main-article #main-textinner {
    box-sizing: border-box;
    position: relative;
    width: 90%;
    height: 100%;
    margin: auto;
}

/*-----------------------------------------------
トラベラー
-----------------------------------------------*/
#traveler-Photo {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_03.jpg);
}

#traveler-textinner {
    box-sizing: border-box;
    position: relative;
    width: 90%;
    height: 100%;
    margin: auto;
}

.traveler-Body {
    box-sizing: border-box;
    /* width: 38em; */
    position: absolute;
    top: 125px;
    right: 0;
}

.traveler-Body h3 {
    font-size: 26px;
    margin-bottom: 8px;
}

.traveler-Body dt {
    float: left;
    clear: both;
    width: 7.6em;
    margin-right: -165px;
    line-height: 1;
}

.traveler-Body dt span {
    font-size: 2.0rem;
    vertical-align: 2px;
}

.traveler-Body dd {
    margin-left: 190px;
    margin-top: 10px;
    line-height: 1;
}

.traveler-Body dd span {
    font-size: 55%;
}

article .article-Txt {
    line-height: 1.7;
}

/*-----------------------------------------------
記事
-----------------------------------------------*/

/* 01 */
#sub-Photo01 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_02.jpg);
}

#article-01 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 02 */

#sub-Photo02 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_04.jpg);
}

#article-02 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 03 */
#sub-Photo03 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_05.jpg);
}

#article-03 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 04 */
#sub-Photo04 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_06.jpg);
}

#article-04 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 05 */
#sub-Photo05 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_07.jpg);
}

#article-05 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 06 */
#sub-Photo06 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_08.jpg);
}

#article-06 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 07 */
#sub-Photo07 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_09.jpg);
}

#article-07 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 08 */
#sub-Photo08 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_10.jpg);
}

#article-08 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 09 */
#sub-Photo09 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_11.jpg);
}

#article-09 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 10 */
#sub-Photo10 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_12.jpg);
}

#article-10 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 11 */
#sub-Photo11 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_13.jpg);
}

#article-11 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 12 */
#sub-Photo12 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_14.jpg);
}

#article-12 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 13 */
#sub-Photo13 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_15.jpg);
}

#article-13 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 14 */
#sub-Photo14 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_16.jpg);
}

#article-14 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 15 */
#sub-Photo15 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_17.jpg);
}

#article-15 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 16 */
#sub-Photo16 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_18.jpg);
}

#article-16 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 17 */
#sub-Photo17 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_19.jpg);
}

#article-17 .article-Txt {
    position: absolute;
    top: 125px;
    left: 0;
}

/* 18 */
#sub-Photo18 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_20.jpg);
}

#article-18 .article-Txt {
    position: absolute;
    top: 600px;
    left: 0;
}

/* 19 */
#sub-Photo19 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_21.jpg);
}

#article-19 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 20 */
#sub-Photo20 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_22.jpg);
}

#article-20 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 21 */
#sub-Photo21 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_23.jpg);
}

#article-21 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 22 */
#sub-Photo22 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_24.jpg);
}

#article-22 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 23 */
#sub-Photo23 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_25.jpg);
}

#article-23 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 24 */
#sub-Photo24 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_26.jpg);
}

#article-24 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/* 25 */
#sub-Photo25 {
    background-image: url(/setouchi/article/1905_e_maeda2/e_maeda02_27.jpg);
}

#article-25 .article-Txt {
    position: absolute;
    top: 125px;
    right: 0;
}

/*-----------------------------------------------
スマホ
-----------------------------------------------*/

@media screen and (max-width:999px) {

    #main-Photo,
    #traveler-Photo,
    #traveler-Photob,
    #sub-Photo01,
    #sub-Photo02,
    #sub-Photo02b,
    #sub-Photo03,
    #sub-Photo04,
    #sub-Photo05,
    #sub-Photo06,
    #sub-Photo07,
    #sub-Photo08,
    #sub-Photo09,
    #sub-Photo10,
    #sub-Photo11,
    #sub-Photo12,
    #sub-Photo13,
    #sub-Photo14,
    #sub-Photo15,
    #sub-Photo16,
    #sub-Photo17,
    #sub-Photo18,
    #sub-Photo19,
    #sub-Photo20,
    #sub-Photo21,
    #sub-Photo22,
    #sub-Photo23,
    #sub-Photo24,
    #sub-Photo25,
    #sub-Photo26,
    #sub-Photo27,
    #sub-Photo28,
    #sub-Photo29,
    #sub-Photo30 {
        min-height: auto;
        padding: 75% 0 0;
    }

    .wd15,
    .wd20,
    .wd25,
    .wd30,
    .wd35,
    .wd40,
    .wd45,
    .wd50,
    .wd55,
    .wd60,
    .wd65,
    .wd70,
    .wd75,
    .wd80,
    .wd85,
    .wd90,
    .wd95,
    .wd100 {
        width: 100%;
    }


    /*----------------------------------
記事写真指定
----------------------------------*/
    .article-photoinner {
        position: static;
    }

    /*----------------------------------
記事テキスト指定
----------------------------------*/
    .article-textinner {
        position: static;
        width: 100%;
        padding: 20px 15px 40px 15px;
    }

    /*-----------------------------------------------
メイン
-----------------------------------------------*/

    #main-photo #main-textinner {
        position: static;
        padding: 15px 0;
    }

    /*----------------------------------
article-Title
----------------------------------*/
    .article-Title {
        position: static;
        padding:20px 0;
    }

    div.article-Title dl {
        float: left;
        width: 54px;
        height: 54px;
        margin: 0 20px 0 0px;
        padding: 0 0 0 0;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 1.2;
    }

    div.ni div.article-Title dl {
        margin: 0;
        padding: 0;
    }

    div.article-TitleWhite dl {
        background-color: rgba(0, 0, 0, 0.3);
        color: #fff;
    }

    /*--------------------------------
黒マル
--------------------------------*/
    div.article-TitleWhite dl.circleBlack {
        /*background-color: rgba(255,0,0,0.6);*/
        color: #000000;
    }

    /*--------------------------------*/
    div.article-Title dt {
        padding: 10px 0 0 0;
        font-size: 1.4rem;
    }

    div.article-Title dd {
        font-size: 1.6rem;
    }

    div.article-Title h2 {
        color: #fff;
        margin: 0px 0px 0 0;
        padding: 16px 0 0 0;
        font-size: 1.4rem;
    }

    div.ni div.article-Title h2 {
        margin: 0px 0px 0 70px;
        padding: 0;
        font-size: 1.8rem;
    }

    /*-----------------------------------------------
トラベラー
-----------------------------------------------*/

    #traveler-textinner {
        position: static;
        width: 100%;
        padding: 20px 15px 40px 15px;
    }

    .traveler-Body {
        width: 100%;
        position: static;
    }

    .traveler-Body h3 {
        font-size: 1.9rem;
    }

    .traveler-Body dt {
        margin-right: 0;
        line-height: 1.2;
    }

    .traveler-Body dt span {
        vertical-align: 2px;
    }

    .traveler-Body dd {
        margin-left: 0;
        margin-top: 0px;
        /* line-height: 1; */
        line-height: 1.2;
    }

    .traveler-Body dd span {
        font-size: 1.2rem;
    }

    .traveler-Body dt.setogei {
      width: 7.4em;
    }

    .traveler-Body dt.setogei span {
      font-size: 15.2px;
      /* vertical-align: 0.15em; */
    }

    /*-----------------------------------------------
記事写真クリア
-----------------------------------------------*/

    article .article-Txt {
        position: static !important;
        color: #fff;
    }


    aside {}

}