@charset "utf-8";



/* =================================================================
		Reset
================================================================= */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size:0.9rem;
  line-height:1.7;
	/*font-weight:500;*/
}
ol, ul {
    list-style: none;
}
/*img {
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	width:100%;
	height:auto;
}*/
.wrapper img{
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	width:100%;
	height:auto;
}
/* =================================================================
		レイアウト
================================================================= */
.wrapper{
	width:100%;
/*	max-width:640px;*/
	margin:0 auto;
}
/* ヘッダ
-------------------- */
.header {
	width:100%;
	border-top:2px solid #FF9104;
}
.headerin {
	height:25px;
	background:url(../img/bg_header.png) repeat-x left top #F7F7F7;
	background-size: 10px auto;
}
.header__logo {
	text-align:right;
}
.header__logo img {
	width:122px;
}
/* フッタ
-------------------- */
.footer {
	width:100%;
	position:relative;
	background:#FFA026;
	padding:10px 0;
}
.footer__logo {
	position:absolute;
	top:30%;
	right:5%;
	width:30%;
}
.footer__list{
	padding:0 10px 10px;
}
.footer__list > li{
	background:url(../img/icon_arrow.png) no-repeat 2% center;
	background-size: 4px auto;
	padding:0 0 0 4%;
	line-height:2;
	font-size:0.8rem;
}
.footer__list > li a {
	color:#fff;
}
.footer__list > li.footer__blank a {
	background:url(../img/icon_blank.png) no-repeat center right;
	background-size: 10px auto;
	padding:0 4% 0 0;
}
.footer__copy {
	border-top:1px solid #fff;
	text-align:center;
	color:#fff;
	font-size:0.7rem;
	padding:10px 5px 0;
}

/* CVエリア
-------------------- */
.cv {
	margin:0 0 15px;
}
.cv__box {
	position:relative;
}
.cv__btn01 {
	position:absolute;
	top:70%;
	left:0;
	right:0;
	width:88%;
	margin:0 auto;
}
/* =================================================================
		コンテンツ
================================================================= */

/* buy
-------------------- */

.fixed {
    top: -400px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 99;
}
.fixed img {
    height: auto;
    width: 100%;
}

/* Rakuten
-------------------- */
.rakuten{	
	margin:10px 10px 15px;
	text-align:center;
}
.rakuten_txt{
	margin:0 0 5px 0;
	font-size:10px;
	text-align:center;
}
/* キャンペーン注意事項
----------------------------------------------- */
.campaign{
	margin:0 auto 20px;
}
.campaign__ttl{
	font-size:1rem;
	margin:0 auto 10px;
	font-weight: bold;
	padding:8px 10px;
	color:#fff;
	background: -moz-linear-gradient(top, rgba(255,185,56,1) 0%, rgba(237,118,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,185,56,1)), color-stop(100%,rgba(237,118,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,185,56,1) 0%,rgba(237,118,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,185,56,1) 0%,rgba(237,118,0,1) 100%);
}
.campaign__table {
	width:96%;
	margin:0 auto;
	text-align:left;
	font-size:0.7rem;
	color:#333;
	border-collapse: collapse;
	border-spacing: 0;
}
.campaign__table th {
	background:#FFFAE9;
	padding:10px;
	border:#ff8a00 solid 1px;
}
.campaign__table td {
	background:#fff;
	padding:10px;
	border:#ff8a00 solid 1px;
  line-height:1.4;
}
.campaign__table a{
	color:#3300FF;
	text-decoration:underline;
}
.campaign__table .red {
	color:#ff0000;
}

.key {
	width:100%;
	position:relative;
}
.key__btn {
	position:absolute;
	top:76%;
	left:3%;
	width:96%;
}
/* かどやの「ごまセサミン」
-------------------- */
.good {
	margin:0 0 15px;
}
.good__list {
	margin:0 15px;
	border:2px solid #1c5fb2;
}
.good__list > li + li {
	border-top:2px solid #1c5fb2;
}
.good__body {
	padding:15px;
}
.good__img {
	margin:0 0 15px;
}
.good__txt {
	margin:0 0 10px;
}
.good__box {
	padding:0 0 10px;
}
/* 普段の食事にセサミンを
-------------------- */
.research__body {
	padding:15px;
}
.research__txt {
	margin:0 0 15px;
}
.research__box {
	padding:10px 0 0;
}
/* ご質問
-------------------- */
.faq__ttl {
}
.faq__txt {
	margin:0 0 10px;
}
.faq__list{
	padding:15px;
	background:#FFF6E0;
}
.faq__list > li {
	margin:0 0 15px;
	background:#FFE7AF;
	border:2px solid #FFE7AF;
}
.faq__list > li:last-child {

}
.faq__sttl {
	background:url(../img/icon_q.png) no-repeat 2% center;
	background-size: 33px auto;
	padding:5% 2% 5% 15%;
	line-height:1.5;
}
.faq__box {
	background:url(../img/icon_a.png) no-repeat 2% 10% #fff;
	background-size: 33px auto;
	padding:2% 2% 2% 15%;
}
/* モニターキャンペーン
-------------------- */
.detail {

}
.detail__ttl {
	font-weight:bold;
	text-align:center;
	background:#FFA026;
	color:#fff;
	padding:5px 0;
	margin:0 0 10px;
}
.detail__txt {
	padding:0 10px 10px;
}
.detail__list > li {
	margin:0 0 10px;
}
/* =================================================================
		汎用パーツ
================================================================= */
.txt_c {
	text-align:center;
}
.font_em01 {
	color:#e20000;
	font-weight:normal;
}
/* =================================================================
		Clearfix
================================================================= */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}