@charset "utf-8";

.acenter {
    text-align: center;
}

#lpmain {
    width: 100%;
    overflow: hidden;
}

#lpmain img {
    width: 100%;
}

#lpmain div.h1 {
    font-size: 0;
    width: 100%;
}

#lpmain h2 {
    box-sizing: border-box;
    font-size: 30px;
    background-color: #852E28;
    color: #F3D240;
    font-weight: bold;
    text-align: center;
}

/* 遠藤酒造場が選ばれる理由 */

#lpmain div.reasons_for_selected {
    background-color: #f0e9db;
    padding-bottom: 40px;
    margin-bottom: 20px;
}

#lpmain div.reasons_for_selected h2 {
    box-sizing: border-box;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 30px 0 10px;
    text-align: center;
    color: #333333;
    text-align: center;
    font-size: 34px;
    line-height: 1;
    font-weight: normal;
    background-color: initial;
}
#lpmain div.reasons_for_selected h2 span {
    font-size: 24px;
}

#lpmain div.reasons_for_selected h3 {
    font-family: sans-serif;
    color: #333333;
    border-bottom: solid 2px #cd8d05;
    margin: 20px 0 10px 0;
    padding: 0;
    font-weight: bolder;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

#lpmain div.reasons_for_selected ul {
  list-style: none;
  padding: 0;
  width: 90%;
  margin: auto;
}

#lpmain div.reasons_for_selected ul li {
    position: relative;
}

#lpmain div.reasons_for_selected img {
    width: 35%;
}

#lpmain div.reasons_for_selected img.reasons_image1 {
    float: right;
    margin-left: 20px;
}

#lpmain div.reasons_for_selected img.reasons_image2 {
    float: left;
    margin-right: 20px;
}

#lpmain div.reasons_for_selected p {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: justify;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
}

#lpmain div.reasons_for_selected a {
  width: 70%;
  height: 50px;
  display: block;
  position: relative;
  margin: 20px auto;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  line-height: 48px;
  cursor: pointer;
}
#lpmain div.reasons_for_selected a::after {
    content: "";
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: solid 1px #852E28;
    border-bottom: solid 1px #852E28;
    transform: rotate(-45deg);

    transition: all .3s ease-out;
}
#lpmain div.reasons_for_selected a:hover {
    background-color: rgba(133,46, 40, 0.2);
}
#lpmain div.reasons_for_selected a:hover::after {
    transform: rotate(45deg);
}


#lpmain div.reasons_for_selected ul li:last-child p {
    width: 100%;
}


/* 予算から選ぶ */

#lpmain h2.yosankara {
    margin: 36px 0 24px 0;
}

#lpmain p.yosanakara {
    box-sizing: border-box;
    font-size: 16px;
    margin: 0 0 30px 0;
    padding: 0 10px;
}

#lpmain div.yosankara {
    box-sizing: border-box;
    font-size: 0;
    width: 100%;
    padding: 0 10px;
}

#lpmain div.yosankara .item {
    box-sizing: border-box;
    width: 48%;
    display: inline-block;
    font-size: 14px;;
    border: solid 2px #fff;
    cursor: pointer;
    text-align: center;
    vertical-align: top;

    margin: 0 4% 40px 0;
}

#lpmain div.yosankara .item a {
    color: #000;
    cursor: pointer;
}

#lpmain div.yosankara .item:nth-child(2n) {
    margin-right: 0;
}

#lpmain div.yosankara .item:hover {
    border: solid 2px #852E28;
    opacity: 0.7;
}

#lpmain div.yosankara .item img {
    width: 100%;
    margin-bottom: 10px;
}

#lpmain div.watch_now {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    margin: 30px 0;
}

#lpmain button.h2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    border: solid 2px #852E28;
    color: #852E28;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: none;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    cursor: pointer;
}

#lpmain button.h2:hover {
    background-color: rgba(133,46, 40, 0.2);
}

#lpmain button.h2::after {
    content: "";
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: solid 2px #852E28;
    border-bottom: solid 2px #852E28;
    transform: rotate(-45deg);
}

#lpmain h2.lineup {
    margin: 58px 0 0px 0;
}

#lpmain div.icon_info {
    width: 100%;
}

#lpmain div.icon_info img {
    width: 100%;
}

#lpmain h3 {
    box-sizing: border-box;
    width: 80%;
    margin: 30px 10% 30px 10%;
    padding: 0;
    font-size: 28px;
    color: #852E28;
    border-bottom: solid 1px #852E28;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
}

#lpmain .yosanbetsu {
    box-sizing: border-box;
    font-size: 0;
    padding: 0 10px;
}

#lpmain .yosanbetsu .item {
    box-sizing: border-box;
    width: 48%;
    display: inline-block;
    position: relative;
    font-size: initial;
    vertical-align: top;
    background-color: #F4EEE4;
    padding: 10px;

    margin: 0 4% 10px 0;
}

#lpmain .yosanbetsu .item:nth-child(2n) {
    margin-right: 0;
}

#lpmain .yosanbetsu .item .image {
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    position: relative;
}

#lpmain .yosanbetsu .item:nth-child(2n) {
    margin-right: 0;
}

#lpmain .yosanbetsu .item img {
    width: 100%;
}

#lpmain .yosanbetsu .item img.souryou_muryou {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: -30px;
}

#lpmain .yosanbetsu .item img.item_icon {
    position: absolute;
    width: auto;
    height: 36px;
    left: 0;
    bottom: -20px;
}

#lpmain .yosanbetsu .item h4 {
    margin-top: 30px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 1.25em;
}

#lpmain .yosanbetsu .item h4 span.small {
    font-size: 1em;
    font-weight: bold;
}

#lpmain .yosanbetsu .item h4 span {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
    font-size: 11px;
}

#lpmain .yosanbetsu .item p.contain {
    margin-top: 10px;
    display: none;
}

#lpmain .yosanbetsu .item p.price {
    text-align: right;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 30px;
    font-weight: bold;
    color: #BC1920;
    line-height: 0.7em;
    margin: 40px 0 10px;
}

#lpmain .yosanbetsu .item p.price span {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

#lpmain .yosanbetsu .item button.buy {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    background-color: #A2A2A2;
    padding: 10px 0;
    color: #fff;
    border: none;
    cursor: pointer;
}
#lpmain .yosanbetsu .item button.buy:hover {
    background: linear-gradient(0deg, rgb(128, 0, 18), rgb(185, 0, 18));
    color: #fff;
}

#lpmain .yosanbetsu .item button.buy::after {
    content: "";
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
}
#lpmain .yosanbetsu .item button.buy:hover::after {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

#lpmain .kokuin_kibako {
    width: 100%;
    margin-top: 30px;
}

#lpmain .kokuin_kibako img {
    width: 100%;
}

#lpmain div.tenugui h2 {
    box-sizing: border-box;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 60px 0 20px 0;
    font-weight: bold;
    font-size: 26px;
    color: #B68301;
    background: none;
    border-top: solid 2px #B68301;
    border-bottom: solid 2px #B68301;
}

#lpmain div.tenugui p {
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 10px;
}

#lpmain div.tenugui p.large_line {
    text-align: center;
    margin: 30px 0 20px;
}

#lpmain div.tenugui p.large_line img {
    width: 100%;
}

#lpmain div.tenugui div.item {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px 10px 10px;
}

#lpmain div.tenugui div.item img {
    box-sizing: border-box;
    margin: 10px 15% 0 15%;
    width: 70%;
}

#lpmain div.tenugui div.item h4 {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 30px;
    color: #B2720E;
}

#lpmain div.tenugui div.item p {
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 0 10px 0;
    border-bottom: dotted 1px #B68301;
}

#lpmain div.tenugui div.item p.no_border {
    border-bottom: none;
}

#lpmain div.additional_info {
    box-sizing: border-box;
    width: 90%;
    border: solid 1px #000;
    padding: 10px;
    margin: 20px 5% 0 5%;
}

#lpmain div.additional_info h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#lpmain div.additional_info p {
    font-size: 14px;
    font-weight: normal;
}

#lpmain div.contact_us {
    box-sizing: border-box;
    padding: 0 10px;
}

#lpmain div.contact_us h3 {
    box-sizing: border-box;
    margin: 50px 0 30px;
    padding: 0;
    width: 100%;
    font-size: 24px;
    color: #B68301;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
    border: none;
}

#lpmain div.contact_us img {
    width: 100%;
    margin-bottom: 20px;
}

#lpmain div.contact_us img:hover {
    opacity: 0.7;
}


/* 名入れギフトから選ぶ */
#lpmain div.named_gift {
    box-sizing: border-box;
    background-color: #F4EEE4;
    padding: 20px 10px;
    margin-top: 30px;
}

#lpmain div.named_gift h2 {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 30px;
    color: #B88501;
    background: none;
    text-align: center;
    line-height: 1em;
    margin-bottom: 30px;
}

#lpmain div.named_gift p {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    line-height: 1.75em;
    text-align: center;
}

#lpmain div.named_gift div.named_gift_menu {
    box-sizing: border-box;
    width: 100%;
}

#lpmain div.named_gift div.named_gift_menu img {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0;
}

#lpmain div.named_gift div.named_gift_menu img:hover {
    opacity: 0.7;
}



/* 8つの理由 */

#lpmain div.reasons8 {
    color: #000;
}

#lpmain div.reasons8 div.reasons_header {
    margin-top: 20px;
}

#lpmain div.reasons8 div.reasons_footer {
    margin-bottom: 60px;
}

#lpmain div.reasons8 div.reasons_body {
    box-sizing: border-box;
    background-color: #90B589;
    padding: 0 10px;
}

#lpmain div.reasons8 div.reasons_body h4 {
    box-sizing: border-box;
    color: #fff;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    padding: 0 0 10px 50px;
    margin: 0 0 10px 0;

    background-repeat: no-repeat;
    background-size:  40px 40px;
    background-position: top left;
    overflow: visible;

    border-bottom: solid 1px #fff;
}



#lpmain div.reasons8 div.reasons_body p {
    font-size: 16px;
    line-height: 1.75em;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#lpmain div.reasons8 div.reasons_body img {
    width: 260px;
}


/* reason */
#lpmain div.reasons8 div.reasons_body div.reason {
    position: relative;
    margin-bottom: 20px;
}

#lpmain div.reasons8 div.reasons_body div.reason.reason4 {
    margin-bottom: -10px;
}

#lpmain div.reasons8 div.reasons_body div.reason:last-child {
    margin-bottom: 0px;
}

#lpmain div.reasons8 div.reasons_body div.reason p {
    font-weight: bold;
}

/* reason1 */
#lpmain div.reasons8 div.reasons_body h4.number1 {
    background-image: url("https://endo.itembox.design/item/kanreki/number1.png");
}
img.reasons_image_01 {
    width: 70% !important;
    margin: 10px 15%;
}
div.reasons_desc_01 {
    width: 100%;
}

/* reason2 */
#lpmain div.reasons8 div.reasons_body h4.number2 {
    background-image: url("https://endo.itembox.design/item/kanreki/number2.png");
}
img.reasons_image_02 {
    width: 70% !important;
    margin: 10px 15%;
}
div.reasons_desc_02 {
    width: 100%;
}

/* reason3 */
#lpmain div.reasons8 div.reasons_body h4.number3 {
    background-image: url("https://endo.itembox.design/item/kanreki/number3.png");
}
img.reasons_image_03 {
    width: 70% !important;
    margin: 10px 15%;
}
div.reasons_desc_03 {
    width: 100%;
}

/* reason4 */
#lpmain div.reasons8 div.reasons_body h4.number4 {
    background-image: url("https://endo.itembox.design/item/kanreki/number4.png");
}
img.reasons_image_04_1 {
    display: inline-block;
    width: 55% !important;
    margin-bottom: 20px;
}
img.reasons_image_04_2 {
    position: absolute;
    top: 0;
    right: 7px;
    width: 35% !important;
}
img.reasons_image_04_3 {
    position: absolute;
    top: 80px;
    right: 0;
    width: 35% !important;
}

div.reasons_desc_04 {
    width: 100%;
}

img.reasons_image_04_4 {
    width: 70% !important;
    margin: 10px 15%;
}
img.reasons_image_04_5 {
    width: 100% !important;
    margin: 10px 0;
}

img.reasons_image_04_6 {
    width: 70% !important;
    margin: 10px 15% 20px 15%;
}

div.reasons_desc_04_6 {
    width: 100%;
}

#lpmain div.reasons8 div.reasons_body h4.iTQi {
    box-sizing: border-box;
    margin: 0 0 10px 0;
    padding: 0;
    color: #fff;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    text-align: center;
    color: #ffff00;
    border-bottom: none;
    line-height: 1em;
}

#lpmain div.reasons8 div.reasons_body div.reasons_desc_04_6 p.strong {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 10px;
}

#lpmain div.reasons8 div.reasons_body div.reasons_desc_04_6 p.strong span {
    font-size: 13px;
}

#lpmain div.reasons8 div.reasons_body div.reasons_desc_04_6 p {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-align: left;
    line-height: 1.5em;
}

/* reason5 */
#lpmain div.reasons8 div.reasons_body h4.number5 {
    background-image: url("https://endo.itembox.design/item/kanreki/number5.png");
}
img.reasons_image_05 {
    width: 70% !important;
    margin: 10px 15%;
}
div.reasons_desc_05 {
    width: 100%;
}

/* reason6 */
#lpmain div.reasons8 div.reasons_body h4.number6 {
    background-image: url("https://endo.itembox.design/item/kanreki/number6.png");
}
div.reasons_desc_06 {
    width: 100%;
}

/* reason7 */
#lpmain div.reasons8 div.reasons_body h4.number7 {
    background-image: url("https://endo.itembox.design/item/kanreki/number7.png");
}
img.reasons_image_07 {
    width: 70% !important;
    margin: 10px 15%;
}
div.reasons_desc_07 {
    width: 100%;
}

/* reason8 */
#lpmain div.reasons8 div.reasons_body h4.number8 {
    background-image: url("https://endo.itembox.design/item/kanreki/number8.png");
}
div.reasons_desc_08 {
    width: 100%;
}


/* なぜ還暦を祝うの？ */
#lpmain .kanreki_why {
    box-sizing: border-box;
    padding: 0 10px;
}

#lpmain .kanreki_why h2 {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;

    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;

    background-image: url("https://endo.itembox.design/item/kanreki/kanreki_why_midashi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: initial;
}

#lpmain .kanreki_why h3 {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    border: none;
    text-align: left;
}

#lpmain .kanreki_why h3.margin_top {
    margin-top: 40px;
}

#lpmain .kanreki_why p {
    font-size: 16px;
    margin-bottom: 20px;
}