@charset "Shift_JIS";
#wrap_nipple{
		width:750px;
		color:#000;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
		background-color: #f4e2ff;
}
#wrap_nipple h2{text-align: center;}
#wrap_nipple p {font-size: 16px; line-height: 1.8; color:#62257f;}


.txt_pink{font-weight:bold; color:#d846a6;}
.txt_pink_n{color:#d846a6;}
.txt_white{font-weight:bold; color:#fff;}

.nipple_section{padding: 30px 25px;
}


.sec00_lead{
        margin: 30px 25px 0;
}

p.p_lead{
        font-size: 18px !important;
        line-height: 1.8 !important;
		padding: 30px 50px;
		background-color: #fbf3ff;
}

.item_200p{flex:0 0 200px;}
.item_360p{flex:0 1 360px;}


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

/*　tit　*/
.h3_tit{text-align: center; background-color: #990065; padding: 7px 0 10px; margin-top: 50px;}
.h3_first_tit{text-align: center; background-color: #990065; padding: 7px 0 10px; margin-top: 0;}

.sec06_h4 .h4_tit{ line-height: 1; text-align: center; color: #000; background-color: #d846a6; padding: 10px 0 5px; margin: 50px 0 30px; font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;}
.sec06_h4 .h4_tit img{width: 480px; height: auto;}

.h4_tit img{margin: 0 auto;}

/*　共通使用　*/
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
		
.sec00_nav{
		background-color: #62257f;
		margin-top: 40px;
}

.sec00_nav h3,.sec03_lead h3,.sec04_matome h3{text-align: center;}
.sec00_nav h3 img,.sec03_lead h3 img,.sec04_matome h3 img{margin: -12px 0 10px;}


/*　navi　*/
.nipple_nav{display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;}
.nipple_nav li{margin-right: 27px; line-height: 0;}
.nipple_nav li:nth-child(4),.nipple_nav li:last-child{margin-right: 0;}
.nipple_nav01 a:hover{background: url("images/nav01_hover.png") no-repeat; background-size: contain;}
.nipple_nav02 a:hover{background: url("images/nav02_hover.png") no-repeat; background-size: contain;}
.nipple_nav03 a:hover{background: url("images/nav03_hover.png") no-repeat; background-size: contain;}


.nipple_nav01 a,.nipple_nav02 a,.nipple_nav03 a{display: inline-block;}
.nipple_nav01 a:hover,.nipple_nav02 a:hover,.nipple_nav03 a:hover{background-color: transparent; /* IE6対応 */}
.nipple_nav01 a:hover img,.nipple_nav02 a:hover img,.nipple_nav03 a:hover  img  {visibility: hidden;}


/*　nipple_content　コンテンツ（大枠）の囲み　*/
.nipple_content{margin: 0px;}

.nipple_content02{width: 650px; margin: 30px auto 0;}


/*　ページ冒頭部分 */

/*.beginning_bg{
    position: relative;
	width: 100%;
	height: 0;
    background: url("images/sec01_bg.png") 0 0 no-repeat;
    padding-top: calc(950/750*100%);
	background-size: 100% auto;
}*/

/*　ページ冒頭部分　1ページ目 */
.beginning_bg{
    position: relative;
    background: url("images/sec01_bg.png") 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	height: 950px;
}

.beginning_bg img{
    position: absolute;
    top:50px;
    left: 0px;
}

.beginning_bg p{
    position: absolute;
	bottom:30px;
	left: 50px;
	right: 50px;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;
}

/*　ページ冒頭部分　2ページ目 */
.beginning_bg2{
    position: relative;
    background: url("images/sec09_bg.png") 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	height: 893px;
}

.beginning_bg2 img{
    position: absolute;
    top:50px;
    left: 0px;
}

.beginning_bg2 p{
    position: absolute;
	bottom:30px;
	left: 50px;
	right: 50px;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;
}

/*　ページ冒頭部分　3ページ目 */
.beginning_bg3{
    position: relative;
    background: url("images/sec17_bg.png") 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	height: 893px;
}

.beginning_bg3 img{
    position: absolute;
    top:50px;
    left: 0px;
}

.beginning_bg3 p{
    position: absolute;
	bottom:30px;
	left: 50px;
	right: 50px;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;
}

/*　ページ文末部分　3ページ目 */
.beginning_bg4{
    position: relative;
    background: url("images/sec23_bg.png") 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	height: 1004px;
}

.beginning_bg4 img{
    position: absolute;
    top:50px;
    left: 0px;
}

.beginning_bg4 p{
    position: absolute;
	bottom:30px;
	left: 50px;
	right: 50px;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;
}


/*　speech_bubble　ニプ子とクルトの会話部分 */

.speech_bubble_bg{
	    /*width:650px;*/
        margin: 30px auto 0;
		background: linear-gradient(#4c2a92, #ac7ad0);
	    border: solid 4px #d1a382;
		box-sizing: border-box;
}
.speech_bubble_bg img{
	    width: 168px;
		height: auto;
}

.speech_bubble_right{
	margin-right: 30px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.speech_bubble_left{
	margin-left: 25px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.speech_bubble_right_txt{
	width:420px;
	margin-left: 30px;
	font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;}

.speech_bubble_left_txt{
	width:420px;
    margin-right: 20px;
	font-size: 18px !important;
    line-height: 1.8 !important;
    color: #fff !important;
    text-shadow: 1px 2px 2px #000;}


/*　video_wrap　動画　*/
.video_wrap {
    position: relative;
    padding: 0;
    margin: 40px auto 0;
    text-align: center;
	width: 600px;
}
.video_wrap video {
    width:100%;
    border: none;
}


/*　user_voice　ユーザーの声　*/

.user_voice{
        margin: 30px 0 0;
		background-color: #c6a9e9;
}

.p_user_voice{
	    font-size: 16px !important;
        line-height: 1.8 !important;
	    font-weight:bold; 
		padding: 20px 25px;
}
.p_user_voice2{
	    font-size: 16px !important;
        line-height: 1.8 !important;
	    font-weight:bold; 
		padding: 25px 25px 20px;
}
.p_user_voice p,.p_user_voice2 p{
	    color:#482a13 !important;
}

.user_voice2{
        margin: 60px 0 0;
		background-color: #e9a9dc;
		border-radius: 20px;
		position: relative;
}
.user_voice2:before{
	content: "";
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 40px solid #e9a9dc;
}

.user_voice3{
        margin: 30px 0 0;
		background-color: #e9a9dd;
}



.user_voice2 h4{font-size: 28px; font-weight: bold; line-height: 1; text-align: center; color:#a90d73; font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; margin-bottom: 10px;}


/*　dot_line　ドットライン　*/
svg.dot_line{
	fill: none;
	stroke: rgb(254, 255, 146);
	stroke-width: 4;
	stroke-linecap: round; 
         /* 線の端の部分を丸く、四角はsquare*/
	stroke-dasharray: 0.5, 8;
         /*　塗りと空白距離で間隔を設ける */
	stroke-dashoffset: -5;
}


/*　column01~　コラムの囲み　*/
.h4_tit_column01{
    font-size: 30px; font-weight: bold; line-height: 1; text-align: center; color: #fff; background-color: #774b35; padding: 20px 0 15px; font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;}

.column01{
    padding: 30px;
    background-color: #fff;
}

.column01_list p{font-size: 16px; line-height: 1.5 !important;}
.column01_tit{font-size: 20px; line-height: 1.5em; font-weight: bold;}

.h4_tit_column02{
	 width: 460px;  font-size: 30px; font-weight: bold; line-height: 1; text-align: center; color: #fff; background-color: #774b35; padding:15px 0px 10px; margin: 0px auto 30px;font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif; border-radius: 50px;}


.column02_list p{font-size: 16px; line-height: 1.5 !important;}
.column02_tit{font-size: 20px !important; line-height: 1.5em; font-weight: bold; color:#d846a6 !important;}


/*　contents_product　グッズ　４つ割,contents_product　グッズ　横並び　*/

.contents_product{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;}
.contents_product h4{width: 465px; background-color: #774b35; color: #fff; padding: 18px 0 14px; border-radius: 30px; font-size: 30px; line-height: 1; font-weight: bold; font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif; text-align: center; margin: 0 auto 30px;}


/*　4つ割　*/
.contents_product_item{flex:0 1 290px; margin-bottom: 20px;}
.contents_product_item:last-child,.contents_product_item:nth-last-child(2){margin-bottom: 0;}
.contents_product_item img{width: 120px; height: 120px; margin-right: 10px; background-color: #fff; box-sizing: border-box; border: 1px solid #dcdcdc;}


/*　横並び　*/
.contents_product_item2{flex:0 1 280px;}
.contents_product_item2 img{width: 280px; height: 280px; background-color: #fff; box-sizing: border-box; border: 1px solid #dcdcdc;}


.contents_item_flex{display: flex; align-items: top; font-family: "MS PGothic", Osaka, "Hiragino Kaku Gothic Pro W3";}
.contents_item_name{font-size: 16px; line-height: 1.2; font-weight: bold;}
.contents_item_price{font-size: 14px; line-height: 1.2;}
.contents_item_price span{font-size: 16px; line-height: 1.2; color: #F00; font-weight: bold;}
.contents_item_txt{font-size: 14px; line-height: 1.4; margin-top: 10px;}

.item-wrap{font-family: "MS PGothic", Osaka, "Hiragino Kaku Gothic Pro W3";}

/* point_box */

.point_box{
    margin-top: 30px;
	background-color: #FFF;
	border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
              -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	padding: 20px 30px 30px;
}

.point_img{
	flex: 0 0 141px;
}

p.point_txt{
	font-size: 19px !important;
    line-height: 1.6 !important;
    color: #d846a6 !important;	
	font-weight: bold;
	flex: 0 1 419px;
}

/* text_box タイトル付きの枠で囲まれたテキスト表示*/

.text_box {
  width: 580px;
  position: relative;
  border: 3px solid #d846a6; /* 枠の太さ・種類・色 */
  border-radius: 20px; /* 枠の丸み */
  margin: 40px auto 0; /* 枠外の余白 */
  padding: 30px 30px 20px;
}
.text_box p {
  font-size: 18px !important; 
  line-height: 1.8; 
  color:#62257f;
}


.box_title {
  position: absolute;
  padding:5px;
  top:  0px; /* タイトルの位置を調整 */
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-text-stroke: 0.3px #d846a6;
  color: #d846a6; /* タイトルの文字色 */
  font-weight: bold;
  font-size:28px; /* タイトルの文字サイズ */
  background-color: #F4E2FF;
  white-space: nowrap;
}

/*　ここまで共通使用　*/

/*　SEC02　*/

.sec02_box{
	width: 650px;
	height: 346px;
    margin: 30px 50px 0;
	background-color: #FFF;
	border-radius: 20px;
	position: relative;
}

.sec02_box img{
    position: absolute;
    margin: 0 auto;
    top: 20px;
    left: -46px;
}


.nipple_meaning{
	width: 600px;
	margin:40px auto 0;
	background-color: #fff;
	padding: 40px 50px;
	-webkit-box-shadow: 5px 5px 6px #0000002b;
	-moz-box-shadow: 5px 5px 6px #0000002b;
	box-shadow: 5px 5px 6px #0000002b;
}
.nipple_meaning dt{
	font-size: 32px;
	line-height: 1;
	color: #d846a6;
	text-align: center;
	font-weight: bold;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.nipple_meaning hr{
	width: 100%;
    height: 5px;
    background-image: repeating-linear-gradient(45deg, #d846a6 0, #fff 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.nipple_meaning dd{font-size: 16px; line-height: 1.8; color: #62257f;}

.sec14_img03 img{width: 460px; height: auto; margin-top: -20px;}
.sec14_img04 img{width: 400px; height: auto;}
.sec20_img01 img{width: auto; height: 20em;}
.sec21_h4_img img{width: 352px; height: auto;}


.nipple_latter{
  background-color: #fff;
  color: #383838;
  margin: 90px 0 0;
  padding: 3em 1em;
  position: relative;
}
.icon_latter{position: absolute; top:-85px; right:18px;}

.nipple_latter_text{
  background-color: #fff;
  background-image: linear-gradient(90deg, rgba(255, 246, 230, 0) 0%, rgba(255, 246, 230, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ccc 100%);
  background-size: 4px 100%,100% 2em;
  font-size: 16px;
  line-height: 2em;
  padding: 0 1em 0.2em 1em;
}


.entry_tit h4{background-color: #c6a9e9; font-size: 30px; font-weight: bold; text-align: center; color: #fff; line-height: 1; padding: 14px 0 16px;}

.entry01_bg{background-image: repeating-linear-gradient(45deg, #f4e2ff 0, #fff 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;}
.entry01_all2{border: 2px solid #c6a9e9;}
dl.product_table {
    display: table;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    font-weight: bold;
    height: 79px
}
dl.product_table dt.box1 {
    display: table-cell;
    margin: 0px;
    width: 22%;
    border-spacing: 0.5em;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
	color: #d846a6;
	font-feature-settings: "palt" 1;
/*    border: 1px solid #fff;*/
}
dl.product_table dd.box2 {
    display: table-cell;
    margin: 0px;
    background-color: #fff;
    padding: 0.1em 20px 0 40px;
    width: 50%;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.2;
	color: #62257f;
}
.entry01_left1{border-left: 1px solid #c6a9e9;}
.entry01_top1{border-top: 1px solid #c6a9e9;}






.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;}