@charset "utf-8";

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

/* ================================================
 HOME [SP]
--------------------------------------------------- */

/*20160406*/
p{
	word-break: break-all;
}

/* #slide [SP]
-----------------------*/
#slide {
	width:100%; height:auto;
}
#slide ul {
	width:100%; height:auto;
}
#slide .pattern {/*20160407*/
	height: 100%;
}
#slide .bx-wrapper {
	width:100%; height:auto;
}
#slide .bx-wrapper img {
	width:100%;
}
/* pager */
#slide .bx-wrapper .bx-pager {
	right:0; bottom: 18px;
	text-align: center;
}
#slide .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 12px;

}

/* #pickup [SP]
-----------------------*/
#pickup {
	margin-top:30px;
}
#pickup h2 {
	width:90.625%; height:0;
	margin:0 auto; padding-top:5.2%;
	background:url(../image/home/title_pickup_sp.png) 0 0 no-repeat;
	background-size:contain;
	font-size:0;
}
#pickup .block1 {
	width:100%;
	margin:30px auto 0 auto; padding-bottom:20px;
	position:relative;
	overflow:hidden;
}
#pickup ul {
	position: relative;
	left: 9vw;
	overflow: visible !important;
}
#pickup li {
	width:76vw !important;
	padding: 0 3vw !important;
	display:block;
}

#pickup .articleBox {
	padding-right:0;
	padding-bottom:15px;
}
#pickup h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
}
#pickup h3 .en {
	font-size:15px; font-size:4.6875vw;
	margin-top:0;
}
#pickup .text {
	margin-top:5px; padding-bottom:8px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#pickup .foot {
	padding-top:0;
	/*border-bottom:#dbdbdb 3px solid;*/
}
#pickup .foot .date {
	position: static;/*20160401*/
	margin-left: 0px;/*20160401*/
	display:block;/*20160401*/
}
#pickup .foot .date p {
	font-size:11px; line-height:16px; letter-spacing:0;
}
#pickup .foot .tags {
	/*width:134px; 20160401*/
	display:block;/*20160401*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#pickup .foot .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 5px 5px;
}
#pickup	.bx-pager {
	text-align: center;
}
#pickup .bx-pager-item {
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin: 0 2vw;
	overflow: hidden;
	text-indent: -99999px;
}
#pickup .bx-pager-item a {
	display: block;
	width: 4vw;
	height: 4vw;
	background-color: #dcdcdc;
}
#pickup .bx-pager-item a.active, #pickup .bx-pager-item a:hover {
	background-color: #999;
}

/* #recommend [SP]
-----------------------*/
#recommend {
	width: 100%;
	margin-top:30px;
}
#recommend:not(.bottoms) h2 {
	width:100%; height:0;
	padding-top:9.0625%; margin-bottom:0;
	background:url(../image/home/title_recommend_sp.png) 0 0 no-repeat;
	background-size:contain;
	font-size:0;
	position:relative;
}
#recommend .block1 {
	width:93.75%;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	overflow:hidden;
}
#recommend ul {
	margin-right:0;
}
#recommend li {
	width:100%;
	padding: 30px 0;
	border-bottom: 3px #dfdfdf solid;
}
#recommend .articleBox {
	width: 100%;
	margin: 0 auto;
	padding-right:0;
}
#recommend .text {
	font-size:12px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#recommend .foot {
	padding-top:0;
}
#recommend .foot .tags {
	margin-top: 15px;
}
#recommend .foot .tags p {
	padding:5px 5px 0 0;
}
/* category top */
#recommend.bottoms {
	width: 98%;
}
#recommend.bottoms h2 {
	width: 92%;
	margin: 0 auto -10px;
}

/* #features
-----------------------*/
#features {
	width: 90.625%;
	margin: 0 auto;
	padding-bottom:30px;
}
#features h2 {
    width: 100%;
    height: 0;
    padding-top: 4.83%;
    background: url(../image/share/title_features_sp.png) no-repeat;
    background-size: contain;
    font-size: 0;
}
#features li {
    padding-bottom: 30px;
}
#features li img {
    width: 100%;
    vertical-align: bottom;
}

/* #search_area
-----------------------*/
#search_area {
	width: 90.625%;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* #news [SP]
-----------------------*/
#news {
	padding-bottom:30px;
}
#news h2 {
	width:100%; height:0;
	padding-top:9.0625%; margin-bottom:0;
	background:url(../image/home/title_news_sp.png) 0 0 no-repeat;
	background-size:contain;
	font-size:0;
	position:relative;
}
#news h2 a{
	display:none;
}
#news ul {
	width:90.625%;
	margin:0 auto; padding-top:10px;
}
#news li {
	width:100%;
	padding-bottom:0; padding-top:20px;
}
#news .articleBox {
	padding:0 0 0 0;
	display:block;
	border-bottom:none; border-left:none;
}
#news .photo {
	width:100%;
	padding-left:0; padding-bottom:20px;
	display:block;
	border-bottom:#dbdbdb 3px solid;
}
#news .photo a {
	position:relative;
	display:block;
}
#news .icon {
	width:62px;
	font-size:11px; line-height:16px;
	position:absolute; left:0; top:0;
}
#news .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:63px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: 63px;/*20160401*/
}
#news .tags {
	/*width:134px; 20160401*/
	/*float:right; 20160401*/
	position:relative; right:auto; top:auto;
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	margin-bottom: 10px;/*20160401*/
	width:100%;/*20160401*/
}
#news .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 12px 5px;
}
#news h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
	padding-top:0;
	clear:both;
}
#news .en {
	font-size:15px; font-size:4.6875vw; line-height:140%; letter-spacing:0.15em;
	margin-top:1px;
}
#news .text {
	margin-top:15px; padding-bottom:8px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#news .more_sp {
	width:90.625%;
	margin:0 auto;
	display:block;
	border-bottom:#dbdbdb 3px solid;
}
#news .more_sp img {
	width:100%;
	vertical-align:bottom;
}

/* #latest [SP]
-----------------------*/
#latest {
	padding-bottom:30px;
}
#latest h2 {
	width:100%; height:0;
	padding-top:9.0625%; margin-bottom:10px;
	background:url(../image/home/title_latest_sp.png) 0 0 no-repeat;
	background-size:contain;
	font-size:0;
}
#latest .title {
	width:90.625%; height:20px;
	margin:0 auto; padding-top:20px;
	display:table;
}
#latest .title .cat {
	width:115px;
	font-size:13px; line-height:20px; letter-spacing:0.025em;
	float:none;
	display:table-cell; vertical-align:top;
}
#latest .title .en {
	padding-left:8px;
	font-size:13px; line-height:20px;
	float:none;
	display:table-cell; vertical-align:top;
}
#latest .block1 {
	width:93.75%;
	margin:0 auto; padding-bottom:20px;
	position:relative;
	overflow:hidden;
}
#latest ul {
	margin-right:0;
}
#latest li {
	width:50%;
}
#latest .articleBox {
	width:93.33%;
	margin:0 auto; padding-right:0; padding-top:20px;
}
#latest .photo {
	margin-bottom:10px;
}
#latest h3 {
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#latest .en {
	font-size:13px; font-size:4.0625vw; line-height:135%; letter-spacing:0; padding-top:5px;
}
#latest .text {
	display:none;
}
#latest .foot {
	width:100%;
	padding-bottom:20px;
	display:table;
	border-bottom:#dbdbdb 3px solid;
}
#latest .foot .date {
	padding-top:5px;
	display:block;
}
#latest .foot .date p {
	text-indent:-4px;
	font-size:11px; line-height:11px;
}
#latest .foot .tags {
	width:100%;
	display:block; vertical-align:top;
}
#latest .foot .tags p {
	width:62px;
	padding:17px 5px 0 0;
}
#latest .more_sp {
	width:90.625%;
	margin:0 auto;
	display:block;
	border-top:#dbdbdb 3px solid; border-bottom:#dbdbdb 3px solid;
}
#latest .more_sp img {
	width:100%;
	vertical-align:bottom;
}

/* #collabo [SP]
-----------------------*/
#collabo {
	padding-bottom:30px;
}
#collabo h2 {
	width:90.625%; height:0;
	padding-top:23.28%; margin:0 auto 30px auto;
	background:url(../image/home/title_collabo_sp.png) no-repeat;
	background-size:contain;
	font-size:0;
}
#collabo .block1 {
	width:93.75%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#collabo ul {
	width:100%;
	margin-right:0;
	text-align: left;
}
#collabo li {
	width:50%;
	padding:0;
}
#collabo li div {
	width:90%;
	margin:0 auto; padding-bottom:12px;
}


/* #links [SP]
-----------------------*/
#links {
	padding-bottom:65px;
}
#links h2 {
	width:90.625%; height:0;
	padding-top:5.18%; margin:0 auto 30px auto;
	background:url(../image/home/title_links_sp.png) no-repeat;
	background-size:contain;
	font-size:0;
}
#links .block1 {
	width:100%; height:0;
	margin-right:0; padding-top:54.8%;
	text-align:left;
}
#links .box {
	width:100%;
	position:absolute; left:0; top:0;
}
#links .box div {
	width:33.3%; height:0;
	padding:13.7% 0 0 0;
	position:relative;
}
#links .box div p {
	width:95.91%;
	position:absolute; left:2.045%; top:0;
}
/*20160412 #links {
	padding-bottom:65px;
}
#links h2 {
	width:90.625%; height:0;
	padding-top:5.18%; margin:0 auto 30px auto;
	background:url(../image/home/title_links_sp.png) no-repeat;
	background-size:contain;
	font-size:0;
}
#links .block1 {
	margin-right:0;
	text-align:left;
}
#links .block1 div {
	width:33.3%;
	padding:0;
}
#links .block1 div p {
	width:95.91%;
	margin:0 auto; padding-bottom:4px;
}*/

/* #links slide [SP]
-----------------------*/
#slideLinks {
	width:91.875%; height:auto;
	margin:0 auto;
}
#slideLinks ul {
	width:100%; height:auto;
}
#slideLinks li {
	width:100%;
	position:relative;
	overflow:hidden;
}
#slideLinks .bx-wrapper {
	width:100%; height:auto;
	margin: 0 auto; padding: 0;
	position: relative;
	*zoom: 1;
}
#slideLinks .bx-wrapper .bx-loading {
	height: 100%; width: 100%; min-height: 50px;
	position: absolute; top: 0; left: 0; z-index: 2000;
	background: url(../image/share/bx_loader.gif) center center no-repeat #F7F7F7;
}
/* pager */
#slideLinks .bx-wrapper .bx-pager {
	width: 100%;
	position: absolute; right:0; top:auto; bottom:-37px;
	text-align:center;
}
#slideLinks .bx-wrapper .bx-pager .bx-pager-item {
	padding-left:12px; padding-right:12px;
}

/* ================================================
 基本ブログ [SP]
--------------------------------------------------- */
#basic {
	width:90.625%;
	margin:0 auto; padding-bottom:20px;
}
#basic ul {
	width:100%;
	margin:0 auto;
}
#basic li {
	width:100%;
	padding-bottom:0; padding-top:20px;
}
#basic li .articleBox {
	padding:0;
	display:block;
	border-bottom:#dbdbdb 3px solid; border-left:none;
}
#basic li .photo {
	width:100%;
	padding-right:0; padding-bottom:10px;
	display:block;
}
#basic li .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
}
#basic li .tags {
	/*width:134px; 20160401*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#basic li li .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 12px 5px;
}
#basic .cat {
	padding-top:0;
	font-size:13px; font-size:4.0625vw; line-height:160%;
}
#basic li h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
	padding-top:12px;
}
#basic li .text {
	margin-top:15px; padding-bottom:15px;
	clear:both;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}

/* title_basic */
.title_basic {
	background:none;
}
.title_basic p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/foodshoping/title_sp.jpg) no-repeat;
	background-size:contain;
}

/* .foodshoping_title1 */
#basic .basic_title1 {
	margin:0 auto 10px auto; padding-left:0;
	position:relative;
	border-left:none; border-bottom:#dbdbdb 3px solid;
}
#basic .basic_title1 h2 {
	padding-top:15px;
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
}
#basic .basic_title1 h3 {
	padding:10px 0 5px 0;
	font-size:13px; font-size:4.0625vw; line-height:160%;
}
#basic .basic_title1 .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
}
#basic .basic_title1 .tags {
	/*width:134px; 20160401*/
	padding-left:0;
	/*float:right;/*20160401*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#basic .basic_title1 .tags p {/*20160401*/
	padding:0 0 12px 5px;
}
basic .basic_title1 .sns_header {
	width:100%; height:20px;
	position:relative;
	clear:both;
}

/* .foodshoping_box */
.basic_box {
	width:100%;
	margin:0 auto;
}
.basic_box .image_main {
	margin-bottom:15px;
}
.basic_box p{
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
	margin-bottom:20px;
}
.basic_box .image2 .photo1{
	width:49.3%;
}
.basic_box .image2 .photo2{
	width:49.3%;
}

.basic_box .image3 {
	width:100%;
	padding:10px 0 25px 0;
}
.basic_box .image3 .block1 {
	margin-right:-4px;
}
.basic_box .image3 .block1 p {
	padding-right:4px;
}

/* .sns_footer */
#basic .sns_footer {
	height:20px;
	padding:1px 0 10px 0;
	text-align:center;
}
#basic .sns_footer img {
	margin-left:5px; margin-right:5px;
}

/* .information */
.information h5 {
	width:100%; height:0;
	padding-top:4.83%; margin-bottom:15px;
	background:url(../image/foodshoping/sakaba/title_information_sp.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
.information .block4 {
	padding:0 3.7%; margin-bottom:10px;
	border:#FFF 10px solid;
}
.information .block4 h4 {
	padding:7px 0 5px 0;
	font-size:16px; font-size:5vw; line-height:200%; letter-spacing:0.05em; font-weight:bold;
}
.information .block4 dl {
	width:100%;
	position:relative;
	border-top:#dbdbdb 1px solid;
	font-size:12px; font-size:3.75vw; line-height:166%; letter-spacing:0;
}
.information .block4 dt {
	width:100%;
	padding:3px 0 0 0;
	position:relative; left:auto; top:auto;
}
.information .block4 dd {
	width:100%;
	padding:0;
	word-break: break-all;/*20160405*/
}
.information .maps {
	width:100%; height:240px;
	margin-bottom:10px;
}

/* ================================================
 コンテンツメインビジュアル [SP]
--------------------------------------------------- */
.title_visual {
	background:none;
}
.title_visual p {
	width:100%; height:auto;
	background-size:contain;
}
.title_visual p img {
	width:100%; height:auto;
}

/* title_foodshoping */
.title_foodshoping, .title_history, .title_culture, .title_join, .title_event, .title_news {
	background:none;
}
.title_foodshoping p, .title_history p, .title_culture p, .title_join p, .title_event p, .title_news p {
	width:100%; height:0;
	padding-top:15.625%;
	background-size:contain;
}
.title_foodshoping p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/foodshoping/title_sp.jpg) no-repeat;
	background-size:contain;
}
.title_history p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/history/title_sp.jpg) no-repeat;
	background-size:contain;
}
.title_culture p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/culture/title_sp.jpg) no-repeat;
	background-size:contain;
}
.title_join p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/join/title_sp.jpg) no-repeat;
	background-size:contain;
}
.title_news p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/news/title_sp.jpg) no-repeat;
	background-size:contain;
}

/* ================================================
 GOURMET & SHOPPING [/foodshoping/][/history/] [SP]
--------------------------------------------------- */
#foodshoping {
	width:90.625%;
	margin:0 auto; padding-bottom:20px;
}
#foodshoping ul {
	width:100%;
	margin:0 auto;
}
#foodshoping li {
	width:100%;
	padding-bottom:0; padding-top:20px;
}
#foodshoping li .articleBox {
	padding:0;
	display:block;
	border-bottom:#dbdbdb 3px solid; border-left:none;
}
#foodshoping li .photo {
	width:100%;
	padding-right:0; padding-bottom:10px;
	display:block;
}
#foodshoping li .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
	display:block;
}
#foodshoping li .tags {
	/*width:134px;*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#foodshoping li .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 12px 5px;
}
#foodshoping .cat {
	padding-top:0;
	font-size:13px; font-size:4.0625vw; line-height:160%;
}
#foodshoping li h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
	padding-top:12px;
}
#foodshoping li .text {
	margin-top:15px; padding-bottom:15px;
	clear:both;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}

/* .foodshoping_title1 */
#foodshoping .foodshoping_title1 {
	margin:0 auto 10px auto; padding-left:0;
	position:relative;
	border-left:none; border-bottom:#dbdbdb 3px solid;
}
#foodshoping .foodshoping_title1 h2 {
	padding-top:15px;
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
}
#foodshoping .foodshoping_title1 h3 {
	padding:10px 0 5px 0;
	font-size:13px; font-size:4.0625vw; line-height:160%;
}
#foodshoping .foodshoping_title1 .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
}
#foodshoping .foodshoping_title1 .tags {
	padding-left:0;
	/*float:right;*/
	/*width:134px;*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#foodshoping .foodshoping_title1 .tags p {/*20160401*/
	padding:0 0 12px 5px;
}
#foodshoping .foodshoping_title1 .sns_header {
	width:100%; height:20px;
	position:relative;
	clear:both;
}

/* .foodshoping_box */
.foodshoping_box {
	width:100%;
	margin:0 auto;
}
.foodshoping_box .image_main {
	margin-bottom:15px;
}
.foodshoping_box p{
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
	margin-bottom:20px;
}
.foodshoping_box .image2 .photo1{
	width:49.3%;
}
.foodshoping_box .image2 .photo2{
	width:49.3%;
}

.foodshoping_box .image3 {
	width:100%;
	padding:10px 0 25px 0;
}
.foodshoping_box .image3 .block1 {
	margin-right:-4px;
}
.foodshoping_box .image3 .block1 p {
	padding-right:4px;
}
.image_sub {
	width: 100%;
	right: 0;
}
.image_sub p {
	padding-top: 25px !important;
	margin-right: 5px !important;
}
.image_sub img {
	width: 30%;
}

/* .sns_footer */
#foodshoping .sns_footer {
	height:20px;
	padding:1px 0 10px 0;
	text-align:center;
}
#foodshoping .sns_footer img {
	margin-left:5px; margin-right:5px;
}


/* ================================================
 WATCH, LISTEN & LEARN [/culture/] [SP]
--------------------------------------------------- */
#culture .block1 {
	padding-bottom:20px;
}
#culture ul {
	width:90.625%;
	margin:0 auto;
}
#culture li {
	width:100%;
	padding-bottom:0; padding-top:20px;
}
#culture .articleBox {
	padding-left:0; margin-right:0;
	border-bottom:#dbdbdb 3px solid; border-left:none;
}
#culture .photo {
	width:100%; min-height:0;
	margin:0 0 10px 0;
}
#culture .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
}
#culture .tags {
	/*width:134px;*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
}
#culture .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 12px 5px;
}
#culture .cat {
	padding-top:0;
	font-size:13px; font-size:4.0625vw; line-height:160%;
}
#culture h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
	padding-top:10px;
}
#culture .text {
	margin-top:15px; padding-bottom:15px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}

/* ================================================
 EVENTS [/join/] [SP]
--------------------------------------------------- */
#events {
	padding-bottom:30px;
}
/* #eventsBox
-----------------------*/
#eventsBox {
	width:90.625%; height:auto;
	margin:0 auto;
	overflow:visible;
}
#eventsBox h4.events1 {
	width:100%; height:0;
	padding-top:4.83%; margin:0 auto;
	background:url(../image/join/title_event_sp.png) 0 0 no-repeat;
	background-size:contain;
	font-size:0;
}
#eventsBox ul {
	padding-right:0;
}
#eventsBox li {
	padding-top:30px;
}
#eventsBox .articleBox {
	padding:0;
	display:block;
	border-bottom:none; border-left:none;
}
#eventsBox .photo {
	width:100%;
	padding-left:0; padding-bottom:20px;
	display:block;
	border-bottom:#dbdbdb 3px solid;
}
#eventsBox .date {
	font-size:11px; line-height:16px;
	/*position:absolute; left:-2px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -2px;/*20160401*/
}
#eventsBox .tags {
	/*width:134px; 20160401*/
	/*float:right; 20160401*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	margin-bottom: 10px;/*20160401*/
	width:100%;/*20160401*/
	position:relative; right:auto; top:auto;
}
#eventsBox .tags p {
	/*padding:0 0 17px 5px; 20160401*/
	padding:0 0 12px 5px;
}
#eventsBox h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
	padding-top:0;
	clear:both;
}
#eventsBox .en {
	font-size:15px; font-size:4.6875vw;
	margin-top:1px;
}
#eventsBox .text {
	margin-top:15px; padding-bottom:8px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}

/* .calendar
-----------------------*/
#events .calendar {
	width:90.625%;
	margin:30px auto 0 auto;
}
#events .calendar h4{
	width:100%; height:14px;
	margin-bottom:20px;
	background:url(../image/join/title_event_calendar.png) 0 0 no-repeat;
	text-indent:-9999px;
	float:none;
}
#events .calendar table {
	border-left:none; border-top:#dbdbdb 3px solid;
}
#events .calendar th {
	display:none;
}
#events .calendar td {
	width:100%;
	padding:0 4.6875% 5px 4.6875%;
	display:block;
	border-right:none; border-bottom:#dbdbdb 3px solid;
	font-size:12px; font-size:3.75vw; line-height:160%; letter-spacing:0.1em;
}
#events .calendar td.date {
	padding:5px 4.6875% 0 4.6875%;
	border-bottom:none;
}


/* #eventReport
-----------------------*/
#eventReport {
	width:90.625%;
	margin:30px auto 0 auto;
}
#eventReport h2 {
	width:100%; height:14px;
	background:url(../image/join/title_event_report.png) no-repeat;
	text-indent:-9999px;
}
#eventReport .block1 {
	width:100%;
	margin:20px auto 0 auto;
	position:relative;
	overflow:hidden;
}
#eventReport ul {
	margin-right:0;
}
#eventReport li {
	width:100%;
	padding-bottom:20px;
	display:block;
}
#eventReport .articleBox {
	padding-right:0;
	padding-bottom:0;
}
#eventReport h3 {
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
}
#eventReport h3 .en {
	font-size:15px; font-size:4.6875vw;
	margin-top:0;
}
#eventReport .text {
	margin-top:5px; padding-bottom:8px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#eventReport .foot {
	padding:0;
	border-bottom:#dbdbdb 3px solid;
}
#eventReport .foot .date {/*20160401*/
	display:block;
}
#eventReport .foot .date p {
	font-size:11px; line-height:16px; letter-spacing:0;
}
#eventReport .foot .tags {
	/*width:134px; 20160401*/
	display:block;;/*20160401*/
	float:none;/*20160401*/
	margin-top: 10px;/*20160401*/
	width:100%;/*20160401*/
}
#eventReport .foot .tags p {
	padding:0 0 17px 5px;
}
#eventReport li:last-child{
	padding-bottom:0;
}

/* ================================================
 SAKABA [/foodshoping/sakaba/] [SP]
--------------------------------------------------- */
.sakaba_title {
	width:100%; height:0;
	padding-top:15.3125%;
	background:url(../image/foodshoping/sakaba/title_sp.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
#sakaba {
	width:90.625%;
	margin:0 auto; padding-bottom:20px;
}
#sakaba .sakaba_title1 {
	height:auto;
	padding-left:0;
	position:relative;
	border-left:none; border-bottom:#dbdbdb 3px solid;
}
#sakaba .sakaba_title1 h2 {
	padding-top:10px;
	font-size:17px;font-size:5.3125vw; line-height:200%;
}
#sakaba .sakaba_title1 .date {
	position:relative; left:auto; top:auto;
	margin-left:-4px;
	font-size:11px; line-height:100%;
}
#sakaba .sakaba_title2 {
	padding-left:10px; margin-top:20px;
	border-left:#dbd2cc 5px solid;
}
#sakaba .sakaba_title2 h4 {
	font-size:17px; font-size:5.3125vw; line-height:100%; letter-spacing:0.15em;
	padding-bottom:3px;
}
#sakaba .sakaba_title2 h4 .s {
	font-size:12px; font-size:3.75vw; line-height:100%;
	position:relative; top:-2px;
	margin-left:10px;
}
#sakaba .sakaba_title2 p {
	font-size:12px;font-size:3.75vw; line-height:150%; letter-spacing:0.025em;
}
#sakaba .sakaba_title3 {
	margin-top:30px; margin-bottom:30px; padding-left:3px;
	border-left:#0a2a72 5px solid;
}
#sakaba .sakaba_title3 p {
	padding-left:10px;
	border-left:none;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#sakaba h3 {
	font-size:17px; font-size:5.3125vw; line-height:225%; letter-spacing:0.15em;
}
#sakaba .block1 {
	border:#cfd5e2 5px solid;
}
#sakaba .block1 .text {
	padding:0;
	display:table-row-group;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
}
#sakaba .block1 .text div {
	padding:5px 8px;
	border-top:#cfd5e2 5px solid;
}
#sakaba .block1 .text p {
	width:14%; height:auto;
	margin:4px 3px 0 0;
	font-size:28px; font-size:8.75vw; line-height:125%;
	float:left;
}
#sakaba .block1 .line1 {
	border-right:none;
}
#sakaba .block1 .line2 {
	border-left:none;
}
#sakaba .block1 .photo {
	display:table-header-group;
}
#sakaba .block1 .photo img {
	width:100%;
}
#sakaba .block2 {
	border:#cfd5e2 5px solid; border-top:none;
}
#sakaba .block2 img {
	width:100%;
}
#sakaba .block3 {
	padding:0; margin-bottom:15px;
	border:#cfd5e2 5px solid; border-top:none;
}
#sakaba .block3 p {
	padding:4px 8px;
	background:#e0e6f4;
	font-size:12px; font-size:3.75vw; line-height:150%; letter-spacing:0.05em;
}
#sakaba .release {
	margin-bottom:30px;
	border:#cfd5e2 5px solid;
	font-size:12px; font-size:3.75vw; line-height:225%; letter-spacing:0.05em; text-align:center;
}
/* .sns_footer */
#sakaba .sns_footer {
	height:20px;
	padding:1px 0 10px 0;
	text-align:center;
}
#sakaba .sns_footer img {
	margin-left:5px; margin-right:5px;
}

/* ================================================
 SANNOU [/culture/sannou/]
--------------------------------------------------- */
.sannou_title {
	background:none;
}
.sannou_title p {
	width:100%; height:0;
	padding-top:15.625%;
	background:url(../image/culture/sannou/title_sp.jpg) 0 0 no-repeat;
	background-size:contain;
}
#sannou {
	width:90.625%;
	margin:0 auto; padding-bottom:20px;
}

/* .sannou_title1 */
#sannou .sannou_title1 {
	padding-left:0; margin-bottom:10px;
	position:relative;
	border-left:none; border-bottom:#dbdbdb 3px solid;
}
#sannou .sannou_title1 h2 {
	padding-top:15px;
	font-size:17px; font-size:5.3125vw; line-height:160%; letter-spacing:0.1em;
}
#sannou .sannou_title1 h3 {
	padding-top:8px; padding-bottom:5px;
	font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.1em;
}
#sannou .sannou_title1 h4 {
	padding:5px 0;
	font-size:11px; line-height:20px; letter-spacing:0.1em;
	border-top:#dbdbdb 3px solid;
}
#sannou .sannou_title1 .date {
	font-size:11px; font-size:3.4375vw; line-height:145%;
	/*position:absolute; left:-4px; top:0; 20160401*/
	position: static;/*20160401*/
	margin-left: -4px;/*20160401*/
}
#sannou .sannou_title1 .tags {
	/*width:134px; 20160401*/
	/*float:right; 20160401*/
	float:none;/*20160401*/
	margin-top: 15px;/*20160401*/
	width:100%;/*20160401*/
	padding-left:0;
}
#foodshoping li .tags p {/* 20160401*/
	padding:0 0 12px 5px;
}
#sannou .sannou_title1 .sns_header {
	width:100%; height:20px;
	position:relative;
	clear:both;
}

/* .sannou_map */
.sannou_map .image_main .icon {display:none;}

/* .sannou_list */
.sannou_list {
	width:100%;
	padding-bottom:20px;
}
.sannou_list ul {
	margin-right:-10px;
}
.sannou_list li {
	width:50%;
}
.sannou_list .articleBox {
	height:100%;
	margin-right:10px;
}
.sannou_list .photo {
	width:100%; height:0;
	padding-top:163%;
	position:relative;
}
.sannou_list .photo .box {
	width:100%; height:100%;
	position:absolute; left:0; top:10px;
}
.sannou_list .photo .text {
	width:100%; height:0;
	padding-top:155%;
	box-sizing:border-box;
	position:absolute; left:0; top:10px;
	background:#f5dabe;
	border:#dbdbdb 1px solid;
}
.sannou_list .photo .text div {
	width:100%; height:100%;
	padding:0;
	position:absolute; left:0; top:10px;
	display:table;
	font-size:12px; ont-size:3.75vw; line-height:160%;
	background:none;
	border:none;
 }
.sannou_list .photo .text p {
	width:90%; height:100%;
	padding:0 5%;
	 vertical-align:middle;
	display:table-cell;
 }
.sannou_list h4 {
	font-size:16px; line-height:26px; letter-spacing:0.1em; text-align:center; color:#666;
	padding-bottom:12px;
}
.sannou_list h4 span {
	font-size:12px; line-height:24px; letter-spacing:0.1em;
}
.sannou_list h4 span.s {
	font-size:11px; letter-spacing:0em;
}

.sannou_map .image_main_cap {
	padding:10px 0; margin-top:2px;
	font-size:11px; font-size:3.4375vw; line-height:135%;
}

/* .sns_footer */
#sannou .sns_footer {
	height:20px;
	padding:20px 0 10px 0;
	border-bottom:#dbdbdb 2px solid;
	letter-spacing:-.40em; font-size:0;
	text-align:right;
}
#sannou .sns_footer .facebook {
	width:60px; height:20px;
	padding-right:10px;
	display:inline-block;
}
#sannou .sns_footer .tweet {
	width:68px; height:20px;
	display:inline-block;
}

/* ================================================
 PICTURE [/history/picture/][SP]
--------------------------------------------------- */
#picture {
	width:100%;
	padding-bottom:50px;
}
#picture .picture_title_sp {
	width:90.625%; height:0;
	margin:0 auto; padding-top:17.07%;
	background:url(../image/history/picture/title_sp.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
#picture .picture_index {
	width:90.625%;
	margin:10px auto;
}
#picture .picture_index .title {
	width:100%; height:0;
	padding-top:12.76%;
	display:block;
	background:#a68368 url(../image/history/picture/title_index_sp.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
#picture .picture_index .body{
	padding:5px 12px;
	display:block;
	border:#a68368 2px solid; border-top:none;
}
#picture .picture_index .body ul {
	width:100%;
	letter-spacing:-.40em; font-size:0;
}
#picture .picture_index .body li {
	width:100%;
	padding-left:0;
	display:inline-block;
	font-size:12px; font-size:3.75vw; line-height:175%; letter-spacing:0;
}

#picture .picture_title1 {
	padding:10px 0 5px 0; margin-bottom:50px;
	position:relative;
	border-top:#885a36 4px solid; border-bottom:#885a36 4px solid;
}
#picture .picture_title1 h2 {
	margin-bottom:9px;
	font-size:16px; line-height:131%; letter-spacing:0.1em; text-align:center;
}
#picture .picture_title1 p {
	font-size:12px; line-height:18px; letter-spacing:0.1em; text-align:center;
}
#picture .picture_title1 .facebook {
	width:60px; height:20px;
	position:absolute; right:auto; left:50%; bottom:-35px;
	margin-left:-65px;
}
#picture .picture_title1 .tweet {
	width:68px; height:20px;
	position:absolute; right:auto; left:50%; bottom:-36px;
}
#picture .picture_container {
	width:93.75%;
	margin:0 auto;
}
#picture .picture_container .box {
	width:93.33%;
	margin:0 auto; padding-bottom:12px;
}
#picture .picture_container .photo {
	margin-bottom:10px;
}
#picture .picture_container .photo img {
	width:100%;
}
#picture .picture_container .text {
	padding:3px 5px 10px 5px;
	font-size:9px; font-size:2.8125vw; line-height:144%; letter-spacing:0; text-align:left;
}
#picture .picture_container .text span,
#picture .picture_container .text br {
	display:none;
}
#picture .sns_footer {
	width:90.625%;
	margin:0 auto; padding:6px 0;
	border-top:#885a36 2px solid; border-bottom:#885a36 2px solid;
	font-size:11px; font-size:3.4375vw; line-height:145%; letter-spacing:0;
}
#picture .sns_footer .facebook {
	width:60px; height:20px;
	right:auto; left:50%; top:auto; bottom:-35px;
	margin-left:-65px;
}
#picture .sns_footer .tweet {
	width:68px; height:20px;
	right:auto; left:50%; top:auto; bottom:-35px;
}

/* ================================================
 LIGHTBOX [SP]
--------------------------------------------------- */
.lightbox {
	width:100%;
	padding-top:0;
	background-color:#FFFFFF;
}
.lightbox .lb-dataContainer {
	margin: 0 auto; padding:10px 10px 5px 10px;
}
.lightbox .lb-dataContainer .lb-caption {
	font-size:12px; font-size:3.75vw; line-height:150%; letter-spacing:0;
}
.lightbox .lb-outerContainer{
	padding:0;
}
.lightbox .lb-description {
	padding:10px 10px;
	font-size:11px; font-size:3.4375vw; line-height:150%; letter-spacing:0;
}

/* ================================================
 LIGHTBOX .sannoubox [SP]
--------------------------------------------------- */
.sannoubox {
	width:100%;
	padding-top:0;
}
.sannoubox .lb-dataContainer {
	margin: 0 auto; padding:10px 10px 10px 10px;
	background:none;
}
.sannoubox .lb-dataContainer .lb-caption {
	font-size:13px; font-size:4.0625vw; line-height:150%; letter-spacing:0; color:#FFF;
}
.sannoubox .lb-dataContainer .lb-caption span {
	display:none;
}
.sannoubox .lb-dataContainer .lb-close {
	bottom:2px;
}
.sannoubox .lb-outerContainer{
	padding:5px 0 0 0;
	background:none;
}


/* 汎用タイトル
-------------------------*/
/* .generic_title1 */
.generic{
	width: 90.625%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.generic .generic_title1 {
	height: auto;
    padding-left: 0;
    position: relative;
    border-left: none;
    border-bottom: #dbdbdb 3px solid;
}
.generic .generic_title1 > .date + .tags + .sns_header + h2 {
	padding-top:15px;
	font-size:17px; font-size:5.3125vw; line-height:140%; letter-spacing:0.15em;
}

.generic .generic_title1 .sns_header {
	width: 100%;
	height: 20px;
	position: relative;
	clear: both;
}

.generic .generic_title1 .date {
	position: relative;
    left: auto;
    top: auto;
    margin-left: -4px;
    font-size: 11px;
    line-height: 100%;
}
.generic .generic_title1 .tags {
	padding-left:0;
	float:none;
	margin-top: 15px;
	width:100%;
}
.generic .generic_title1 .tags p {
	padding:0 0 12px 5px;
}

}

/* 東京写真館用 特殊対応 */
#picture_head_sp {
    height: auto;
    padding-left: 0;
    position: relative;
    border-left: none;
	margin-bottom: 12px;
}

#picture_head_sp .date {
    position: relative;
    left: auto;
    top: auto;
    margin-left: -4px;
    font-size: 11px;
    line-height: 100%;
}
#picture_head_sp .tags {
    padding-left: 0;
    float: none;
    margin-top: 15px;
    width: 100%;
}
#picture_head_sp .tags p {
    padding: 0 0 12px 5px;
	width: 62px;
	display: inline-block;
}
#picture_head_sp .sns_header{
	position: relative;
	min-height: 20px;
}
#picture_head_sp .facebook {
   width: 60px;
   height: 20px;
   position: absolute;
   right: 90px;
   top: 0;
}
#picture_head_sp .tweet {
    width: 68px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 1px;
}