@charset "UTF-8";

/******************************/
/*------ age.html --------*/
/******************************/

#age_contents{
	width:640px;
}
#age_contents .contents_one{
	width:640px;
	height:275px;
	background: url(/images/age/bg_title_age.gif) no-repeat;
	position:relative;
}

#age_contents .contents_one p{
	width:350px;
	position:absolute;
	top:130px;
	left:10px;;
	line-height:1.7em;
	font-size:12px;
}
#age_contents .contents_two{
	width:640px;
}
.text p{
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	padding-left:5px;
}
.text h2{
	margin-bottom:10px;
}

#age_contents .food{
	clear:both;
	margin-bottom:10px;
}
#age_contents .food .image{
	width:225px;
	float:left;
}
#age_contents .food .text{
	width:400px;
	float:right;
}

#age_contents .exercise{
	clear:both;
	margin-bottom:10px;
}
#age_contents .exercise .image{
	width:225px;
	float:right;
}
#age_contents .exercise .text{
	width:400px;
	float:left;
}
#age_contents .sleep{
	clear:both;
	margin-bottom:10px;
}
#age_contents .sleep .image{
	width:225px;
	float:left;
}
#age_contents .sleep .text{
	width:400px;
	float:right;
}

/*201811*/
#age_contents .age_kv {
  margin-bottom: 30px;
}

#age_contents .age_note {
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}

#age_contents .age_note span {
  color: #e8392a;
}

#age_contents .age_note a {
  color: #00b2d8;
  text-decoration: underline;
}

#age_contents .age_img {
  margin-bottom: 30px;
}

#age_contents .conc {
  font-size: 28px;
  margin: 50px 0 30px 0;
  text-align: center;
  line-height: 1.6;
}

#age_contents .conc .blue {
  color: #00b2d8;
}

#age_contents .conc .kerning {
  margin-left: -22px;
}

#age_contents .age_block {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#age_contents .age_block:nth-of-type(even) {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#age_contents .age_block:nth-of-type(odd) .age_block_txts::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  border-color: transparent transparent transparent #fff;
  margin-left: 20px;
}

#age_contents .age_block:nth-of-type(even) .age_block_txts::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 40px 20px 0;
  border-color: transparent #fff transparent transparent;
  margin-left: -20px;
}


#age_contents .age_block:last-child {
  margin-bottom: 50px;
}

#age_contents .age_block_txts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 320px;
}

#age_contents .age_block_txts h2 {
  font-size: 24px;
  color: #00b2d8;
  text-align: center;
  margin-bottom: 20px;
}

#age_contents .age_block_txts p {
  font-size: 16px;
  margin: 0 auto 20px;
  width: 220px;
	line-height: 1.6;
}

#age_contents .age_block_txts .linkbtn {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 44px;
  border-radius: 22px;
  margin: 0 auto;
  border: solid 1px #00b2d8;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fcfdc+0,00b2d7+100 */
  background: rgb(63,207,220); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(63,207,220,1) 0%, rgba(0,178,215,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(63,207,220,1) 0%,rgba(0,178,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(63,207,220,1) 0%,rgba(0,178,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fcfdc', endColorstr='#00b2d7',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

#age_contents .age_block_txts .linkbtn:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b2d7+0,3fcfdc+100 */
  background: rgb(0,178,215); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0,178,215,1) 0%, rgba(63,207,220,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,178,215,1) 0%,rgba(63,207,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,178,215,1) 0%,rgba(63,207,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2d7', endColorstr='#3fcfdc',GradientType=0 ); /* IE6-9 */
}

#age_contents .age_block_txts .linkbtn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
	content: "";
  border: 1px solid #fff;
  transform: rotate(45deg) translate(-50%,-50%);
  width: 10px;
  height: 10px;
  border-left: none;
  border-bottom: none;
  margin: 2px 0 0 33px;
}

#age_contents .age_block_img {
  width: 320px;
}
/******************************/
/*------ source --------*/
/******************************/
#source_contents{
	width:640px;
}
#source_contents .contents_one{
	width:640px;
	height:300px;
	background: url(/images/source/bg_title_source.gif) no-repeat;
	position:relative;
}

#source_contents .contents_one p{
	width:350px;
	position:absolute;
	top:130px;
	left:10px;
	line-height:1.7em;
	font-size:12px;
}
.p-l{
	width:310px;
	position:relative;
	float:left;
}
.p-l h2{
	width:135px;
}
.p-l p{
	width:175px;
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	position:absolute;
	top:10px;
	left:135px
}
.p-r{
	width:310px;
	float:right;
	position:relative;
}
.p-r h2{
	width:135px;
}
.p-r p{
		width:175px;
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	position:absolute;
	top:10px;
	left:135px
}
#source_contents .town .image{
	width:225px;
	float:right;
}
#source_contents .town .text{
	width:400px;
	float:left;
}
/******************************/
/*------ mond --------*/
/******************************/

 #mond_contents{
	width:640px;
}
#mond_contents .contents_one{
	width:640px;
	height:300px;
	background: url(/images/mond/bg_title_mond.jpg) no-repeat;
	position:relative;
}

#mond_contents .contents_one p{
	width:320px;
	position:absolute;
	top:190px;
	left:20px;
	line-height:1.7em;
	font-size:12px;
}
#mond_contents .contents_two p{
	padding:10px 0;
	line-height:1.7em;
	font-size:12px;
	letter-spacing:0.13em;
}
/******************************/
/*------ famous --------*/
/******************************/
 #famous_contents{
	width:640px;
}
#famous_contents .contents_one{
	width:640px;
	height:100px;
	background: url(/images/famous/famous01.jpg) no-repeat;
}

#famous_contents .contents_one p{
	width:320px;
	position:absolute;
	top:190px;
	left:20px;
	line-height:1.7em;
	font-size:12px;
}
#famous_contents .contents_two p{
	padding:10px 0;
	line-height:1.7em;
	font-size:12px;
	letter-spacing:0.13em;
}
#famous_contents .contents_two .person{
	width:640px;
	clear:both;
}
#famous_contents .contents_two .person .image{
	width:180px;
	float:left;
}
#famous_contents .contents_two .person .text{
	width:440px;
	float:right;
}
#famous_contents .contents_two .person h3{
	clear:both;
	padding-top:10px;
}
#famous_contents .contents_two .person .text-l{
	width:640px;
}
#famous_contents .contents_two .shop{
	width:640px;
	clear:both;
	height:150px;
	
}
#famous_contents .contents_two .shop .image{
	width:205px;
	float:left;
}
#famous_contents .contents_two .shop .text{
	width:420px;
	float:right;
}
#famous_contents .contents_two .shop .text p{
	padding:0 0;
	width:420px;
	float:right;
  margin-bottom: 30px;
}
#famous_contents .contents_two .shop_1{
	width:640px;
	height:160px;
	clear:both;
	
}
#famous_contents .contents_two .shop_1 .image{
	width:260px;
	float:left;
}
#famous_contents .contents_two .shop_1 .subimage{
	width:50px;
	height:127px;
	border:solid 1px #E5E5E5;
	text-align:center;
	float:right;
}
#famous_contents .contents_two .shop_1 .text{
	width:365px;
	float:right;
}
#famous_contents .contents_two .shop_1 .text p{
	padding:0 0;
	width:365px;
}
/******************************/
/*------ kanagi --------*/
/******************************/
#kanagi{
	width:640px;
	height:340px;
	background:url(/images/kanagi/bg_kanagi.jpg) no-repeat;
}
#kanagi_contents .age{
	clear:both;
	margin-bottom:10px;
}
#kanagi_contents .age .image{
	width:225px;
	float:left;
}
#kanagi_contents .age .text{
	width:400px;
	float:right;
}

#kanagi_contents .cook{
	clear:both;
	margin-bottom:10px;
}
#kanagi_contents .cook .image{
	width:225px;
	float:right;
}
#kanagi_contents .cook .text{
	width:400px;
	float:left;
}
#kanagi_contents .topic{
	width:640px;
	height:270px;
}
#kanagi_contents .t-l{
	width:310px;
	height:140px;
	position:relative;
	float:left;
}
#kanagi_contents .t-l h3{
	width:135px;
}
#kanagi_contents .t-l p{
	width:175px;
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	position:absolute;
	top:10px;
	left:135px
}
#kanagi_contents .t-r{
	width:312px;
	height:140px;
	float:right;
	position:relative;
}
#kanagi_contents .t-r h3{
	width:137px;
}
#kanagi_contents .t-r p{
		width:175px;
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	position:absolute;
	top:10px;
	left:135px
}
#kanagi_contents .t-r span{
	line-height:1.2em;
	font-size:5px;
}
#kanagi_contents .t-c{
	width:370px;
	clear:both;
	position:relative;
	margin-left:130px;
}
#kanagi_contents .t-c h3{
	width:135px;
}
#kanagi_contents .t-c p{
		width:235px;
	line-height:1.8em;
	letter-spacing:0.13em;
	font-size:12px;
	position:absolute;
	top:10px;
	left:145px
}
/******************************/
/*------ arukari --------*/
/******************************/
#arukari{
	width:640px;
	height:320px;
	background:url(/images/arukari/bg_title_arukari.jpg) no-repeat;
	position:relative;
}
#arukari_contents{
	width:640px;
}
#arukari_contents .contents_one{
	
	width:640px;
	height:110px;
}
#arukari_contents p{
	letter-spacing:0.12em;
line-height:1.7em;
	font-size:12px;
	}
#arukari_contents .contents_two{
	width:640px;
	clear:both;
	height:
}
#arukari_contents .contents_two .arukari_box{
	width:205px;
	height:386px;
	float:left;
	
}	
#arukari_contents .contents_two .arukari01{
	width:205px;
	height:350px;
	 overflow: hidden;
	background:url(/images/arukari/bg_buy.jpg) no-repeat;
		position:relative;
}	
#arukari_contents .contents_two .arukari01 .spec{
	position:absolute;
	top:70px;
	left:15px;
	font-size:14px;
}
#arukari_contents .contents_two .arukari01 .teiki_cost{
		position:absolute;
	top:240px;
	left:15px;
	font-size:12px;
	color:#f33466;
	font-weight:bolder;
}
#arukari_contents .contents_two .arukari01 .teiki_btn{
	position:absolute;
	top:260px;
	left:15px;
}

#arukari_contents .contents_two .arukari01 .tsujyou_cost{
	position:absolute;
	top:280px;
	left:15px;
	font-size:12px;
	font-weight:bolder;
}
#arukari_contents .contents_two .arukari01 .tsujyou_btn{
	position:absolute;
	top:300px;
	left:15px;
}
#arukari_contents .contents_two .point{
	width:395px;
	float:right;
}
#arukari_contents .contents_two .point h2{
	width:395px;
	height:50px;
}
#arukari_contents .contents_two .point p{
	width:395px;
	margin:10px 0;
}
/******************************/
/*------ baby --------*/
/******************************/
#baby{
	width:640px;
	height:320px;
	background:url(/images/baby/bg_title_baby.jpg) no-repeat;
	position:relative;
}
#baby_contents {
	width:640px;
}
#baby_contents .contents_one{
	background:url(/images/baby/bg_baby_point.gif) no-repeat;
	width:637px;
	_height:448pxpx;
	height:371px;
	padding-top:77px;
}
#baby_contents .contents_one p{
	width:617px;
	height:70px;
	margin-bottom:3px;
	margin-left:10px;
}
#baby_contents .contents_two{
	width:640px;
} 
#baby_contents .contents_two .recommend{
	clear:both;
	margin-bottom:10px;
}
#baby_contents .contents_two .recommend .image{
	width:225px;
	float:left;
}
#baby_contents .contents_two .recommend .text{
	width:400px;
	float:right;
}

#baby_contents .contents_two .milk{
	clear:both;
	margin-bottom:10px;
}
#baby_contents .contents_two .milk .image{
	width:225px;
	float:right;
}
#baby_contents .contents_two .milk .text{
	width:400px;
	float:left;
}
#baby_contents .contents_three{
	width:640px;
	height:380px;
	background:url(/images/baby/bg_baby_buy.jpg) no-repeat;
}
#baby_contents .contents_three .left{
	width:210px;
	height:360px;
	float:left;
	position:relative;
}
#baby_contents .contents_three .right{
	width:420px;
	height:360px;
	float:right;
	position:relative;
}
#baby_contents .contents_three  .spec{
	position:absolute;
	top:75px;
	left:15px;
	font-size:14px;
}
#baby_contents .contents_three  .teiki_cost{
		position:absolute;
	top:240px;
	left:15px;
	font-size:12px;
	color:#f33466;
	font-weight:bolder;
}
#baby_contents .contents_three  .teiki_btn{
	position:absolute;
	top:255px;
	left:15px;
}

#baby_contents .contents_three  .tsujyou_cost{
	position:absolute;
	top:280px;
	left:15px;
	font-size:12px;
	font-weight:bolder;
}
#baby_contents .contents_three .tsujyou_btn{
	position:absolute;
	top:295px;
	left:15px;
}


/******************************/
/*------ guide --------*/
/******************************/

.guide_box {
	border:solid 1px #e4e4e4;
	padding:6px 0 0 6px;
	margin-bottom:5px;
	background-color:#f8f8f8;
}

#guide_main {
    width: 640px;
    float: right;
	line-height:1.8em;
}

#guide_main p{
	margin-bottom:10px;
}

.guide_q {
	border:solid 1px #e4e4e4;
	padding:6px 0 0 6px;
	margin-bottom:15px;
	font-size:18px;
	font-weight:bold;
	background-color:#e4f8ff;
	color:#7a6d74;
}

.guide_a {
	border:solid 1px #e4e4e4;
	padding:6px 0 0 6px;
	margin-bottom:10px;
	font-size:15px;	
	background-color:#ffeaf3;
}

.guide_a table{
	width:500px;
	border-collapse:collapse;
	table-layout:fixed;
}
.guide_a th{
	width:auto;
	border:solid 1px #aaaaaa;
	background-color:#dcdcdc;
	font-size:0.875em;
	text-align:left;
}

.guide_a td{
	border:solid 1px #aaaaaa;
	font-size:0.875em;
	text-align:center;
	background-color:#ffffff;

}

.qa_anchor table{
	width:600px;
	border-collapse;
	table-layout:fixed;
}

.qa_anchor td{
	width:auto;
	font-size:1em;
	text-align:left;
}

#credit{
	position:relative;
	width:640px;
	height:70px;
}
#credit p{
	text-align:center;
	width:80px;
	float:left;
}

/******************************/
/*------ privacy --------*/
/******************************/

.privacy_table {
	margin-bottom:20px;
}

.privacy_table th{
	width:25px;
	text-align:right;
}

.privacy_table tr{
	padding-bottom:10px;
}

.privacy_table caption{
	border-bottom:solid 2px #00ffff;
	margin-bottom:15px;
}

.mail_font:link{
	color:#00f;
	text-decoration:underline;
}

.mail_font:hover{
	color:#DC143C;
}

/**********************/
/*------ corp --------*/
/**********************/

#corp_table{
	width:650px;
	border-collapse:collapse;
}

#corp_table th{
	width:auto;
	border:solid 1px #aaaaaa;
	background-color:#E4E4E4;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
}

#corp_table td{
	border:solid 1px #aaaaaa;
	padding:5px;
}

/******************************/
/*--------- teiki   ----------*/
/******************************/
#point_teiki_l {
	float:left;
	border:solid 1px #e4e4e4;
	padding:10px;
	width:280px;
	background-color:#e4f8ff ;
}

#point_teiki_r {
	float:right;
	border:solid 1px #e4e4e4;
	padding:10px;
	width:280px;
	background-color:#ffede9 ;
	margin-right:24px;
}
.teiki_tt{
	font-size:15px;
}

.tt_teiki {
	font-weight:bold;
	font-size:25px;
	text-align:right;
	color:#ff7d66;
}

/******************************/
/*--------- sitemap ----------*/
/******************************/

#main_sitemap{
	width: 640px;
    float: right;
	line-height:1.8em;
}

#main_sitemap p {
	font-weight:bold;
	margin-bottom:10px;
	font-size:15px;
}

#main_sitemap ul{
	padding-left:10px;
	margin-bottom:10px;
	font-size:15px;
}
#main_sitemap li {
	background: url(/images/common/listmark_in.gif) 2px 9px no-repeat;
	padding:5px;
	padding-left:15px;
}
.oblink {
	background: url(/images/common/listmark_out.gif) left 9px no-repeat;
	padding-left:20px;
} 

/******************************/
/*--------- renewal ----------*/
/******************************/

.renewal_list{
 	text-indent:-12px;
	padding-left:12px;
	margin-bottom:15px;
	line-height:1.5em;
 }
.renewal_list li {
	margin-bottom:15px;
}
.renewal_p {
	padding-left:12px;
}


/*========================
.movie
=========================*/
.movie {
  margin-bottom: 40px;
}

.movie .movie_ttl {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}

.movie .movie_ttl::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 24px;
  background: url("/images/common/2018/ttl_icon01.png") no-repeat center/cover;
  margin: 0 -5px -2px 0;
}

.movie .movie_inner {
  text-align: center;
}

/*========================
/list
=========================*/
.list_kv {
  margin-bottom: 40px;
}

.list_kv .kv {
  margin-bottom: 20px;
}

.list_kv p {
	font-size: 14px;
  padding-left: 13px;
  text-indent: -13px;
  line-height: 1.8;
}