@charset "euc-jp";
/* CSS Document */
/* ******************************
 *
 * Since:    2018-04-19
 * Modified: 2018-04-19
 * Editor:   hara@DiiV
 *
 * temp-sys ver1.01
 * Information: CSS for SS
 *
 * ******************************
 */

.sp{
	display: none;
}


/********************
*
* �ݥ����ĶĶ��
*
********************/
#cho{
	background: #eed381;
	padding: 50px 0 30px;
	margin-bottom: 30px;
	text-align: center;
}

#cho img{
	display: inline;
}

#cho p.txt_01{
	margin: 40px 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

#cho p.txt_02{
	margin: 40px 0;
	font-size: 18px;
	color: #000;
}

#cho .section_lv1{
	width: 640px;
	margin: 0 auto 25px;
}

#cho .section_lv2{
	width: 800px;
	margin: 0 auto;
}

/***** �쥤������ *****/

#kettle_2212 #wrapper{
	width: 100%;
}

#kettle_2212 #header_area,
#kettle_2212 #footer_area{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #title_area{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #main_img{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #area_01{
	width: 100%;
}

#kettle_2212 #area_02,
#kettle_2212 #area_03,
#kettle_2212 #area_04,
#kettle_2212 #area_05,
#kettle_2212 #lineup{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #area_link{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #footer{
	max-width: 100%;
	margin: 0 auto;
}


/***** ���̥ѡ���*****/
#kettle_2212 img{
	display: block;
}

#kettle_2212 h3{
	font-size: 35px;
	font-weight: bold;
	line-height: 1.5em;
}

#kettle_2212 h4{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
}

.link_btn{
	max-width: 948px;
	margin: 0 auto 60px;
	border: #000 1px solid;
}

.link_btn a{
	width: 100%;
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
	color: #000;
	position: relative;
	display: block;
	padding: 30px 0 28px;
}

.link_btn a:after,
#kettle_2212 #area_02 .section_lv5 #ptq_link a:after{
	content: "";
  position: absolute;
  right: 2px;
  bottom: 5px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 0;
  height: 0;
  border-top: #a50a0a 6px solid;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.link_btn a:hover,
#kettle_2212 #area_02 .section_lv5 #ptq_link a:hover,
#kettle_2212 #area_04 .inner a:hover,
#kettle_2212 #lineup .column_area .link_01:hover{
	opacity: 0.7;
}

/***** ����ƥ�� *****/

#kettle_2212{
	font-family: "�⥴���å���", YuGothic, "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å�", "Yu Gothic", sans-serif;
	font-size: 20px;
	color: #000;
	line-height: 1.5em;
}

#kettle_2212 #main_img .section_lv1{
	margin: 90px 0;
	text-align: center;
}

#kettle_2212 #main_img h2{
	margin-bottom: 40px;
	font-size: 35px;
	line-height: 1.5em;
}

/********** area_01 **********/
#kettle_2212 #area_01{
	background: #f1f1f1;
	padding-bottom: 70px;
	margin-bottom: 65px;
}

#kettle_2212 #area_01 .inner{
	max-width: 950px;
	margin: 0 auto;
}

#kettle_2212 #area_01 .section_lv1{
	background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/43204611/kettle/ket_2211_02.jpg) center bottom no-repeat;
	background-size: 100%;
	padding: 100px 0 0 30px;
	margin-bottom: 30px;
	min-height: 617px;
}

#kettle_2212 #area_01 .section_lv1 h3{
	margin-bottom: 50px;
}

#kettle_2212 #area_01 .section_lv1 h3 span{
	color: #7e0000;
}

#kettle_2212 #area_01 .section_lv1 p{
	width: 55%;
}

#kettle_2212 #area_01 .section_lv2{
	border: #000 1px solid;
	padding: 50px 2.1% 40px;
}

#kettle_2212 #area_01 .section_lv2 .column_left{
	width: 44%;
	text-align: center;
}

#kettle_2212 #area_01 .section_lv2 .column_left img{
	display: inline;
}

#kettle_2212 #area_01 .section_lv2 .column_left h4{
	margin-top: 25px;
	font-size: 35px;
	line-height: 1.5em;
}

#kettle_2212 #area_01 .section_lv2 .column_right{
	width: 55%;
}

#kettle_2212 #area_01 .section_lv2 .column_right h4{
	margin-bottom: 20px;
}

#kettle_2212 #area_01 .section_lv2 .column_right h5{
	line-height: 1.3em;
}


/********** area_02 **********/
#kettle_2212 #area_02 h3{
	margin-bottom: 40px;
	text-align: center;
}


/***** section_lv1 *****/
#kettle_2212 #area_02 .section_lv1{
	margin-bottom: 100px;
}

#kettle_2212 #area_02 .section_lv1 .column_left{
	padding-top: 15px;
	width: 52.6%;
}

#kettle_2212 #area_02 .section_lv1 .column_right{
	width: 44.1%;
}

#kettle_2212 #area_02 .section_lv1 .column_left h4{
	margin-bottom: 40px;
}


/***** section_lv2 *****/
#kettle_2212 #area_02 .section_lv2{
	margin-bottom: 90px;
}

#kettle_2212 #area_02 .section_lv2 h3{
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 1.5em;
}

#kettle_2212 #area_02 .section_lv2 h4{
	margin-bottom: 40px;
	text-align: center;
}

#kettle_2212 #area_02 .section_lv2 .icon{
	width: 8.8%;
	margin: 0 auto 10px;
}

#kettle_2212 #area_02 .section_lv2 #movie_area{
	width: 67.3%;
	margin: 0 auto 20px;
}

#kettle_2212 #area_02 .section_lv2 .txt_01{
	margin-bottom: 35px;
}

#kettle_2212 #area_02 .section_lv2 .caution{
	font-size: 16px;
	line-height: 1.5em;
	color: #595858;
}


/***** section_lv3 *****/
#kettle_2212 #area_02 .section_lv3{
	margin-bottom: 70px;
}

#kettle_2212 #area_02 .section_lv3 .column_left,
#kettle_2212 #area_02 .section_lv3 .column_right{
	width: 49.3%;
}

#kettle_2212 #area_02 .section_lv3 .title{
	margin-bottom: 10px;
}

#kettle_2212 #area_02 .section_lv3 .title .inner_left{
	width: 18%;
}

#kettle_2212 #area_02 .section_lv3 .title .inner_right{
	margin-top: 10px;
	width: 80%;
}

#kettle_2212 #area_02 .section_lv3 .img_01{
	margin-bottom: 20px;
}

#kettle_2212 #area_02 .section_lv3 .txt_01{
	margin: 30px 0 20px;
}

#kettle_2212 #area_02 .section_lv3 .caution{
	font-size: 16px;
	line-height: 1.5em;
	color: #595858;
}


/***** section_lv4 *****/
#kettle_2212 #area_02 .section_lv4{
	border-top: #000 1px solid;
	padding-top: 70px;
	margin-bottom: 70px;
}

#kettle_2212 #area_02 .section_lv4 h4{
	margin-bottom: 40px;
	text-align: center;
}

#kettle_2212 #area_02 .section_lv4 .icon{
	width: 8.8%;
	margin: 0 auto 10px;
}

#kettle_2212 #area_02 .section_lv4 .column_left,
#kettle_2212 #area_02 .section_lv4 .column_right{
	width: 49.3%;
}

#kettle_2212 #area_02 .section_lv4 .txt_01{
	margin-bottom: 30px;
}


/***** section_lv5 *****/
#kettle_2212 #area_02 .section_lv5{
	margin-bottom: 70px;
}

#kettle_2212 #area_02 .section_lv5 h4{
	margin-bottom: 40px;
	text-align: center;
}

#kettle_2212 #area_02 .section_lv5 .icon{
	width: 8.8%;
	margin: 0 auto 10px;
}

#kettle_2212 #area_02 .section_lv5 .column_area{
	margin-bottom: 70px;
}

#kettle_2212 #area_02 .section_lv5 .column_area h4{
	margin: 0;
	text-align: left;
}

#kettle_2212 #area_02 .section_lv5 .txt_01{
	margin-bottom: 60px;
}

#kettle_2212 #area_02 .section_lv5 .column_area .column_left,
#kettle_2212 #area_02 .section_lv5 .column_area .column_right{
	width: 49.3%;
}

#kettle_2212 #area_02 .section_lv5 .column_area .title{
	margin-bottom: 20px;
}

#kettle_2212 #area_02 .section_lv5 .column_area .title .inner_left{
	width: 18%;
}

#kettle_2212 #area_02 .section_lv5 .column_area .title .inner_right{
	margin-top: 10px;
	width: 80%;
}

#kettle_2212 #area_02 .section_lv5 .column_area .img_01{
	margin-bottom: 20px;
}

#kettle_2212 #area_02 .section_lv5 .column_area .txt_02{
	margin: 30px 0 0;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link{
	border: #000 1px solid;
	padding: 10px;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link .column_left{
	width: 49.3%;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link .column_right{
	width: 49.3%;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link .txt_03{
	margin: 20px 0 30px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link .txt_04{
	margin-bottom: 25px;
	color: #960303;
}

#kettle_2212 #area_02 .section_lv5 #ptq_link a{
	width: 100%;
	border: #000 1px solid;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
	position: relative;
	display: block;
	padding: 15px 0 13px;
}


/********** area_03 **********/
#kettle_2212 #area_03{
	margin-bottom: 90px;
}

#kettle_2212 #area_03 h3{
	margin-bottom: 40px;
	text-align: center;
}

#kettle_2212 #area_03 h4{
	border-bottom: #000 1px solid;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#kettle_2212 #area_03 .section_lv1{
	background: #f7f5e9;
}

#kettle_2212 #area_03 .section_lv1 .column_left{
	padding: 30px 2.2% 0;
	width: 45.6%;
}

#kettle_2212 #area_03 .section_lv1 .column_right{
	width: 50%;
}

#kettle_2212 #area_03 .section_lv2{
	background: #e9ded6;
}

#kettle_2212 #area_03 .section_lv2 .column_right{
	padding: 30px 2.2% 0;
	width: 45.6%;
}

#kettle_2212 #area_03 .section_lv2 .column_left{
	width: 50%;
}


/********** area_04 **********/
#kettle_2212 #area_04 h3{
	text-align: center;
	margin-bottom: 50px;
}

#kettle_2212 #area_04 .section_lv1{
	margin-bottom: 90px;
	background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/43204611/kettle/ket_2211_15.jpg) center top no-repeat;
	background-size: 100%;
	padding-top: 37px;
	min-height: 377px;
}

#kettle_2212 #area_04 .inner{
	background: rgba(200,200,200,0.7);
	width: 67.3%;
	padding: 35px 0;
	margin: 0 auto;
	text-align: center;
}

#kettle_2212 #area_04 .inner p{
	margin-bottom: 30px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
}

#kettle_2212 #area_04 .inner a{
	width: 35.1%;
	margin: 0 auto;
	border: #000 1px solid;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
	position: relative;
	display: block;
	padding: 10px 0 8px;
}

#kettle_2212 #area_04 .inner a:after{
	content: "";
  position: absolute;
  right: 0px;
  bottom: 3px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 0;
  height: 0;
  border-top: #000 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

/********** lineup **********/
#kettle_2212 #lineup{
	margin-bottom: 50px;
}

#kettle_2212 #lineup h3{
	font-family: YuMincho,'Yu Mincho',serif;
	margin-bottom: 80px;
	text-align: center;
	letter-spacing: 0.3em;
}

#kettle_2212 #lineup .column_area{
	margin-bottom: 90px;
}

#kettle_2212 #lineup .column_area .column_left,
#kettle_2212 #lineup .column_area .column_right{
	width: 49.1%;
}

#kettle_2212 #lineup .section_lv1 .column_right,
#kettle_2212 #lineup .section_lv2 .column_left,
#kettle_2212 #lineup .section_lv3 .column_right,
#kettle_2212 #lineup .section_lv4 .column_left,
#kettle_2212 #lineup .section_lv5 .column_right{
	text-align: center;
}

#kettle_2212 #lineup .swiper-container{
	width: 100%;
	padding-bottom: 50px;
}

#kettle_2212 #lineup .column_area h4{
	margin-bottom: 10px;
}

#kettle_2212 #lineup .column_area .detail{
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1.5em;
}

#kettle_2212 #lineup .column_area .img_01{
	display: inline;
}

#kettle_2212 #lineup .column_area .type_01,
#kettle_2212 #lineup .column_area .type_02{
	margin: 10px 0 0 0;
}

#kettle_2212 #lineup .column_area .type_02 .inner_left,
#kettle_2212 #lineup .column_area .type_02 .inner_right{
	width: 48.3%;
}

#kettle_2212 #lineup .column_area .name{
	font-size: 24px;
	line-height: 1.5em;
}

#kettle_2212 #lineup .column_area .capa{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5em;
}

#kettle_2212 #lineup .column_area .price{
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.5em;
	color: #ff0000;
}

#kettle_2212 #lineup .column_area .price span{
	font-size: 18px;
	line-height: 1.5em;
}

#kettle_2212 #lineup .column_area .link_01{
}

#kettle_2212 #lineup .column_area .type_01 .link_01{
	width: 48.1%;
	margin: 0 auto;
}

#kettle_2212 #lineup .column_area .type_02 .link_01{
	width: 100%;
}

#kettle_2212 #lineup .column_area .link_01{
	border: #000 1px solid;
	text-align: center;
	font-size: 20px;
	line-height: 1.2em;
	color: #000;
	position: relative;
	display: block;
	padding: 10px 0 8px;
}

#kettle_2212 #lineup .column_area .link_01:after{
	content: "";
  position: absolute;
  right: 0px;
  bottom: 3px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 0;
  height: 0;
  border-top: #a50a0a 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}