@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   ページナビ

---------------------------------------------------------------------------*/

#ih .pnav {
	list-style:none;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#ih .pnav li {
	float:left;
	text-align:center;
}

#ih .pnav li:nth-child(1) { width:30.81818%; }
#ih .pnav li:nth-child(2) { width:25.36363%; }
#ih .pnav li:nth-child(3) { width:21.81818%; }
#ih .pnav li:nth-child(4) { width:22%; }


/*---------------------------------------------------------------------------

   IHにしかできないこと

---------------------------------------------------------------------------*/

#ih .block03 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.7%;
	background-color:#efaf44;
	padding-bottom:30px;
}

@media screen and (max-width:900px) {
	#ih .block03 {
		padding-bottom:3%;
	}
}

#ih .block03 > .box {
	max-width:1058px;
	margin-left:2.7%;
	margin-right:2.7%;
	margin-top:2.7%;
	background:url(../../upload/images/ih/03-bg.gif) repeat-y center top;
	padding-bottom:2.7%;

	-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

#ih .block03 dl {
	padding-left:2.7%;
	padding-right:2.7%;
	margin-left:auto;
	margin-right:auto;
}

#ih .block03 dt,
#ih .block03 dd {
	float:left;
}

#ih .d01item dt { width:26.59251%; }
#ih .d01item > dd.i01 { width:73.40748%; }

#ih .d02item dt { width:19.41354%; }
#ih .d02item > dd.i01 { width:40.14155%; }
#ih .d02item > dd.i02 { width:40.44489%; }

#ih .d03item > dd.i01 { width:50.15166%; }
#ih .d03item > dd.i02 { width:49.84833%; }


/*-------------------------------------------------------
   IHにしかできないこと4
-------------------------------------------------------*/

#ih .d04 > .tab-pc {
	display:block;
}

#ih .d04 ul { list-style:none; }

#ih .d04 > .tab-pc .tab {
	margin-left:2.85%;
	margin-right:2.85%;
	background:url(../../upload/images/ih/03-04-tab-line.png) repeat-x left bottom;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}

#ih .d04 > .tab-pc .tab li {
	float:left;
	width:32.52525%;
	margin-left:1.21212%;
	display:inline;
	cursor:pointer;
	position:relative;
}

#ih .d04 > .tab-pc .tab li:first-child { margin-left:0; }

#ih .d04 > .tab-pc .tab li .ani04-tab {
	position:absolute;
	left:0;
	top:0;
}

#ih .d04 > .tab-pc .panel {
	margin-left:2.85%;
	margin-right:2.85%;
	background:url(../../upload/images/ih/03-04-panel-bg.png) no-repeat center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#ih .d04 > .tab-pc .panel .disnon {
	display:none;
}

#ih .d04 > .tab-sp {
	display:none;
}

#ih .d04item { margin-top:3%; }
#ih .d04item dt { width:26.59251%; }
#ih .d04item > dd.i01 { width:73.40748%; }


/*---------------------------------------------------------------------------

   いろいろなギモン

---------------------------------------------------------------------------*/

#ih .block04 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.7%;
	padding-bottom:20px;
	background:url(../../upload/images/ih/04-bg-b.png) no-repeat left bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

@media screen and (max-width:900px) {
	#ih .block04 {
		padding-bottom:3%;
	}
}

#ih .block04 h4 {
	background:url(../../upload/images/ih/04-md-bg.png) no-repeat center top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#ih .dq {
	background:url(../../upload/images/ih/04-q-bg.png) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#ih .dq ul {
	list-style:none;
	text-align:left;
	margin-left:3%;
	margin-right:3%;
	width:90%;
	padding:15px 0;
}

#ih .dq li {
	width:48%;
	float:left;
	margin:0 1% 10px 1%;
	position:relative;
}

@media screen and (max-width:900px) {
	#ih .dq ul {
		display:block;
	}

	#ih .dq li {
		width:100%;
		float:none;
	}
}

#ih .dq li:nth-child(2n+1) {
	clear:both;
}

#ih .dq > ul li .no,
#ih .da > .box .no {
	/*
	background-color:#efaf44;
	border-left:8px solid #eda021;
	*/
	width:115px;
	background:url(../../upload/images/ih/04-no-bg.png) no-repeat left top;
	color:#fff;
	font-weight:bold;
	padding:6px 0 7px 0;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
}

#ih .da > .box .no {
	position:inherit;
	margin-right:0.5em;
	margin-bottom:10px;
	vertical-align:middle;
}

#ih .dq li a {
	font-weight:bold;
	padding-left:6.5em;
	padding-top:0.25em;
}

#ih .da {
	background:url(../../upload/images/ih/04-bg.png) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#ih .da > .box {
	background:url(../../upload/images/ih/04-line.png) repeat-x center top;
	margin-left:1%;
	margin-right:1%;
	padding:4% 3% 3% 3%;
	text-align:left;
}

#ih .da > .box > .box-inner {
	padding-left:8.25em;
	padding-top:2%;
}

@media screen and (max-width:900px) {
	#ih .da > .box > .box-inner {
		padding-left:0;
	}
}

#ih .da > .box > .box-inner .pic-left {
	float:left;
	margin-right:2.72727%;
	margin-bottom:2%;
}

#ih .da > .box > .box-inner .pic-right {
	float:right;
	margin-left:2.72727%;
	margin-bottom:2%;
}


/*-------------------------------------------------------
   ギモン1
-------------------------------------------------------*/

#ih .da > .box > .d01 {
	text-align:center;
}

#ih .da > .box > .d01 > .pic {
	margin-top:-60px;
	margin-bottom:10px;
}

@media screen and (max-width:760px) {
	#ih .da > .box > .d01 > .pic {
		margin-top:-10px;
	}
}

/*-------------------------------------------------------
   ギモン3
-------------------------------------------------------*/

#ih .da > .box > .d03 .d03-01p {
	padding-bottom:2%;
}

@media screen and (max-width:900px) {
	#ih .da > .box > .d03 .d03-01p {
		height:146px;
	}
}

#ih .da > .box > .d03-03 {
	padding-top:6%;
}

@media screen and (max-width:900px) {
	#ih .da > .box > .d03-03 {
		padding-top:3%;
	}
}

#ih .da > .box > .d03-03 .d03-03p {
	position:relative;
}

.da > .box > .d03-03 .d03-03-pic {
	float:right;
	margin-top:-50px;
	margin-left:2.72727%;
	margin-bottom:20px;
	z-index:5;
	position:relative;
}

@media screen and (max-width:760px) {
	#ih .da > .box > .d03-03 .pic-left {
		float:none;
		margin-left:0;
		margin-right:0;
		display:block;
		text-align:center;
	}

	#ih .da > .box > .d03-03 .d03-03p {
		clear:both;
	}
}


/*-------------------------------------------------------
   ギモン6
-------------------------------------------------------*/

#ih .da > .box > .d06 p {
	margin-top:-20px;
}

@media screen and (max-width:900px) {
	#ih .da > .box > .d06 p {
		margin-top:0;
	}
}


/*-------------------------------------------------------
   ギモン7
-------------------------------------------------------*/

#ih .da > .box > .d07 {
	text-align:center;
}

#ih .da > .box > .d07 > .pic {
	margin:4% auto;
}

#ih .da > .box > .d07 ul {
	list-style:none;
	margin:0 auto;
	text-align:left;
}

#ih .da > .box > .d07 li {
	text-indent:-2.65em;
	margin-left:2.65em;
}


/*-------------------------------------------------------
   ギモン8
-------------------------------------------------------*/

#ih .da > #faq08 {
	padding-bottom:2%;
}

#ih .da > #faq08 > .box-inner {
	padding-left:0;
	text-align:center;
	position:relative;
}

#ih .da > #faq08 > .box-inner > .ani05 {
	position:absolute;
	right:0;
	top:-60px;
}

#ih .da > #faq08 > .box-inner > .d08 {
	max-width:1000px;
	margin:0 auto;
	text-align:left;
}

#ih .da > #faq08 > .box-inner > .d08 > .tab {
	width:42%;
	float:right;
	list-style:none;
	font-weight:bold;
}


@media screen and (max-width:780px) {
	#ih .da > #faq08 > .box-inner > .ani05 {
		position:relative;
		top:auto;
		left:auto;
		display:block;
		margin-bottom:3%;
	}

	#ih .da > #faq08 > .box-inner > .d08 > .tab {
		float:none;
		width:100%;
		padding-bottom:3%;
	}
}

#ih .da > #faq08 > .box-inner > .d08 > .tab li {
	padding-left:115px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:5%;
	cursor:pointer;

	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

@media screen and (max-width:780px) {
	#ih .da > #faq08 > .box-inner > .d08 > .tab li {
		padding-bottom:3%;
		display:block;
	}
}


#ih .da > #faq08 > .box-inner > .d08 > .tab li:nth-child(1) { background-image:url(../../upload/images/ih/04-08-p01.gif); }
#ih .da > #faq08 > .box-inner > .d08 > .tab li.selected:nth-child(1) { background-image:url(../../upload/images/ih/04-08-p01_stay.gif); }

#ih .da > #faq08 > .box-inner > .d08 > .tab li:nth-child(2) { background-image:url(../../upload/images/ih/04-08-p02.gif); }
#ih .da > #faq08 > .box-inner > .d08 > .tab li.selected:nth-child(2) { background-image:url(../../upload/images/ih/04-08-p02_stay.gif); }

#ih .da > #faq08 > .box-inner > .d08 > .tab li:nth-child(3) { background-image:url(../../upload/images/ih/04-08-p03.gif); }
#ih .da > #faq08 > .box-inner > .d08 > .tab li.selected:nth-child(3) { background-image:url(../../upload/images/ih/04-08-p03_stay.gif); }

#ih .da > #faq08 > .box-inner > .d08 > .tab li:nth-child(4) { background-image:url(../../upload/images/ih/04-08-p04.gif); }
#ih .da > #faq08 > .box-inner > .d08 > .tab li.selected:nth-child(4) { background-image:url(../../upload/images/ih/04-08-p04_stay.gif); }

#ih .da > #faq08 > .box-inner > .d08 > .tab li:nth-child(5) { background-image:url(../../upload/images/ih/04-08-p05.gif); }
#ih .da > #faq08 > .box-inner > .d08 > .tab li.selected:nth-child(5) { background-image:url(../../upload/images/ih/04-08-p05_stay.gif); }

#ih .da > #faq08 > .box-inner > .d08 > .tab li a,
#ih .da > #faq08 > .box-inner > .d08 > .tab li a:visited,
#ih .da > #faq08 > .box-inner > .d08 > .tab li a:hover { text-decoration:none; }

#ih .da > #faq08 > .box-inner > .d08 > .panel {
	width:52.72727%;
	float:left;
	border:2px solid #eda021;
	background-color:#fff2e1;
	text-align:center;
	-moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

@media screen and (max-width:780px) {
	#ih .da > #faq08 > .box-inner > .d08 > .panel {
		width:100%;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}


/*---------------------------------------------------------------------------

   カンタンお手入れ

---------------------------------------------------------------------------*/

#ih .block05 {
	background:url(../../upload/images/ih/05-bg.gif) repeat-y left top;
	-moz-background-size:100% auto;
	background-size:100% auto;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.7%;
	padding-bottom:25px;
}

@media screen and (max-width:900px) {
	#ih .block05 {
		padding-bottom:3%;
	}
}

#ih .block05 > .box {
	max-width:1058px;
	margin-left:2.7%;
	margin-right:2.7%;
	margin-top:30px;
	padding-bottom:2.7%;
	background-color:#fff;
	border:2px dashed #a7c2ef;
	text-align:left;
}

#ih .block05 > .box:last-child {
	margin-top:40px;
}

#ih .block05 > .box > h6 img {
	text-align:left;
	margin-top:-20px;
	padding:0 3%;
}

#ih .block05 > .box > .box-inner {
	padding:2% 3% 0 3%;
}

#ih .block05 > .box > .box-inner .pic-left {
	float:left;
	margin-right:2.72727%;
	margin-bottom:2%;
}

#ih .block05 > .box > .box-inner .pic-right {
	float:right;
	margin-left:2.72727%;
	margin-bottom:2%;
}

#ih .block05 > .box > h6.md {
	padding-right:5%;
}

#ih .block05 > .box > .box-inner > .smd {
	margin-bottom:3%;
	text-align:left;
}

/*-------------------------------------------------------
   普段のお手入れ
-------------------------------------------------------*/

#ih .block05 > .box > .box-inner > .d01-01 {
	text-align:left;
	max-width:884px;
}

@media screen and (max-width:1120px) {
	#ih .block05 > .box > .box-inner > .d01-01 {
		width:100%;
	}
}

#ih .block05 > .box > .box-inner > .d01-01 .pic01 {
	width:31.1742%;
	float:left;
	margin-right:2.76244%;
}

#ih .block05 > .box > .box-inner > .d01-01 .pic02 {
	width:66.06334%;
	margin-top:2.7%;
	float:left;
}

#ih .block05 > .box > .box-inner > .d01-01 p {
	width:66.06334%;
	float:left;
}

@media screen and (max-width:760px) {
	#ih .block05 > .box > .box-inner > .d01-01 .pic01,
	#ih .block05 > .box > .box-inner > .d01-01 .pic02 {
		width:100%;
		float:none;
		margin-left:0;
		margin-right:0;
		margin-bottom:3%;
		display:block;
		text-align:center;
	}
	
	#ih .block05 > .box > .box-inner > .d01-01 p {
		width:auto;
		float:none;
	}
}


/*-------------------------------------------------------
   どうしてIHだと汚れにくいの？
-------------------------------------------------------*/

#ih .block05 > .box > .d01-03 > h6 {
	text-align:center;
	background:url(../../upload/images/ih/05-03-bg.gif) repeat-x left center;
	margin-top:3%;
	margin-bottom:2%;
}


/*-------------------------------------------------------
   焼き網タイプ
-------------------------------------------------------*/

#ih .block05 > .box > .box-inner > .d02-01,
#ih .block05 > .box > .box-inner > .d02-02 {
	text-align:left;
	width:82%;
	float:right;
}

#ih .block05 > .box > .box-inner > .d02-01 {
	margin-top:-40px;
}

@media screen and (max-width:1120px) {
	#ih .block05 > .box > .box-inner > .d02-01,
	#ih .block05 > .box > .box-inner > .d02-02 {
		width:100%;
		float:none;
		margin-top:0;
	}
}

#ih .block05 > .box > .box-inner > .d02-01 .pic01 {
	width:37.80487%;
	float:left;
	margin-right:3.93902%;
}

#ih .block05 > .box > .box-inner > .d02-01 .pic02 {
	width:16.09756%;
	margin-top:2.7%;
	float:left;
}

#ih .block05 > .box > .box-inner > .d02-01 p:first-child {
	width:59.75609%;
	float:left;
}

#ih .block05 > .box > .box-inner > .d02-01 p:last-child {
	width:39%;
	margin-top:2.7%;
	margin-left:2.63902%;
	float:left;
}

#ih .block05 > .box > .box-inner > .d02-02 .pic-left {
	margin-left:-127px;
}

#ih .block05 > .box > .box-inner > .d02-02 p {
	padding-top:3%;
}

@media screen and (max-width:1120px) {
	#ih .block05 > .box > .box-inner > .d02-01 .pic01 {
		width:28.18181%;
		margin-right:2.72727%;
	}
	
	#ih .block05 > .box > .box-inner > .d02-01 .pic02 {
		width:12%;
	}
	
	#ih .block05 > .box > .box-inner > .d02-01 p:first-child {
		width:44.36363%;
	}
	
	#ih .block05 > .box > .box-inner > .d02-01 p:last-child {
		width:31%;
		margin-right:2.72727%;
	}

	#ih .block05 > .box > .box-inner > .d02-02 .pic-left {
		margin-left:0;
	}
}


/*-------------------------------------------------------
   グリル皿タイプ
-------------------------------------------------------*/

#ih .block05 > .box > .box-inner > .d02-03 {
	width:100%;
}

#ih .block05 > .box > .box-inner > .d02-03 .pic01 {
	width:32%;
}

#ih .block05 > .box > .box-inner > .d02-03 > .d02-03-03 {
	width:65%;
}

@media screen and (max-width:900px) {
	#ih .block05 > .box > .box-inner > .d02-03 .pic01 {
		width:auto;
		float:none;
		margin-bottom:3%;
		display:block;
		text-align:center;
	}

	#ih .block05 > .box > .box-inner > .d02-03 > .d02-03-03 {
		width:100%;
	}
}


/*-------------------------------------------------------
   お手入れ機能
-------------------------------------------------------*/

#ih .block05 > .box > .d02-04 > h6 {
	text-align:center;
	background:url(../../upload/images/ih/05-04-bg.gif) repeat-x left bottom;
	margin-bottom:2%;
}

@media screen and (max-width:780px) {
	#ih .block05 > .box > .d02-04 > h6 {
		margin-top:3%;
	}
}

#ih .block05 > .box > .d02-04 p img {
	margin-top:2%;
}


/*---------------------------------------------------------------------------

   メーカーリンク

---------------------------------------------------------------------------*/

#ih .block06 {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.7%;
	list-style:none;
}

@media screen and (max-width:1120px) {
	#ih .block06 {
		margin-left:2.7%;
		margin-right:2.7%;
	}
}

#ih .block06 li {
	width:48.36363%;
	float:left;
}

#ih .block06 li:first-child {
	margin-right:3.27272%;
	display:inline;
}