@charset "utf-8";

html {
    font-size: 14px;
}

body {
    font-family: "メイリオ", Meiryo, Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    line-height: 1.5;
    overflow-x: hidden;
    background: #f4f1e2;
}

.ibp {
    letter-spacing: -.5em;
}

.ib {
    letter-spacing: normal;
    display: inline-block;
}

#ucLP #pageWrap {
    width:960px;
    background:#fff;
    margin: auto;
}

.inner {
    padding-left:30px;
    padding-right:30px;
}

#lp-header h1 {
    padding-left: 10px;
    font-weight: normal;
}

#ucLP li {
    list-style: none;
}

a, a.img {
    transition:.5s;
}

a:link, a:active, a:visited {
    color:#333;
}

a:hover {
    color:#7b67a4;
}

a img {
    transition:.5s;
}

a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


/* header
------------------------------- */
#lp-header {
    width:960px;
    margin:0 auto;
}

#lp-header h1 {
    padding-left: 10px;
    font-weight: normal;
}

#logo {
    width:160px;
    padding-left: 10px;
    vertical-align: middle;
}

.contact li {
    vertical-align: middle;
}

#lp-header li.hc4 a img {
    width:256px;
    height: 55px;
    display: block;
}

.hc1 {
    width:257px;
    margin-left: 20px;
    margin-right:0;
}

.hc3 {
    margin-right:20px;
    width:214px;
}

/* splash
----------------------------------- */

#splash img.splashImage {
    width:100%;
    height: auto;
    margin-bottom:30px;
}

#splash #points ul {
    text-align: center;
    padding: 0 0 40px;
}

#splash #points li {
    vertical-align: middle;
    width:207px;
    height: 106px;
    text-indent:-9999px;
}

#splash #points li a {
    width:207px;
    height: 106px;
    display: block;
}

#splash #points li + li {
    margin-left:25px;
}

#splash #points li.point1 {
    background:url(../images/nenga2025-08.png) 0 0 no-repeat;
}

#splash #points li.point2 {
    background:url(../images/nenga-09.png) 0 0 no-repeat;
}

#splash #points li.point3 {
    background:url(../images/nenga-10.png) 0 0 no-repeat;
}

#splash #points li.point4 {
    background:url(../images/nenga-11.png) 0 0 no-repeat;
}

/* cont */
#nenga2018 article {
    margin: auto;
    width:960px;
    background:url(../images/nenga-02.png) 0 0 repeat-y;
    padding-bottom:50px;
    margin-bottom:50px;
}

#nenga2018 #menu {
    background:url(../images/nenga-01.png) 0 0 repeat;
}

#nenga2018 #menu .inner {
    padding:37px 30px;
    box-sizing: border-box;
}

#nenga2018 #menu .inner dl {
    margin-right:20px;
    margin-bottom:20px;
    width:282px;
    border:1px solid #e8340c;
    box-sizing: border-box;
}

#nenga2018 #menu .inner dl:nth-child(3n) {
    margin-right:0 !important;
}

#nenga2018 #menu .inner dt {
    background:url(../images/nenga-69.png) 0 0 no-repeat;
    width:280px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

#nenga2018 #menu .inner dt img {
    vertical-align: middle;
}

#nenga2018 #menu .inner dd {
    background:url(../images/nenga-70.png) 0 0 no-repeat;
    width:280px;
    height: 164px;
}

#nenga2018 #menu .inner dd img {
    vertical-align: bottom;
}

#nenga2018 #menu .inner .data {
    margin-top:49px;
}

#nenga2018 #flow .inner {
    padding:30px;
    box-sizing: border-box;
}

#nenga2018 #flow h2 {
    margin-bottom:15px;
    background:url(../images/nenga-37.png) 0 0 no-repeat;
    width:900px;
    height:31px;
    text-indent:-9999px;
}

#nenga2018 #flow h3 {
    margin:20px 0 10px;
    background:url(../images/nenga-72.png) 0 0 no-repeat;
    width:900px;
    height: 21px;
    text-indent:-9999px;
}

#nenga2018 #flow p span {
    color:#e60012;
}

#nenga2018 #option h2 {
    background:url(../images/nenga-39.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent: -9999px;
    margin-bottom:14px;
}

#nenga2018 #option li {
    width:260px;
    vertical-align: top;
    text-align: center
}

#nenga2018 #option li + li {
    width:300px;
    margin-left:24px;
}

#nenga2018 #option .img-bloc {
    width:100%;
    height:175px;
}

#nenga2018 #option li h3 {
    border-radius: 6px;
    background:#898989;
    color:#fff;
    margin-bottom:12px;
    font-size: 21px;
    height:40px;
    line-height: 40px;
}

#nenga2018 #option li h3 + p {
    font-size: 12px;
    text-align: left;
}

#nenga2018 #option li p + p {
    text-align: left;
    margin-top:4px;
}

#nenga2018 #option2 {
    margin-top:53px;
    margin-bottom:40px;
}

#nenga2018 #option2 h2 {
    background:url(../images/nenga-43.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
    margin-bottom:25px;
}

#nenga2018 #intro h2 {
    background:url(../images/nenga-45.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
    margin-bottom:15px;
}

#nenga2018 #intro li {
    background:url(../images/nenga-73.png) left 3px no-repeat;
    padding-left:15px;
    box-sizing: border-box;
    list-style: none;
}

#nenga2018 #sentence h2 {
    margin-top:114px;
    text-indent:-9999px;
    background:url(../images/nenga-46.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    margin-bottom:10px;
}

#nenga2018 #sentence .ibp {
    width:600px;
}

#nenga2018 #sentence dl {
    vertical-align: top;
    width:300px;
    margin-bottom:13px;
}

#nenga2018 #sentence dt {
    background:url(../images/nenga-73.png) left 5px no-repeat;
    padding-left:15px;
    box-sizing: border-box;
    font-size: 18px;
}

#nenga2018 #voice h2 {
    margin:40px 0 20px;
    background:url(../images/nenga-47.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 30px;
}

#nenga2018 #voice li {
    width:450px;
    vertical-align: top;
    background:url(../images/nenga-48.png) 0 0 no-repeat;
    position: relative;
    height: 178px;
}

#nenga2018 #voice li p {
    position: absolute;
    top:52px;
    left:128px;
    width:258px;
}

#nenga2018 #voice li + li {
    width:450px;
    vertical-align: top;
    background:url(../images/nenga-74.png) 0 0 no-repeat;
    position: relative;
    height: 178px;
}

#nenga2018 #voice li + li p {
    left: 144px;
}

#nenga2018 #caution h2 {
    margin:48px 0 15px;
    background:url(../images/nenga-50.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 li.note {
    list-style: none;
}

#nenga2018 li.note:before {
    content:"\25CE";
    margin-right:3px;
}

#nenga2018 #price h2 {
    margin:70px 0 15px;
    background:url(../images/nenga-51.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #payment h2 {
    margin:46px 0 15px;
    background:url(../images/nenga-53.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #payment ul {
    margin:22px 0 45px;
}

#nenga2018 #payment li:nth-child(2),
#nenga2018 #payment li:nth-child(3) {
    margin-left:15px;
}

#nenga2018 #payment li:nth-child(4),
#nenga2018 #payment li:nth-child(5) {
    margin-top:25px;
}

#nenga2018 #payment li:nth-child(5) {
    margin-left:4px;
}

#nenga2018 #data h2 {
    margin:0 0 10px;
    background:url(../images/nenga-59.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #data ul {
    margin: 25px 0 50px;
}

#nenga2018 #data li + li {
    margin-top:17px;
}

#nenga2018 #shipping h2 {
    margin:0 0 10px;
    background:url(../images/nenga-62.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #template h2 {
    margin:64px 0 10px;
    background:url(../images/nenga-63.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #template .ib {
    vertical-align: top;
}

#nenga2018 #template .ib + .ib {
    margin-left:18px;
}

#nenga2018 #template .ib p + p {
    margin-top:20px;
}


#nenga2018 #faq h2 {
    margin:40px 0 10px;
    background:url(../images/nenga-75.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#nenga2018 #faq dl + dl {
    margin-top:13px;
}

#nenga2018 #faq dt {
    padding-left:17px;
    background:url(../images/nenga-66.png) 0 3px no-repeat;
    font-size: 12px;
}

#nenga2018 #faq dd {
    padding-left:17px;
    background:url(../images/nenga-67.png) 0 3px no-repeat;
    font-size: 12px;
}

/* footer 
------------------------------------------ */
footer {
    width: 100%;
    border: 1px solid #cdcdcd;
    margin: auto;
    font-size: 10px;
    background: #F7F4ED url(/img/usr/common/footer_bg.gif) left bottom repeat-x;
}

footer li {
    list-style: none;
}

footer .inner {
    width: 960px;
    margin: auto;
    padding: 20px 50px 30px;
    box-sizing: border-box;
}

#backtotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    background: url(/chirashi/images/cLp42.png) 0 0 no-repeat;
    text-indent: -9999px;
    width: 73px;
    height: 73px;
}

footer h1 {
    text-align: center;
    font-size: 10px;
    margin-bottom: 30px;
}

footer .dev4 {
    vertical-align: top;
    width: 200px;
}

footer .dev4 + .dev4 {
    margin-left: 20px;
}

footer h1 {
    text-align: center;
    font-size: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}

#backtotop.btn a {
    cursor: pointer;
    width: 73px;
    height: 73px;
    display: block;
}



#nenga2018 header .inner {
    width:960px;
    margin: auto;
    background:#fff;
    padding:0 0 25px;
}