@charset "Shift_JIS";
#wrap_loveguide{
		width:750px;
		color:#000;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
		background-color: #d2ebda;
        padding-bottom: 30px;
}
#wrap_loveguide h2{text-align: center; padding-top: 20px; position: relative; z-index: 1;}
#wrap_loveguide p {font-size: 16px; line-height: 1.8em;}
#wrap_loveguide p.red{color: #f00;}

.loveguide_section{
        padding: 40px 30px 30px;
        margin: 0 20px;
        background-color: #fff;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
}

.sec00_lead{
        position: relative;
		top:-20px;
		left:0;
		z-index: 0; 
        background-color: #fff;
}
.sec00_lead p{
        font-size: 18px !important;
        line-height: 1.8em !important;
		padding: 30px 240px 30px 50px;
}
.sec00_lead img{
        position: absolute;
		top:-30px;
		right: 20px;
}


.loveguide_navi{position: relative; width: 750px; height: 456px; background: url("images/navi_bg.png") no-repeat; margin-top: 30px;}

.loveguide_navi01{position: absolute; top:0; left:27px; background: url("images/navi01_hover.png") no-repeat;}
.loveguide_navi02{position: absolute; top:0; left:237px; background: url("images/navi02_hover.png") no-repeat;}
.loveguide_navi03{position: absolute; top:0; left:447px; background: url("images/navi03_hover.png") no-repeat;}
.loveguide_navi04{position: absolute; top:220px; left:128px; background: url("images/navi04_hover.png") no-repeat;}
.loveguide_navi05{position: absolute; top:220px; left:338px; background: url("images/navi05_hover.png") no-repeat;}
.loveguide_navi06{position: absolute; top:220px; left:548px; background: url("images/navi06_hover.png") no-repeat;}

.loveguide_navi01 a,.loveguide_navi02 a,.loveguide_navi03 a,.loveguide_navi04 a,.loveguide_navi05 a,.loveguide_navi06 a{display: inline-block;}
.loveguide_navi01 a:hover,.loveguide_navi02 a:hover,.loveguide_navi03 a:hover,.loveguide_navi04 a:hover,.loveguide_navi05 a:hover,.loveguide_navi06 a:hover{background-color: transparent; /* IE6対応 */}
.loveguide_navi01 a:hover img,.loveguide_navi02 a:hover img,.loveguide_navi03 a:hover img,.loveguide_navi04 a:hover img,.loveguide_navi05 a:hover img,.loveguide_navi06 a:hover img {visibility: hidden;}

.case_lead{font-size: 16px; line-height: 1.8em; padding-top: 10px; font-weight: bold;}
.case_user{font-size: 16px; line-height: 1.8em; padding-top: 2px; text-align: right;}

.casebox{
  display:table;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}
.casepoint{
  display:table-cell;
  position:relative;
  padding: .8em 0 .8em 1.5em;
  font-weight: bold;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.6em;
}
.casepoint:first-child{
  font-weight: bold;
  width: 20%;
  color: #fff;
  font-size: 28px;
  line-height: 120%;
  padding: 0 0 0 .5em;
  text-align: center;
}
.casepoint:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  top:-20%;
  right:-.8em;
  border-style: solid;
  border-width: 80px 0 80px 1em;
  z-index: 10;
}
.casepoint:last-child:after{display:none;}
.case_tit{font-size: 40px; text-align: center; font-weight: bold; line-height: 100%; border-bottom: 1px solid #898989; padding: 5px 0 8px;}

/*　case01　*/
h3.sec01_tit_bg{position: relative; width: 710px; height: 324px; background: url("images/sec01_tit_bg.png") no-repeat; margin-top: 50px !important;}
h3.sec01_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case01_tit{color:#c996f1;}
.case01_point{background: #f8f0ff;}
.case01_point:first-child{background: #c996f1;}
.case01_point:first-child::after{border-color: transparent transparent transparent #c996f1;}

/*　case02　*/
h3.sec02_tit_bg{position: relative; width: 710px; height: 324px; background: url("images/sec02_tit_bg.png") no-repeat; margin-top: 20px !important;}
h3.sec02_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case02_tit{color:#fec048;}
.case02_point{background: #fff3dc;}
.case02_point:first-child{background: #fec048;}
.case02_point:first-child::after{border-color: transparent transparent transparent #fec048;}

/*　case03　*/
h3.sec03_tit_bg{position: relative; width: 710px; height: 364px; background: url("images/sec03_tit_bg.png") no-repeat; margin-top: 20px !important;}
h3.sec03_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case03_tit{color:#47bee1;}
.case03_point{background: #d9f4fc;}
.case03_point:first-child{background: #47bee1;}
.case03_point:first-child::after{border-color: transparent transparent transparent #47bee1;}

/*　case04　*/
h3.sec04_tit_bg{position: relative; width: 710px; height: 364px; background: url("images/sec04_tit_bg.png") no-repeat; margin-top: 20px !important;}
h3.sec04_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case04_tit{color:#fa7c7d;}
.case04_point{background: #ffe5e5;}
.case04_point:first-child{background: #fa7c7d;}
.case04_point:first-child::after{border-color: transparent transparent transparent #fa7c7d;}

/*　case05　*/
h3.sec05_tit_bg{position: relative; width: 710px; height: 364px; background: url("images/sec05_tit_bg.png") no-repeat; margin-top: 20px !important;}
h3.sec05_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case05_tit{color:#7990e2;}
.case05_point{background: #e5ebff;}
.case05_point:first-child{background: #7990e2;}
.case05_point:first-child::after{border-color: transparent transparent transparent #7990e2;}

/*　case06　*/
h3.sec06_tit_bg{position: relative; width: 710px; height: 364px; background: url("images/sec06_tit_bg.png") no-repeat; margin-top: 20px !important;}
h3.sec06_tit_bg > .case_titbox{padding: 65px 55px 35px;}
.case06_tit{color:#ffabd6;}
.case06_point{background: #ffeaf5;}
.case06_point:first-child{background: #ffabd6;}
.case06_point:first-child::after{border-color: transparent transparent transparent #ffabd6;}


.resolve_bg{
    position: relative;
    background: url("images/h4_resolve_bg.png") no-repeat;
    margin-top: 20px;
    padding: 90px 165px 30px 40px;
    font-size: 25px;
    line-height: 1.3em;
    color: #c42626;
    font-weight: bold;
    /*font-feature-settings: "palt";*/
    text-align: center;
    height: 70px;
    letter-spacing: -0.02em;
}
.resolve_bg img{
    position: absolute;
    top:15px;
    left: 30px;
}

.h4_tit_count01_bg{
    position: relative;
    background: url("images/h4_tit_count01_bg.png") no-repeat;
    padding: 34px 72px 30px 100px;
    display: block;
}
.h4_tit_count01_bg img{
    position: absolute;
    top: 0;
    left: 0;
}
.h4_tit_count01_bg h4{
    font-size: 26px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
}

.h4_tit_count02_bg{
    position: relative;
    background: url("images/h4_tit_count02_bg.png") no-repeat;
    padding: 34px 72px 30px 100px;
    display: block;
}
.h4_tit_count02_bg img{
    position: absolute;
    top: 0;
    left: 0;
}
.h4_tit_count02_bg h4{
    font-size: 26px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
}

.h4_tit_count03_bg{
    position: relative;
    background: url("images/h4_tit_count03_bg.png") no-repeat;
    padding: 34px 72px 30px 100px;
    display: block;
}
.h4_tit_count03_bg img{
    position: absolute;
    top: 0;
    left: 0;
}
.h4_tit_count03_bg h4{
    font-size: 26px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
}

/*　2行のとき　*/
.h4_tit_count01_02_bg{
    position: relative;
    background: url("images/h4_tit_count01_02_bg.png") no-repeat;
    padding: 20px 72px 17px 100px;
    display: block;
}
.h4_tit_count01_02_bg img{
    position: absolute;
    top: 0;
    left: 0;
}
.h4_tit_count01_02_bg h4{
    font-size: 26px;
    line-height: 1.2em;
    text-align: center;
    font-weight: bold;
}

.h4_tit_count02_02_bg{
    position: relative;
    background: url("images/h4_tit_count02_02_bg.png") no-repeat;
    padding: 20px 72px 17px 100px;
    display: block;
}
.h4_tit_count02_02_bg img{
    position: absolute;
    top: 0;
    left: 0;
}
.h4_tit_count02_02_bg h4{
    font-size: 26px;
    line-height: 1.2em;
    text-align: center;
    font-weight: bold;
}

/*　コラム　*/
h4.h4_tit_column01{
    background: url("images/h4_tit_column01.png") no-repeat;
    font-size: 30px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 8px;
}
h4.h4_tit_column02{
    background: url("images/h4_tit_column02.png") no-repeat;
    font-size: 30px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 8px;
}
.column01{
        padding: 30px;
        background-color: #fbf4dc;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
}
.column02{
        padding: 30px 20px 30px 25px;
        background-color: #fbf4dc;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
}
.column01 img,.column02 img{border-radius: 20px;}
.item_50{flex:0 1 280px;}
.item_380{flex:0 1 380px;}
.item_190{flex:0 1 190px;}
.column01_list{box-sizing: border-box; border-radius: 20px; background: #fff; padding: 15px 10px 10px;}
.column01_tit{font-size: 22px; line-height: 1.5em; padding-left: 5px; font-weight: bold; letter-spacing: -0.08em;}
.column02_tit{font-size: 20px; line-height: 1.5em; padding-left: 5px; font-weight: bold;}
.column02_count04_tit{color: #c42626;}


.h90{height: 90px;}
.p-r80{padding-right: 80px;}
.p-l160{padding-left: 160px;}
.p-r177{padding-right: 177px;}
.p-l15{padding-left: 15px;}


h4.h4_tit_goods{
    background: url("images/h4_tit_goods.png") no-repeat;
    font-size: 29px;
    height: 40px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 9px 60px 34px;
    margin-left:  -4px;
    margin-right:  -4px;
}


.loveguide_product{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;}
.loveguide_product_item{flex:0 1 310px; margin-bottom: 20px; margin-left: 10px;}
.loveguide_product_item:last-child,.loveguide_product_item:nth-last-child(2){margin-bottom: 0;}
.loveguide_product_item img{width: 120px; height: 120px; margin-right: 10px; background-color: #fff; box-sizing: border-box; border: 1px solid #dcdcdc;}

.loveguide_item_flex{display: flex; align-items: top; font-family: "MS PGothic", Osaka, "Hiragino Kaku Gothic Pro W3";}
.loveguide_item_name{font-size: 16px; line-height: 120%; font-weight: bold;}
.loveguide_item_price{font-size: 14px; line-height: 120%;}
.loveguide_item_price span{font-size: 16px; line-height: 120%; color: #F00; font-weight: bold;}
.loveguide_item_txt{font-size: 14px; line-height: 140%; margin-top: 10px; padding-right: 15px;}



.video-wrap {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.sec03_table table {
    width: 100%;
    border-collapse: separate;
    border-spacing:  2px;
}
.sec03_table th {width: 30%; padding-left: 15px; font-size: 18px; font-weight: bold; color: #fff; line-height: 140%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important; text-align: center;}
.sec03_table td {padding: 15px 20px; font-size: 15px; line-height: 160%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;}
.sec03_table tr.sec03_table_bg01 th {background: url("images/sec03_icon01.png") no-repeat; background-color:  #c79be3; background-position: top 50% left 5%;}
.sec03_table tr.sec03_table_bg01 td {background-color:  #f6e7ff;}
.sec03_table tr.sec03_table_bg02 th {background: url("images/sec03_icon02.png") no-repeat; background-color:  #ffcd36; background-position: top 50% left 5%;}
.sec03_table tr.sec03_table_bg02 td {background-color:  #fffab8;}
.sec03_table tr.sec03_table_bg03 th {background: url("images/sec03_icon03.png") no-repeat; background-color:  #93cb1b; background-position: top 50% left 5%;}
.sec03_table tr.sec03_table_bg03 td {background-color:  #e9ffb9;}


.sec04_illustbox{position: relative; width: 650px; height: 524px; background: url("images/sec04_illust_bg.png") no-repeat;}
.sec04_item01{position: absolute; top:38px; left: 0;}
.sec04_item02{position: absolute; top:6px; right: 2px;}
.sec04_item03{position: absolute; bottom:0; left: 159px;}
.sec04_illust_txt{padding: 50px 200px 140px 210px; }
.sec04_illust_txt ul li{width: 200px; padding: 15px 0 15px 0; display: flex; align-items: center; border-radius: 20px; background-color: #fff; margin-left: 14px; margin-bottom: 20px;}
.sec04_illust_txt ul li p{font-size: 17px !important; line-height: 1.4em !important;}
.sec04_illust_txt ul li img{margin-left: -17px;}
.sec04_illust_txt p.illust_set{font-size: 16px !important; line-height: 1.5em !important; padding-left: 25px;}



/*
共通使用
*/

.m-b40{margin-bottom: 40px;}

/* ************************************************************** */
/* flex layout */
/* ************************************************************** */

.flex_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/* flex-direction */

.flex_row {
    -webkit-flex-direction: row;
            flex-direction: row;
}

.flex_column {
    -webkit-flex-direction: column;
            flex-direction: column;
}

.flex_row-reverse {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.flex_column-reverse {
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
}


/* flex-wrap */

.flex_nowrap {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.advanced_flex_wrap,
.flex_wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
}


/* justify-content */

.flex_j_start {
           -webkit-box-pack: start;
              -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.flex_j_end {
           -webkit-box-pack: end;
              -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.flex_j_center {
           -webkit-box-pack: center;
              -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.flex_j_between {
           -webkit-box-pack: justify;
              -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.flex_j_around {
    -webkit-justify-content: space-around;
            justify-content: space-around;
}


/* align-items */

.flex_a_start {
      -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
}

.flex_a_end {
      -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.flex_a_center {
      -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.flex_a_baseline {
      -webkit-box-align: baseline;
    -webkit-align-items: baseline;
            align-items: baseline;
}

.flex_a_stretch {
      -webkit-box-align: stretch;
    -webkit-align-items: stretch;
            align-items: stretch;
}


/* align-content */

.flex_c_start {
    -webkit-align-content: flex-start;
            align-content: flex-start;
}

.flex_c_end {
    -webkit-align-content: flex-end;
            align-content: flex-end;
}

.flex_c_center {
    -webkit-align-content: center;
            align-content: center;
}

.flex_c_between {
    -webkit-align-content: space-between;
            align-content: space-between;
}

.flex_c_around {
    -webkit-align-content: space-around;
            align-content: space-around;
}


/* align-self */

.flex_s_start {
    -webkit-align-self: flex-start;
            align-self: flex-start;
}

.flex_s_end {
    -webkit-align-self: flex-end;
            align-self: flex-end;
}

.flex_s_center {
    -webkit-align-self: center;
            align-self: center;
}

.flex_s_baseline {
    -webkit-align-self: baseline;
            align-self: baseline;
}

.flex_s_stretch {
    -webkit-align-self: stretch;
            align-self: stretch;
}


.m-t40 {margin-top:40px;}
.m-t44 {margin-top:44px;}
.m-t50 {margin-top:50px;}
.m-t60 {margin-top:60px;}
.m-t70 {margin-top:70px;}
.m-t80 {margin-top:80px;}
.m-t90 {margin-top:90px;}
.m-t100 {margin-top:100px;}
.m-t140 {margin-top:140px;}
.m-t200 {margin-top:200px;}
.m-b44 {margin-bottom: 44px;}
.m-b60 {margin-bottom:60px;}
.m-t20b30 {margin-top:20px; margin-bottom: 30px;}
.m-t50b20 {margin-top:50px; margin-bottom: 20px;}
.m-t60b30 {margin-top:60px; margin-bottom: 30px;}
.m-tb60 {margin-top:60px; margin-bottom: 60px;}
.m-tb40 {margin:40px 0px 40px 0px;}
.m-r12 {margin-right: 12px;}
.m-r68 {margin-right: 68px;}

.p-t30b15 {padding-top: 30px; padding-bottom: 15px;}
.p-t50 {padding-top: 50px;}
.p-t60 {padding-top: 60px;}
.p-b40 {padding-bottom: 40px;}
.p-b50 {padding-bottom: 50px;}
.p-b60 {padding-bottom: 60px;}
.p-lr60 {padding-left: 60px; padding-right: 60px;}
.p-tb50 {padding-top: 50px; padding-bottom: 50px;}
.p-tb60 {padding-top: 60px; padding-bottom: 60px;}
.p-t50b60 {padding-top: 50px; padding-bottom: 60px;}
.p-t50b70 {padding-top: 50px; padding-bottom: 70px;}
.p-t60b70 {padding-top: 60px; padding-bottom: 70px;}

.ts36{font-size: 36px;}