@charset "utf-8";

/* ========================================
* File Name: style.css
* Created Date: 2014.12.19
* Author: TAM
======================================== */

/* ========================================
	main-contents
======================================== */
#main-contents .img01 {
	position:absolute;
	top:53px;
	left:140px;
	z-index:999;
	}
#main-contents .img02 {
	position:absolute;
	top:6px;
	right:68px;
	z-index:999;
	}

/*rcont*/
#main-contents .lcont.list h2 {
	font-size:24px;
	font-weight:bold;
	background:url(../news/images/ttl_icon.png) no-repeat 16px 22px;
	padding:20px 0 0 50px;
	}
#main-contents .lcont ul.entrylist li {
	padding:25px 5px;
	border-bottom:dashed 1px #BBA290;
	}
#main-contents .lcont ul.entrylist li:last-child {
	border-bottom:none;
	}
#main-contents .lcont ul.entrylist li .image {
	float:left;
	width:120px;
	height:120px;
	margin-right:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:solid 1px #ccc;
	}
#main-contents .lcont ul.entrylist li .image img {
	display:none;
	}
#main-contents .lcont ul.entrylist li .image:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	}
#main-contents .lcont ul.entrylist li .text {
	float:left;
	width:456px;
	}
#main-contents .lcont ul.entrylist li .date {
	margin-bottom:8px;
	font-size:12px;
	color:#666;
	}
#main-contents .lcont ul.entrylist li .date span {
	margin-left:10px;
	}
#main-contents .lcont ul.entrylist li .title {
	margin-bottom:10px;
	font-size:15px;
	line-height:1.6;
	font-weight:bold;
	}
#main-contents .lcont ul.entrylist li .article {
	font-size:13px;
	line-height:1.6;
	}
#main-contents .lcont ul.entrylist li .article a {
	color:#DF254A;
	padding-left:10px;
	}
#main-contents .lcont.kiji {
	padding:22px 0;
	}
#main-contents .lcont.kiji .date {
	padding:0 10px;
	font-size:12px;
	color:#666;
	}
#main-contents .lcont.kiji .date span {
	margin-left:10px;
	}
#main-contents .lcont.kiji h2 {
	padding:4px 10px 8px;
	border-bottom:dashed 1px #BBA290;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	}
#main-contents .lcont.kiji .kiji-wrap {
	font-size:13px;
	line-height:1.6;
	}
#main-contents .lcont.kiji .kiji-wrap a {
	color:#DF254A !important;
	}
#main-contents .lcont.kiji .kiji-wrap ul.sns-btn {
	margin-top:40px;
	float:right;
	}
#main-contents .lcont.kiji .kiji-wrap ul.sns-btn li {
	float:left;
	}
#main-contents .lcont.kiji .kiji-wrap ul.sns-btn li:first-child {
	margin-right:10px;
	}

/*-- SP-------------------------------------------*/
@media screen and (max-width:640px) {
#main-contents h1 {
	width:100px;
	}
#main-contents .img01 {
	display:none;
	}
#main-contents .img02 {
	right:-102px;
	top:-2px;
	width:180px;
	}
#main-contents .img02 img {
	width:100%;
	}
#main-contents .lcont.list h2 {
	font-size:18px;
	background:url(../news/images/ttl_icon.png) no-repeat 16px 4px;
	padding:10px 0 0 50px;
	}
#main-contents .lcont ul.entrylist li {
	padding:18px 12px;
	}
#main-contents .lcont ul.entrylist li .image {
	width:72px;
	height:72px;
	margin-right:8px;
	margin-bottom:5px;
	}
#main-contents .lcont ul.entrylist li .image img {
	display:block;
	}
#main-contents .lcont ul.entrylist li .text {
	width:auto;
	float:none;
	}
#main-contents .lcont ul.entrylist li .title {
	margin-bottom:5px;
	font-size:14px;
	}
#main-contents .lcont ul.entrylist li .article {
	line-height:1.5;
	}
#main-contents .lcont ul.entrylist li .date {
	margin-bottom:5px;
	}
#main-contents .lcont ul.entrylist li .date span {
	margin-left:5px;
	}
#main-contents .lcont.kiji .kiji-wrap {
	font-size:13px;
	line-height:1.6;
	padding: 0 10px;
	}
#main-contents .lcont.kiji h2 {
	font-size:18px;
	}

#main-contents .lcont.kiji .kiji-wrap table {
	width:100%;
	}
#main-contents .lcont.kiji .kiji-wrap img {
	float: none;
    height: auto;
    margin: 0 auto 3%;
    max-width: 100%;
	}
}



/*rcont -------------------------------------------*/
#main-contents .rcont {
	margin-top:-6px;
}
#main-contents .rcont dl {
	background:url(../news/images/rnav_btm.jpg) no-repeat left bottom;
	padding-bottom:38px;
	}
#main-contents .rcont dl dd {
	height:62px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	}
#main-contents .rcont dl dd.cate01 {
	background-image:url(../news/images/rnav_01.jpg);
	}
#main-contents .rcont dl dd.cate02 {
	background-image:url(../news/images/rnav_02.jpg);
	}
#main-contents .rcont dl dd.cate03 {
	background-image:url(../news/images/rnav_03.jpg);
	}
#main-contents .rcont dl dd.cate04 {
	background-image:url(../news/images/rnav_04.jpg);
	}
#main-contents .rcont dl dd.cate05 {
	background-image:url(../news/images/rnav_05.jpg);
	}
#main-contents .rcont dl dd a {
	display:block;
	padding:20px 0 0px 86px;
	text-decoration:none;
	}
/*
--�J�e�S�������f�W�^���ɕύX
#main-contents .rcont dl dd.cate05 a {
	padding:10px 0 0px 86px;
	}
*/
#main-contents .rcont dl dd.cate01 a:hover,
#main-contents .rcont dl dd.cate01 a.active {
	color:#D5093A;
	}
#main-contents .rcont dl dd.cate02 a:hover,
#main-contents .rcont dl dd.cate02 a.active {
	color:#ED6610;
	}
#main-contents .rcont dl dd.cate03 a:hover,
#main-contents .rcont dl dd.cate03 a.active {
	color:#90C33E;
	}
#main-contents .rcont dl dd.cate04 a:hover,
#main-contents .rcont dl dd.cate04 a.active {
	color:#F98A9C;
	}
#main-contents .rcont dl dd.cate05 a:hover,
#main-contents .rcont dl dd.cate05 a.active {
	color:#4FA9D9;
	}

/*-- SP-------------------------------------------*/
@media screen and (max-width:640px) {
#main-contents .rcont {
	margin-top:20px;
	}
#main-contents .rcont dl {
	background:none;
	padding-bottom:0;
	padding:0 10px;
	}
#main-contents .rcont dl dt {
	display:none;
	}
#main-contents .rcont dl dd {
	height:auto;
	font-size:16px;
	font-weight:bold;
	border:solid 2px #FD8D05;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:8px;
	}
#main-contents .rcont dl dd a {
	background-position:8px center;
	background-repeat:no-repeat;
	background-size:22px 22px;
	}
#main-contents .rcont dl dd.cate01,
#main-contents .rcont dl dd.cate02,
#main-contents .rcont dl dd.cate03,
#main-contents .rcont dl dd.cate04,
#main-contents .rcont dl dd.cate05 {
	background:url(../common/images/rnav_bg.png) repeat left top;
	}
#main-contents .rcont dl dd.cate01 a {
	background-image:url(../news/images/rnav_bg01.png);
	}
#main-contents .rcont dl dd.cate02 a {
	background-image:url(../news/images/rnav_bg02.png);
	}
#main-contents .rcont dl dd.cate03 a {
	background-image:url(../news/images/rnav_bg03.png);
	}
#main-contents .rcont dl dd.cate04 a {
	background-image:url(../news/images/rnav_bg04.png);
	}
#main-contents .rcont dl dd.cate05 a {
	background-image:url(../news/images/rnav_bg05.png);
	}
#main-contents .rcont dl dd a {
	display:block;
	padding:13px 0 13px 36px;
	text-decoration:none;
	}
/*
--�J�e�S�������f�W�^���ɕύX
#main-contents .rcont dl dd.cate05 a {
	padding:13px 0 13px 35px;
	}
*/

}


/*-- SP-------------------------------------------*/
@media screen and (max-width:640px) {

#main-contents .lcont.kiji #cafe-info ul li {
	float:none;
	margin-left:0px;
	}
#main-contents .lcont.kiji #cafe-info ul li img {
	width:auto;
	height:170px;
	display:block;
	margin:0 auto;
	}
#main-contents .lcont.kiji .infobox .spinlogo {
	width:113px;
	}
}


/* ========================================
	news �lj�
======================================== */

h3{
	font-weight:bold;
	color:#00A600;
	font-size:130%;
	margin-bottom:1em;
	}

.news {
	text-indent:1em;
	}
.newsblock {
	margin-top:5px;
	margin-bottom:1em;
	}
.newsmidashi {
	margin-bottom:1em;
	font-weight:bold;
	font-color:#006DDB;
	}

.newskakomi {
	background-color:#007500;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	margin-bottom:1em;
	}

.newskakomipk {
	background-color:#FF62B0;
	font-weight:bold;
	font-size:120%;
	color:#ffffff;
	vertical-align:middle;
	padding:2px 15px;
	margin-bottom:1em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

/*�w�i�t���p�ی��o��*/
.midashibar01 {
	background-color:#44C505;
	padding:3px;
	margin-bottom:5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.mdbar {
	background-color:#FF712D;
	padding:1px 15px;
	margin-bottom:10px;
	color:#ffffff;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

/*------news�p�e�[�u��CSS--------------------*/

.tableinfo01{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	}

.tableinfo01 td{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	}
.tableinfo01 th{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	background-color:#E3E3E3;
}

/*Twitter�L�����y�[���@�v���[���g���----------------------- */

.infobox {border:dashed 1px #FF80C0; padding:10px; margin:5px;}
.kiji #present-info {padding:10px;}
.kiji .present-ttl {background-color:#FF80C0; color:#ffffff; margin-bottom:10px; padding-left:10px;}
.kiji #present-info ul{margin:0 auto; }
.kiji #present-info ul li {width:270px; height:350px; float:left; margin-left:10px; border:solid 1px #e0e0e0; padding:3px; margin-bottom:10px;}


/*�܂�q�J�t�F���----------------------- */

.kiji #cafe-info {padding:10px;}
.kiji .cafe-ttl {background-color:#FF80C0; color:#ffffff; margin-bottom:10px; padding-left:10px;}
.kiji #cafe-info ul li {width:270px; height:280px; float:left; margin-left:10px; border:solid 1px #e0e0e0; padding:3px; margin-bottom:10px;}
.kiji #cafe-info ul li img {width:auto; height:170px; display:block; margin:0 auto;}

.menu01 {color:#ff6600; font-weight:bold; font-size:110%; margin-bottom:1em;}


/*�܂�q�J�t�F �O�b�Y���----------------------- */

.kiji #cafegoods {width:100%;}
.kiji .style-ttl {text-align:center; background-color:#FF80C0; color:#ffffff; margin-bottom:10px; padding-left:10px;}
.kiji #cafegoods ul li {width:270px; height:340px; float:left; margin-left:10px; border:solid 1px #e0e0e0; padding:3px; margin-bottom:10px;}
.kiji #cafegoods ul li img {width:auto; height:250px; display:block; margin:0 auto;}

/*-- SP-------------------------------------------*/
@media screen and (max-width:640px) {
.kiji #cafegoods ul li {width:100%; height:auto; float:none; margin-left:0px;}
.kiji #cafegoods ul li img {width:100%; height:auto;}
}

.menu01 {color:#ff6600; font-weight:bold; font-size:110%; margin-bottom:1em;}
.phot-cafegoods {border:solid 1px #FF80C0; margin-bottom:15px; text-align:center; }
.ttl-cafegoods {background-color:#FF80C0; color:#ffffff; font-weight:bold; font-size:110%; padding:5px; 15px; margin-bottom:10px;}