#wrap_realsex{
		width:750px;
		color:#000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
    background: url("images/wrap_bg.jpg");
    padding-bottom: 40px;
    margin-bottom: -20px;
}

/*#wrap_realsex img{
    width: auto;
    height: auto;
	max-width:100%;
    max-height: 100%;
}*/

.sec00_h2{padding: 2px 0 0;}
.bg_w{background-color: #fff;}

#wrap_realsex p {font-size: 16px; line-height: 180%;}
#wrap_realsex .red{color: #f00; font-weight: bold !important;}

.realsex_content{
        margin: 0 40px;
}

.img_br20{text-align: center;}
.img_br20 img{border-radius: 20px;}

.realsex_section{
        padding: 30px 50px 35px;
        background-color: #fff;
        border-radius: 30px;
        margin-left: -15px;
        margin-right: -15px;
}

.sec00_lead{
        padding: 5px 3% 40px;
}
.sec00_lead p{
        font-size: 18px !important;
        line-height: 180% !important;
        font-weight: bold;
        text-align: center;
}

.realsex_navi{position: relative; width: 308px; margin: 0 auto; display: flex; justify-content: space-between;}
ul.realsex_navi li{list-style: none;}
.navi_on a{display: inline-block; width: 50px; height: 50px; font-size: 30px; font-weight: bold; color:#fff !important; background-color: #02831a; border: 4px solid #02831a; border-radius: 50%; text-align: center; line-height: 145%; text-decoration: none; box-sizing: border-box;}
.navi_off a{display: inline-block; width: 50px; height: 50px; font-size: 30px; font-weight: bold; color:#02831a !important; background-color: transparent; border: 4px solid #02831a; border-radius: 50%; text-align: center; line-height: 145%; text-decoration: none; box-sizing: border-box;}
.realsex_navi01 a:hover,.realsex_navi02 a:hover,.realsex_navi03 a:hover,.realsex_navi04 a:hover{display: inline-block; width: 50px; height: 50px; font-size: 30px; font-weight: bold; color:#fff !important; background-color: #02831a; border: 4px solid #02831a; border-radius: 50%; text-align: center; line-height: 145%; text-decoration: none; box-sizing: border-box;}


/*　h3タイトル　*/
h3.h3_tit_bg{position: relative; background: url("images/h3_titbg01_green.png") no-repeat center center; background-size: contain; text-align: center; padding: 30px; color: #02831a; font-size: 24px !important; font-weight: bold; line-height: 120% !important; width: 420px; margin-right: auto; margin-left: auto;}

/*　h3タイトル　2行のとき　*/
h3.h3_tit_bg02{position: relative; background: url("images/h3_titbg02_green.png") no-repeat center center; background-size: contain; text-align: center; padding: 23px 30px; color: #02831a; font-size: 24px !important; font-weight: bold; line-height: 120% !important; width: 400px; margin-right: auto; margin-left: auto;}

/*　h4タイトル　*/
h4.h4_tit_bg{position: relative; background: url("images/h4_titbg01_green.png") no-repeat center center; background-size: contain; text-align: center; padding: 27px 30px; color: #fff; font-size: 24px !important; font-weight: bold; line-height: 120% !important; width: 420px; margin-right: auto; margin-left: auto;}


/*　スタッフテキスト　*/
.staff_txt p{background-color: #fff; margin: 0 -40px; padding: 40px;}
.top_line{background-image: url("images/line_top_wave_green.png"); background-repeat: repeat-x; background-position: top left; padding-top: 13px; margin: 0 -40px; border:none;}
.bottom_line{background-image: url("images/line_bottom_wave_green.png"); background-repeat: repeat-x; background-position: top left; padding-top: 13px; margin: 0 -40px; border:none;}


/*　アイコン、フキダシ　*/
.icon_woman,.icon_men,.icon_nls{
  flex: 0 0 130px;
}


.icon_woman img{
  border: solid 4px #fed5f0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.icon_men img{
  border: solid 4px #bee6fb;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.icon_nls img{
  border: solid 4px #a6dc5f;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-radius: 50%;
}


.balloon_woman p,.balloon_men p{
  font-size: 24px !important;
  line-height: 120% !important;
  font-weight: bold !important;
}

.balloon_woman p{color: #c62a89;}
.balloon_men p{color: #084fa8;}
.balloon_nls p{color: #000; font-size: 20px; line-height: 170% !important;}
.balloon_woman div,.balloon_men div{font-size: 18px; margin-top: 30px;}

/* 吹き出し　左アイコン　女性 */
.balloon_woman{
  position: relative;
  padding: 30px 20px;
  border-radius: 20px;
  background-color: #fff;
  border: 4px solid #c62a89;
  margin-right: 0px;
  margin-left: 25px;
  flex: 0 1 100%;
}

.balloon_woman::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -24px;
  top: 40%;
  border-right: 24px solid #c62a89;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.balloon_woman::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -16px;
  top: 40%;
  border-right: 24px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

/* 吹き出し　左アイコン　男性 */
.balloon_men{
  position: relative;
  padding: 30px 20px;
  border-radius: 20px;
  background-color: #fff;
  border: 4px solid #084fa8;
  margin-right: 0px;
  margin-left: 25px;
  flex: 0 1 100%;
}

.balloon_men::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -24px;
  top: 40%;
  border-right: 24px solid #084fa8;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.balloon_men::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -16px;
  top: 40%;
  border-right: 24px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}


/* 吹き出し　右アイコン　NLS */
.balloon_nls{
  position: relative;
  padding: 30px 20px;
  border-radius: 20px;
  background-color: #fff;
  border: 4px solid #2fa139;
  margin-right: 25px;
  margin-left: 0px;
  flex: 0 1 100%;
}

.balloon_nls::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -24px;
  top: 40%;
  border-left: 24px solid #2fa139;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.balloon_nls::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -16px;
  top: 40%;
  border-left: 24px solid #fff;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}


hr.dot_line_red {
  border-top: 4px dotted #f21c1c;
  margin: 30px 0;
}
hr.dot_line_green {
  border-top: 4px dotted #226701;
  margin: 30px 0;
}
hr.dot_line_orange {
  border-top: 4px dotted #e75007;
  margin: 30px 0;
}

hr.dot_line_red02 {
  border-top: 4px dotted #f21c1c;
  margin: 40px 0;
}
hr.dot_line_green02 {
  border-top: 4px dotted #226701;
  margin: 40px 0;
}
hr.dot_line_orange02 {
  border-top: 4px dotted #e75007;
  margin: 40px 0;
}


/*　NEXT　*/
a:hover.hover_l_none{
    text-decoration: none !important; 
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5 */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
}


h4.h4_nextbg_red{
    background: url("images/h4_nextbg_red.png") no-repeat center center;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 15px 10px;
    background-size: 100% 100%;
    width: 580px;
    height: 70px;
    margin-right: auto;
    margin-left: auto;
}
h4.h4_nextbg_green{
    background: url("images/h4_nextbg_green.png") no-repeat center center;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 15px 10px;
    background-size: 100% 100%;
    width: 580px;
    height: 70px;
    margin-right: auto;
    margin-left: auto;
}
h4.h4_nextbg_orange{
    background: url("images/h4_nextbg_orange.png") no-repeat center center;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 15px 10px;
    background-size: 100% 100%;
    width: 580px;
    height: 70px;
    margin-right: auto;
    margin-left: auto;
}

.next_arrow{flex: 0 0 150px; border-right: 4px dotted #FFF; font-size: 20px; line-height: 120%; margin: -10px 0;}
.next_arrow span{display: block; margin: 4px auto 0; overflow:hidden; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 25px; border-color: transparent transparent transparent #fff;}
.next_text{flex: 0 1 100%; font-size: 24px; line-height: 140%; padding-top: 1px;}

.m-t60b30{margin: 60px auto 30px;}
.m-t45{margin-top: 45px;}
.m-t70{margin-top: 70px;}
.m_t-15{margin-top: -15px;}
.m_b-15{margin-bottom: -15px;}
.m_b-45{margin-bottom: -45px;}

/*　コラム　*/
.column_Box{
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}

.column_Box:before{
  content:"";
  display:block;
  background: url("images/h4_column_bg_before.png") no-repeat;
  background-size: 100%;
  overflow: hidden;
  min-height: 42px;
}

.column_Box:after{
  content:"";
  display:block;
  background: url("images/h4_column_bg_after.png") no-repeat;
  background-size: 100%;
  min-height: 29px;
}

.column_Box02{
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}


.column_inner_Box{
  padding:30px 50px 10px;    
  background: url("images/h4_column_bg.png") no-repeat center center;
  background-size: 100% 100%;
}

.column_inner_Box h4 img{width: 226px !important; position: absolute; top:-30px; right: -20px;}
.column_inner_Box .question_tit{font-size: 24px; line-height: 110%; text-align: center; font-weight: bold; color: #fff;}
.column_inner_Box .line_column_wave{
  background-image: url("images/line_column_wave_green.png");
  background-repeat: repeat-x;
  background-position: top left;
  padding-top: 9px;
  margin-top: 15px;
  border:none;
}
.column_inner_Box .question_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.column_inner_Box .question_box p{
    font-weight: bold;
    /*line-height: 140% !important;*/
}
.column_inner_Box .question_number{font-size: 40px; font-weight: bold; color: #02831a; margin-right: 10px;}


.column_inner_Box02{
  padding:120px 50px 50px;    
  background: url("images/h4_column_bg02.png") no-repeat center center;
  background-size: 100% 100%;
}

.column_inner_Box02 h4 img{width: 238px !important; position: absolute; top:42px; left: 39px;}

.note_red{
  background-image: -webkit-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #f21c1c 97%, #f21c1c 100% );
  background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #f21c1c 97%, #f21c1c 100% );
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #f21c1c 97%, #f21c1c 100% );
  background-size:100% 3em;
  line-height:2.2;
}

.note_green{
  background-image: -webkit-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #02831a 97%, #02831a 100% );
  background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #02831a 97%, #02831a 100% );
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #02831a 97%, #02831a 100% );
  background-size:100% 3em;
  line-height:2.2;
}

.note_orange{
  background-image: -webkit-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #e75007 97%, #e75007 100% );
  background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #e75007 97%, #e75007 100% );
  background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #e75007 97%, #e75007 100% );
  background-size:100% 3em;
  line-height:2.2;
}

.note_red > p,.note_green > p,.note_orange > p {line-height: 2.2em !important; padding-top: .4em;}


.sec02_graph{display: block; position: relative; width: 600px; height: 644px; margin: 0 auto;}
.sec02_graph .graph01{position: absolute; top:0; left: 0;}
.sec02_graph .graph02{position: absolute; top:158px; right: 0;}
.sec02_graph .graph03{position: absolute; top:365px; left: 27px;}

/*　グッズ　*/
h4.h4_tit_goods{
    background: url("images/sp_h4_tit_goods.png") no-repeat center center;
    font-size: 16px;
    height: 40px;
    line-height: 1.3em;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 4%;
    margin-left:  -4px;
    margin-right:  -4px;
    background-size:  100% 100%;
}

.realsex_product{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;}
.realsex_product_item{flex:0 1 330px; margin-bottom: 30px;}
.realsex_product_item:last-child,.realsex_product_item:nth-last-child(2){margin-bottom: 0;}
.realsex_product_item_img{margin-right: 10px; background-color: #fff; height: 120px;}
.realsex_product_item img{width: 120px;}

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


/*　おすすめの特集ページ　*/
.hotitem_tit_red{position: relative; font-size: 24px; line-height: 140%; text-align: center; font-weight: bold; color: #f21c1c; padding: 0.5em 0.5em 0.5em 1.5em; border-top: solid 4px #f21c1c; border-bottom: solid 4px #f21c1c; width: 480px; margin: 0 auto;}
.hotitem_tit_red::before{content: ''; position: absolute; top:20%; left: 0.25em; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #f21c1c;}

.hotitem_tit_green{position: relative; font-size: 24px; line-height: 140%; text-align: center; font-weight: bold; color: #02831a; padding: 0.5em 0.5em 0.5em 1.5em; border-top: solid 4px #02831a; border-bottom: solid 4px #02831a; width: 480px; margin: 0 auto;}
.hotitem_tit_green::before{content: ''; position: absolute; top:20%; left: 0.25em; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #02831a;}

.hotitem_tit_orange{position: relative; font-size: 24px; line-height: 140%; text-align: center; font-weight: bold; color: #e75007; padding: 0.5em 0.5em 0.5em 1.5em; border-top: solid 4px #e75007; border-bottom: solid 4px #e75007; width: 480px; margin: 0 auto;}
.hotitem_tit_orange::before{content: ''; position: absolute; top:20%; left: 0.25em; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #e75007;}

.hotitem_product{
    width: 650px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}
.hotitem_img{background-color: #fff;}
.hotitem_img img{flex: 0 0 300px; max-width: 300px;}
/*.hotitem_img img{flex: 0 0 200px; max-width: 200px;}*/


/*
共通使用
*/


/* ************************************************************** */
/* 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-t20b10 {margin-top:20px; margin-bottom: 10px;}
.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-t120 {margin-top:120px;}
.m-t140 {margin-top:140px;}
.m-t200 {margin-top:200px;}
.m-t250 {margin-top:250px;}
.m-b44 {margin-bottom: 44px;}
.m-b60 {margin-bottom:60px;}
.m-t20b30 {margin-top:20px; margin-bottom: 30px;}
.m-t30b20 {margin-top:30px; margin-bottom: 20px;}
.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-t60b30 {margin-top:60px; margin-bottom: 30px;}
.m-tb40 {margin:40px 0px 40px 0px;}
.m-r12 {margin-right: 12px;}
.m-r68 {margin-right: 68px;}
.p-t30lr10 {padding-top: 30px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}
.p-t30lrb10 {padding-top: 30px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
.p-tb30lr10 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px;}
.p-tb30lr20 {padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px;}
.p-t20b10 {padding-top: 20px; padding-bottom: 10px;}
.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;}

.p-t105_p {padding-top: 105%;}

.ts36{font-size: 36px;}