@charset "Shift_JIS";


body {
	margin:0;
}
img {
	vertical-align: bottom;
}


/* chikuwa recipe
-------------------------------------------------------------------------------*/
.chikuwa {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}

.sns {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-size: 1.25em;
	line-height: 1;
	letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
	.sns {
		font-size: 1em;
		letter-spacing: 0;
		font-weight: bold;
	}
	.sns span {
		font-size: 0.8em;
	}
}
.sns a {
	display: inline-block;;
	text-decoration: none;
}
.note {
	position: relative;
	min-height: 96px;
	color: #fff;
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	.note {
		width: 430px;
	}
}
.note.fb {
	background: #395798;
}
.note.tw {
	background: #3A94FF;
}
.note:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 0 0 16px 16px;
	border-style: solid;
	display: block; width:0;
}
.note.fb:before {
	border-color: #9C9D9D #9C9D9D #000 #9C9D9D;
}
.note.tw:before {
	border-color: #D1D2D2 #D1D2D2 #000 #D1D2D2;
}
.wh .note.fb:before {
	border-color: #9C9D9D #9C9D9D #fff #9C9D9D;
}
.wh .note.tw:before {
	border-color: #D1D2D2 #D1D2D2 #fff #D1D2D2;
}
.note p {
	display: inline-block;;
	padding: 0.75em 10px 0.75em 75px;
	background: url(../images/chikuwa_nuki.png) left center no-repeat;
	background-size: 70px;
	margin-bottom: 0 !important;
	line-height: 1 !important;
	font-size: inherit !important;
}
.note p span {
	display: inline-block;
	margin-left: 10px;
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 0.9rem;
	color: #395798;
	background: #fff;
	border-radius: 4px;
}

/*
p.ab {
	padding-left: 2em;
	text-indent: -2em;
}
*/

.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.mt1 {
	margin-top: 3em;
}

@media screen and (min-width: 768px) {
	
	.pcHidden {
		display: none;
	}
	
	/*	*/
	.mv {
		width: 100%;
		height: 520px;
		background: url(../images/mv.jpg) center top repeat-x;
	}
	.mv h1 {
		display: none;
	}
	
	/*	*/
	.sns {
		padding: 40px 0 60px;
		width: 100%;
		background-color: #000;
		text-align: center;
	}
	
	/*	*/
	.chikuwa {
		width: 100%;
		background: url(../images/bg_chikuwa.gif) center top repeat;
	}
	.chikuwa .contents {
		margin: 0 auto;
		padding: 70px 193px;
		width: 614px;
		background-color: #fbfbfb;
	}
	/*	*/
	.chikuwa .contents p {
		margin-bottom: 3rem;
		line-height: 2em;
		font-size: 110%;
	}
	.chikuwa .contents h3 {
		margin-top: 4.5em;
		padding: 6px 0 6px 12px;
		border-left: 5px solid #004099;
		font-size: 150%;
		font-weight: bold;
	}
	.chikuwa .contents .man {
		padding-left: 95px;
		min-height: 80px;
		background: url(../images/man.png) left top no-repeat;
		background-size: 80px;
/*		font-size: 115%;*/
/*		color: #004099;*/
	}
	.chikuwa .contents .ab {
		padding-left: 95px;
		min-height: 80px;
		background: url(../images/ab.png) left top no-repeat;
		background-size: 80px;
	}
	.chikuwa .contents .man._l1,
	.chikuwa .contents .ab._l1 {
		padding-top: 25px;
		min-height: 60px;
	}
	.chikuwa .contents img.photo {
		display: block;
		margin: 0 auto 4rem auto;
		width: 600px;
		border: 7px solid #fff;
		-webkit-box-shadow: 0 10px 8px -6px #acacac;
		-moz-box-shadow: 0 10px 8px -6px #acacac;
		box-shadow: 0 10px 8px -6px #acacac;
	}
	.chikuwa .contents img.chart {
		display: block;
		margin: 0 auto 1rem auto;
		width: 600px;
	}
	.chikuwa .contents hr {
		margin: 80px 0;
	}
	.chikuwa .contents p a {
		font-weight: bold;
		color: #000;
	}
	/*	*/
	.chikuwa .sns {
/*
		margin: 0 auto;
		padding: 0 0 120px;
*/
		margin-left: -193px;
		width: 1000px;
		background-color: #fbfbfb;
		text-align: center;
	}
	
	/*	*/
	a:hover {
		opacity: 0.85;
	}
	
	.bnr {
		margin-left: -122px;
		padding: 1em 0;
	}
}

@media screen and (max-width: 767px) {

	.spHidden {
		display: none;
	}

	img {
		max-width: 100%;
	}
	h1 {
		margin: 0;
	}
	
	/*	*/
	.sns {
		padding: 18px 0;
		width: 100%;
		background-color: #000;
		text-align: center;
	}
	.sns a {
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	.chikuwa .sns a {
		width: 100%;
	}
	.note {
		min-height: 4.2em;
	}
	.note p {
		padding: 0.5em 10px 0.5em 3em;
		background-size: 2.5em;
	}
	
	/*	*/
	.chikuwa {
		font-size: 0.9rem;
		background-color: #fbfbfb;
	}
	.chikuwa .contents {
		margin: 0 auto;
		padding: 2em 0 0;
		width: 90%;
	}
	/*	*/
	.chikuwa .contents p {
		margin-bottom: 3rem;
		line-height: 2em;
		font-size: 110%;
	}
	.chikuwa .contents h3 {
		margin-top: 4em;
		padding: 6px 0 6px 12px;
		border-left: 5px solid #004099;
		font-size: 150%;
		font-weight: bold;
	}
	.chikuwa .contents .man {
		padding-left: 70px;
		min-height: 60px;
		background: url(../images/man.png) left top no-repeat;
		background-size: 60px;
/*		color: #004099;*/
	}
	.chikuwa .contents .ab {
		padding-left: 70px;
		min-height: 60px;
		background: url(../images/ab.png) left top no-repeat;
		background-size: 60px;
	}
	.chikuwa .contents .man._l1,
	.chikuwa .contents .ab._l1 {
		padding-top: 15px;
		min-height: 50px;
	}
	.chikuwa .contents img.photo {
		display: block;
		margin: 0 auto 4rem auto;
		width: 94%;
		border: 7px solid #fff;
		-webkit-box-shadow: 0 10px 8px -6px #acacac;
		-moz-box-shadow: 0 10px 8px -6px #acacac;
		box-shadow: 0 10px 8px -6px #acacac;
	}
	.chikuwa .contents img.chart {
		display: block;
		margin: 0 auto;
	}
	.chikuwa .contents hr {
		margin: 60px 0;
	}
	.chikuwa .contents a {
		display: block;
		font-size: 108%;
		font-weight: bold;
		color: #000;
		text-align: center;
	}
	/*	*/
	.chikuwa .sns {
/*
		margin: 0 auto;
		padding: 0 0 40px;
*/
		text-align: center;
		background-color: #fbfbfb;
	}
	
	.bnr {
		padding: 1em 0;
	}
}


.chikuwa .contents p .em1 {
	font-size: 110%;
/*	margin: 0 0.25em;*/
}
.chikuwa .contents p .em2 {
	font-size: 150%;
	font-weight: bold;
}
.chikuwa .contents p .em3 {
	font-size: 175%;
	font-weight: bold;
}
.chikuwa .contents p .strong {
	font-weight: bold;
}
.chikuwa .contents p .blue {
	color: #004099;
}
.chikuwa .contents p .red {
	color: #ff0000;
}
.chikuwa .contents p .under {
	text-decoration: underline;
}
.chikuwa .contents p .ef1 {
	font-size: 150%;
	letter-spacing: 0.6em;
}
@media screen and (max-width: 767px) {
	.chikuwa .contents p .ef1 {
		letter-spacing: 0.45em;
	}
}
.chikuwa .contents p .ef2 {
	color: #ff0000;
	font-size: 140%;
	letter-spacing: 0.55em;
}
.chikuwa .contents p .ef3 {
	color: #46d6e2;
	font-size: 140%;
	font-style: italic;
}
.chikuwa .contents p .ef4 {
	color: #999;
	font-size: 140%;
	text-decoration: line-through
}
.chikuwa .contents p .ef5 {
	font-size: 225%;
	font-family: serif;
}
.chikuwa .contents p .score {
	display: block;
	margin-top: -0.75em;
	font-size: 200%;
	letter-spacing: 0.25em;
	line-height: 1;
	text-align: center;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.chikuwa .contents p .score {
		font-size: 180%;
		letter-spacing: 0;
	}
}

.chikuwa .contents p.tc {
	text-align: center;
}