@charset "UTF-8";

/* base setting */
#header {
	border-bottom: 1px solid  #fabe00;
}
aside {
	background-color: #fabe00;
	border-top: none;
}


/* contents setting */
.bg {
	background: url(../img/products/pickup/saltpepper_lemon/bg_layout.png) repeat center top #ffffff;
}

.head {
	width: 100%;
	height: 482px;
	overflow: hidden;
	background: url(../img/products/pickup/saltpepper_lemon/bg_head02_pc.png) repeat-x center top;
}
.head .head_inner {
	width: 100%;
	height: 482px;
	background: url(../img/products/pickup/saltpepper_lemon/bg_head01_pc.png) no-repeat center top;
}
.head .head_inner h1 {
	width: 1100px;
	height: 482px;
	margin: 0 auto;
}
.head .head_inner h1 img {
	margin: 0 0 0 238px;
}

.layout{
}

.layout .inner {
	width: 1100px;
	margin: 0 auto;
	text-align: center;l
}

.layout .inner h1 {
	margin: 0;
}

.layout .inner .main {
	margin-bottom: 60px;
	padding-top: 40px;
	text-align: center;
}

.layout .inner .main .item_box {
	width: 980px;
	margin: 0 auto 30px;
}

.layout .inner .main .item_box .catch {
	color: #e40003;
	font-size: 30px;
	font-weight: bold;
}

.layout .inner .main .item_box .left_item {
	float: left;
	width: 582px;
}

.layout .inner .main .item_box .right_item {
	float: right;
	width: 398px;
}

.layout .inner .main .item_box .left_item .item {
	width: 582px;
}
.layout .inner .main .item_box .right_item .item {
	width: 398px;
}

.layout .inner .main .item_box .item_cover .item {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 425px;
}
.layout .inner .main .item_box .item_cover .item img {
	text-align: center;
	vertical-align: middle;
}

.layout .inner .main .item_box .item {
	text-align: center;
}

.layout .inner .main .txt {
}
.layout .inner .main .txt h2 {
	font-size: 36px;
	margin: 0 0 15px 0;
	color: #023894;
}

.layout .inner .main .link_btn {
	clear: both;
	width: 100%;
	margin: 0 0 50px 0;
}

.layout .inner .main .sns {
	width: 564px;
	margin: 0 auto 60px;
}
.layout .inner .main .sns p {
	position: relative;
	width: 564px;
	height: 273px;
	margin: 0;
}
.layout .inner .main .sns p a {
	position: absolute;
	top: 162px;
	left: 87px;
}

.layout .jumpBtnBox {
	border-bottom: 1px solid  #dddddd;
	clear: both;
	padding: 50px 0 40px;
	background: #ffffff;
	text-align: center;
}

.layout .inner .movie {
	width: 1100px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
.layout .inner .movie h3 {
	background: url(../img/products/pickup/saltpepper_lemon/ttl_pickup02_pc.png) no-repeat center top;
	width: 1100px;
	height: 60px;
	line-height: 60px;
	margin: 0 0 30px 0;
	color: #023894;
	font-size: 26px;
}
.layout .inner .movie ul {
	margin: 0 0 0 16px;
}
.layout .inner .movie ul li {
	float: left;
	width: 331px;
	height: 241px;
	background: url(../img/products/pickup/saltpepper_lemon/bg_anime01_pc.png) no-repeat center top;
	margin: 0 0 0 35px;
	padding: 60px 0 0 0;
}
.layout .inner .movie ul li:first-child {
	margin: 0;
}
.layout .inner .movie ul li p.text {
	font-size: 20px;
	padding: 10px 0;
	text-align: center;
}



/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {
#header {
	border-bottom: none;
}

/* contents setting */
.bg {
	background: url(../img/products/pickup/saltpepper_lemon/bg_layout.png) repeat center top #ffffff;
	background-size: 100% auto;
}

.head {
	width: 100%;
	height: auto;
	overflow: inherit;
	background: none;
}
.head .head_inner {
	width: 100%;
	height: auto;
	background: none;
}
.head .head_inner h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.head .head_inner h1 img {
	margin: 0;
}

.layout{
}

.layout .inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.layout .inner h1 {
	margin: 0;
}

.layout .inner .main {
	margin-bottom: 6%;
	padding-top: 0;
	text-align: center;
}


.layout .inner .main {
	margin-bottom: 6%;
	padding-top: 5%;
	text-align: center;
}

.layout .inner .main .item_box {
	width: 100%;
	margin: 0 auto 3%;
}

.layout .inner .main .item_box .catch {
	color: #e40003;
	font-size: 20px;
	font-weight: bold;
}

.layout .inner .main .item_box .left_item {
	float: none;
	width: 100%;
}

.layout .inner .main .item_box .right_item {
	float: none;
	width: 100%;
}

.layout .inner .main .item_box .left_item .item {
	width: 100%;
}
.layout .inner .main .item_box .right_item .item {
	width: 100%;
}

.layout .inner .main .item_box .item_cover .item {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: auto;
}
.layout .inner .main .item_box .item_cover .item img {
	text-align: center;
	vertical-align: middle;
}

.layout .inner .main .item_box .item {
	text-align: center;
}

.layout .inner .main .txt {
}
.layout .inner .main .txt h2 {
	font-size: 17px;
	margin: 0 0 3% 0;
	color: #023894;
}


.layout .inner .main .link_btn {
	width: 93%;
	margin: 0 auto 3%;
}

.layout .inner .main .sns {
	width: 100%;
	margin: 0 auto 5%;
}
.layout .inner .main .sns p {
	position: static;
	width: 100%;
	height: auto;
	margin: 0;
}

.layout .inner .main .sns .cover {
	display: none;
}

.layout .inner .main .sns p a {
	position: static;
	top: auto;
	left: auto;
}

.layout .inner .movie {
	width: 93%;
	margin: 0 auto;
	padding: 0 0 6% 0;
}
.layout .inner .movie h3 {
	background: url(../img/products/pickup/saltpepper_lemon/ttl_pickup02_sp.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	line-height: 1;
	margin: 0 0 3% 0;
	color: #023894;
	font-size: 16px;
	padding: 3.5% 0;
}
.layout .inner .movie ul {
	margin: 0;
}
.layout .inner .movie ul li {
	float: none;
	width: 63%;
	height: auto;
	background: url(../img/products/pickup/saltpepper_lemon/bg_anime01_pc.png) no-repeat center top;
	background-size: 100% auto;
	margin: 0 auto;
	padding: 18% 15% 15%;
}
.layout .inner .movie ul li:first-child {
	margin: 0 auto;
}

.layout .jumpBtnBox {
	clear: both;
	padding: 5% 0;
	background: #FFF;
	width: 100%;
	border-bottom: none;
}
.layout .jumpBtnBox p {
	text-align: center;
	margin: 0 auto;
	width: 74%;
}



}