/* 02_特産品.pdf：1410 × 768 のビューポートに、1366px幅の誌面を左揃え。
   横位置・横幅は1410px基準（右44pxはサイドナビ領域）、縦位置は768px基準。
   地色は #fffce8、フルーツ柄は bg_pattern.png（書き出しデータ bg_eff.png の1周期分を切り出したタイル）を
   横47.624%（＝1410px時に671.5px）で敷き詰める。 */
/*--------------------------------------------------------
　共通style
--------------------------------------------------------*/
#story_2 .scn_set {
    background: #fffce8;
}

/* 右上ショルダー（紀美野町が育む、里山の恵み＋フルーツアイコン） */
#story_2 .title_img {
    position: absolute;
    width: 14.043%;
    max-width: 198px;
    top: 5.664%;
    right: 95px;
    z-index: 1;
}

#story_2 .main_area {
    display: -webkit-flex;
    display: flex;
    width: 83.298%;
    margin: 0 0 0 8.759%;
    position: relative;
    height: 100vh;
    z-index: 1;
}

#story_2 .main_area p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #093a56;
    font-weight: 500;
}

/*--- 左カラム：タイトル＋本文（本文幅430px＝誌面実測） ---*/
#story_2 .left_area {
    width: 36.610%;
    margin-right: 4.299%;
    box-sizing: border-box;
}

#story_2 .left_area .title_01 {
    position: relative;
    padding-top: 0;
}

#story_2 .left_area .title_01 img {
    vertical-align: bottom;
}

#story_2 .left_area .text_01 {
    margin-top: 25px;
}

#story_2 .left_area .text_01 p {
    font-size: 14px;
    line-height: 1.857;
}

/*--- 右カラム：紹介写真 ---*/
#story_2 .right_area {
    width: 59.089%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

#story_2 .right_area .img_01 {
    position: relative;
}

#story_2 .right_area .img_01 img {
    vertical-align: bottom;
}

/*--------------------------------------------------------
　個別style
--------------------------------------------------------*/
/*--- scn01　扉 ---*/
#story_2 #scn01 {
    background: #fffce8 url("/book/focal/kimino/images/column/bg_pattern.png") repeat left top / 47.624% auto;
    opacity: 1;
    z-index: 501;
}

#story_2 #scn01 .fv_title {
    position: absolute;
    width: 100%;
    top: 14.258%;
    left: 0;
}

#story_2 #scn01 .fv_title img {
    vertical-align: bottom;
}

/*--- scn02　リード ---*/
#story_2 #scn02 {
    background: #093a56;
}

#story_2 #scn02 .main_text {
    position: absolute;
    width: 49.539%;
    top: 35.938%;
    left: 23.511%;
}

#story_2 #scn02 .main_text > p {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    font-weight: 500;
}

#story_2 #scn02 .main_text .main_text_item {
    font-size: 20px;
    line-height: 2;
}

#story_2 #scn02 .main_text .credit_text {
    margin-top: 22px;
    font-family: "Koburina Gothic W3 JIS2004", sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

/*--- scn03〜scn07　タイトル位置（誌面実測／キャッチの白帯下端をy352.5に揃える） ---*/
#story_2 #scn03 .left_area {
    margin-top: 22.389vh;
}

#story_2 #scn04 .left_area {
    margin-top: 22.763vh;
}

#story_2 #scn05 .left_area {
    margin-top: 22.723vh;
}

#story_2 #scn06 .left_area {
    margin-top: 21.733vh;
}

#story_2 #scn07 .left_area {
    margin-top: 21.439vh;
}

#story_2 #scn03 .title_01 {
    width: 99.924%;
}

#story_2 #scn04 .title_01,
#story_2 #scn05 .title_01,
#story_2 #scn06 .title_01 {
    width: 98.372%;
}

#story_2 #scn07 .title_01 {
    width: 112.418%;
}

/*--- scn03〜scn07　写真の幅・位置（誌面実測） ---*/
#story_2 #scn03 .right_area .img_01 {
    width: 87.464%;
    margin-left: 6.340%;
    top: -1.432vh;
}

#story_2 #scn04 .right_area .img_01 {
    width: 100%;
    margin-left: 0;
    top: -1.302vh;
}

#story_2 #scn05 .right_area .img_01 {
    width: 86.239%;
    margin-left: 0.865%;
    top: -0.098vh;
}

#story_2 #scn06 .right_area .img_01 {
    width: 82.349%;
    margin-left: 5.620%;
    top: -2.148vh;
}

#story_2 #scn07 .right_area .img_01 {
    width: 87.824%;
    margin-left: 7.493%;
    top: -1.497vh;
}

/*--- scn08　ふるさと納税への導線 ---*/
#story_2 #scn08 {
    background: #fffce8 url("/book/focal/kimino/images/column/bg_pattern.png") repeat left top / 47.624% auto;
}

#story_2 #scn08 .last_area {
    position: absolute;
    width: 100%;
    top: 24.674%;
    height: 50.391%;
    left: 0;
    background: #fff;
}

#story_2 #scn08 .deco {
    position: absolute;
}

#story_2 #scn08 .deco img {
    vertical-align: bottom;
}

#story_2 #scn08 .deco_l {
    width: 12.057%;
    left: 14.255%;
    top: 16.269%;
}

#story_2 #scn08 .deco_r {
    width: 14.184%;
    left: 71.745%;
    top: 12.651%;
}

#story_2 #scn08 .last_text {
    position: absolute;
    top: 16.641%;
    left: 48.298%;
    transform: translate(-50%, 0);
    width: 42%;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #093a56;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.843;
}

#story_2 #scn08 .last_btn {
    position: absolute;
    width: 39.165%;
    top: 60.672%;
    left: 48.369%;
    transform: translate(-50%, 0);
}

#story_2 #scn08 .last_btn a {
    display: block;
}

#story_2 #scn08 .last_btn img {
    vertical-align: bottom;
}