@charset "Shift_JIS";
#wrap_wona{
		width:750px;
		color:#2a4971;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
		background-color: #fff7c8;
		margin-bottom: -20px;
}
#wrap_wona h2{text-align: center;}
#wrap_wona p {font-size: 16px; line-height: 1.8;}
#wrap_wona p.red{color: #f00;}

.wona_section{padding: 30px 50px; background-color: #a6e3db;}
.wona_section2{padding: 30px 50px; background-color: #fff7c8;}

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

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

/*　tit　*/
.h3_tit{font-size: 28px; font-weight: bold; line-height: 1.6; text-align: center; color: #f15294; margin-top: 30px;}
.h3_tit_img{margin: 30px 0 0;}

/*　txt　*/
.txt_pink{color: #f47cab;}


/*　bg　*/
.bg_yellow{background-color: #fff7c8;}
.bg_green{background-color: #a6e3db;}

/*　prologue　*/
.prologue_area{background-color: #fff; padding: 40px 25px 40px; margin:50px 25px 0; border-radius: 30px;}
.prologue_area h3{margin: -90px 0 10px; text-align: center;}
.prologue_area p{font-size: 18px !important; line-height: 1.8 !important; color: #ee698b; font-weight: bold;}


/*　speech_bubble_left　吹き出し　左アイコン,speech_bubble_right　吹き出し　右アイコン　*/
.icon_bubble_left,.icon_bubble_right{
  flex: 0 0 130px;
}

.icon_bubble_left img,.icon_bubble_right img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.speech_bubble_left p,.speech_bubble_right p{font-size: 18px !important; line-height: 1.5 !important;}
.speech_bubble_left a:link,.speech_bubble_left a:active,.speech_bubble_left a:visited,.speech_bubble_right a:link,.speech_bubble_right a:active,.speech_bubble_right a:visited{color: #ee698b; text-decoration: underline; font-weight: bold;}
.speech_bubble_left a:hover,.speech_bubble_right a:hover{color: #ee698b; text-decoration: none; font-weight: bold;}

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

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

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

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


/*　心の声　吹き出し　*/
.koe {
position: relative;
width:610px;
padding: 30px 20px;
background-color: #fff7c8;
border-radius: 15px;
margin-right: 70px;
margin-top:35px;
}
.koe p {
font-size: 18px !important;
line-height: 1.8 !important;
color: #63aa9c;
font-weight: bold;
}
.koe a:link,.koe a:active,.koe a:visited{color: #ee698b; text-decoration: underline;}
.koe a:hover{color: #ee698b; text-decoration: none;}

.koe::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff7c8;
right: 153px;
top: -17px;
width: 58px;
height: 38px;
}
.koe::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff7c8;
right: 127px;
top: -36px;
width: 36px;
height: 24px;
}
.koe2 {
position: relative;
}
.koe2::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fff7c8;
right: 90px;
top: -78px;
width: 21px;
height: 14px;
}

/*　btn　ボタン　*/
.btn{text-align: right;}
.btn a{width: auto; height: 50px; border-radius: 50px; background-color: #fff; display: inline-block;}

/*　navi　*/
hr.line_nav{background-image: url("images/line_nav.png"); height: 33px; margin-top: 0; margin-bottom: 40px;}
hr.line_goldwave_g{background-image: url("images/line_goldwave_g.png"); height: 18px; margin: -45px -50px 40px;}
hr.line_goldwave_o{background-image: url("images/line_goldwave_o.png"); height: 18px; margin: -15px 0 0;}

/*　navi　４つ以上の時　*/
.wona_nav{display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 150px; background: url("images/bg_nav.png") no-repeat bottom;}
.wona_nav li{line-height: 0;}
.wona_nav li:nth-child(4),.wona_nav li:last-child{margin-right: 0;}
.wona_nav01 a:hover{background: url("images/nav01_hover.png") no-repeat; background-size: contain;}
.wona_nav02 a:hover{background: url("images/nav02_hover.png") no-repeat; background-size: contain;}
.wona_nav03 a:hover{background: url("images/nav03_hover.png") no-repeat; background-size: contain;}
.wona_nav04 a:hover{background: url("images/nav04_hover.png") no-repeat; background-size: contain;}
.wona_nav05 a:hover{background: url("images/nav05_hover.png") no-repeat; background-size: contain;}

.wona_nav01 a,.wona_nav02 a,.wona_nav03 a,.wona_nav04 a,.wona_nav05 a{display: inline-block;}
.wona_nav01 a:hover,.wona_nav02 a:hover,.wona_nav03 a:hover,.wona_nav04 a:hover,.wona_nav05 a:hover{background-color: transparent; /* IE6対応 */}
.wona_nav01 a:hover img,.wona_nav02 a:hover img,.wona_nav03 a:hover img,.wona_nav04 a:hover img,.wona_nav05 a:hover img{visibility: hidden;}


/*　profile_area　*/
.profile_area{background-color: #fff7c8; padding: 20px 20px;}
.profile_area p{font-size: 18px !important; line-height: 1.8 !important; font-weight: bold;}
.profile_area span{color: #ff87b8;}


/*　anatomy_area　*/
.anatomy_area{background-color: #fff; padding: 20px 20px;}
.anatomy_area p{font-size: 18px !important; line-height: 1.8 !important; font-weight: bold;}




/*
共通使用
*/
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}



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


/*　contents_product　グッズ　４つ割,contents_product　グッズ　横並び　*/
.h4_tit_goods{
    font-size: 30px; font-weight: bold; line-height: 1; text-align: center; color: #fff; background-color: #7fc6ba; padding: 20px 0 15px; font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;}

.contents_product{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; padding: 30px 25px ; background-color: #fff;}

/*　4つ割　*/
.contents_product_item{flex:0 1 285px;}
.contents_product_item:nth-child(n + 3){margin-top: 30px;}
.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_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";}




/*　number　連番　p.numberを囲んでる外枠にfirst-aを指定すること*/
.first-a {	
	counter-reset: number 0;
}

/*　number　連番　*/
p.number {	
    font-size: 14px;
	font-weight: bold;
	margin-right: 5px;	
	position: relative;	
	margin-left: 20px;
}
p.number:before {	
  counter-increment: number 1; 
  content: counter(number) ". ";
  margin-left: -20px;	
  position: absolute;	
  top:0;	
}
p.number span{font-weight: normal;}

/*　no-number　・リスト　*/
.no-number ul li{font-size: 16px; font-weight: bold; margin-right: 5px; padding: 0.2em 0; line-height: 1.5; position: relative; margin-left: 10px;}
.no-number ul li::before{content: "・"; position: absolute; top:5px; margin-left: -10px; font-size: 2px;}
.no-number ul li span{font-weight: normal;}