@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	ブロックパーツ類-共通デザイン
	
	ブロックパーツ類
	
		・最近のエントリー			[ MODULE:blog_recent ]	
		・サイト内検索              [ MODULE:search_form ]
		・M.メールフォーム          [ MODULE:mailform_parts ]
		・営業カレンダーモジュール  [ MODULE:business_calendar ]
		・トピックスモジュール      [ MODULE:topics_digest ]	
		・暦アーカイブ              [ MODULE:topics_index ]
		・RSSリーダー               [ MODULE:rssreader ]
		・アルバムメニュー          [ MODULE:album_index ]
		・TW.ガジェット             [ twitter ]
		・QRコード                  [ MODULE:mobile_qr ]
		・イベントカレンダー        [ MODULE:event_calendar ]
	
---------------------------------------------------------------------------------------- */

#side .businessCalendar .boxBottom,
#side .siteSearch .boxBottom,
#side .rssreader .boxBottom,
#side .mobileQr .sideBoxBottom,
#side .mailForm .sideBoxBottom,
#side .topicsDigest .boxBottom,
#side .topicsIndex .boxBottom,
#side .blogCategory .boxBottom,
#side .blogCalendar .boxBottom,
#side .blogFeed .boxBottom,
#side .blogSearch .boxBottom,
#side .blogRecent .boxBottom,
#side .blogMonthly .boxBottom,
#side .categoryIndex .sideBoxBottom,
#side .cartParts .sideBoxBottom,
#side #user-login .sideBoxBottom,
#side .catalog-search .sideBoxBottom,
#side .cartGuide .sideBoxBottom,
#side .catalog_new .sideBoxBottom,
#side .catalog_picup .sideBoxBottom,
#side .catalog_popular .sideBoxBottom,
#side .catalog_random .sideBoxBottom,
#side .eventCalendar .sideBoxBottom,
#side .albumIndex .sideBoxBottom,
#side [class*="membersLoginGetForm"] .sideBoxBottom {
	margin: 0 -1px;
	padding: 0 1px 10px;
	background: url(../images/side/bg_sidebox.gif) repeat-x center bottom;
}

#side .businessCalendar .boxTop,
#side .siteSearch .boxTop,
#side .rssreader .boxTop,
#side .mobileQr .sideBoxTop,
#side .mailForm .sideBoxTop,
#side .topicsDigest .boxTop,
#side .topicsIndex .boxTop,
#side .blogCategory .boxTop,
#side .blogCalendar .boxTop,
#side .blogFeed .boxTop,
#side .blogSearch .boxTop,
#side .blogRecent .boxTop,
#side .blogMonthly .boxTop,
#side .categoryIndex .sideBoxTop,
#side .cartParts .sideBoxTop,
#side #user-login .sideBoxTop,
#side .catalog-search .sideBoxTop,
#side .cartGuide .sideBoxTop,
#side .catalog_new .sideBoxTop,
#side .catalog_picup .sideBoxTop,
#side .catalog_popular .sideBoxTop,
#side .catalog_random .sideBoxTop,
#side .eventCalendar .sideBoxTop,
#side .albumIndex .sideBoxTop,
#side [class*="membersLoginGetForm"] .sideBoxTop {
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

#side .businessCalendar .box,
#side .rssreader .box,
#side .mobileQr .box,
#side .mailForm .box,
#side .topicsDigest .box,
#side .topicsIndex .box,
#side .blogCategory .box,
#side .blogCalendar .box,
#side .blogFeed .box,
#side .blogSearch .box,
#side .blogRecent .box,
#side .blogMonthly .box,
#side .categoryIndex .box,
#side .cartParts .box,
#side #user-login .box,
#side .catalog-search .box,
#side .cartGuide .box,
#side .catalog_new .box,
#side .catalog_picup .box,
#side .catalog_popular .box,
#side .catalog_random .box,
#side .eventCalendar .box,
#side .albumIndex .box,
#side [class*="membersLoginGetForm"] .box {
	margin-bottom: 10px;
}

.businessCalendar h2,
.rssreader h2,
.mobileQr h2,
.mailForm h2,
.topicsDigest h2,
.topicsIndex h2,
.blogCategory h2,
.blogCalendar h2,
.blogFeed h2,
.blogSearch h2,
.blogRecent h2,
.blogMonthly h2,
.categoryIndex h2,
.cartParts h2,
#user-login h2,
.catalog-search h2,
.cartGuide h2,
.catalog_new h2,
.catalog_picup h2,
.catalog_popular h2,
.catalog_random h2,
#upper .eventCalendar h2,
#bottom .eventCalendar h2,
.albumIndex h2,
#side .businessCalendar h3,
#side .rssreader h3,
#side .mobileQr h3,
#side .mailForm h3,
#side .topicsDigest h3,
#side .topicsIndex h3,
#side .blogCategory h3,
#side .blogCalendar h3,
#side .blogFeed h3,
#side .blogSearch h3,
#side .blogRecent h3,
#side .blogMonthly h3,
#side .categoryIndex h3,
#side .cartParts h3,
#side #user-login h3,
#side .catalog-search h3,
#side .cartGuide h3,
#side .catalog_new h3,
#side .catalog_picup h3,
#side .catalog_popular h3,
#side .catalog_random h3,
#side .eventCalendar h3,
#side .albumIndex h3,
#opt .businessCalendar h3,
#opt .rssreader h3,
#opt .mobileQr h3,
#opt .mailForm h3,
#opt .topicsDigest h3,
#opt .topicsIndex h3,
#opt .blogCategory h3,
#opt .blogCalendar h3,
#opt .blogFeed h3,
#opt .blogSearch h3,
#opt .blogRecent h3,
#opt .blogMonthly h3,
#opt .categoryIndex h3,
#opt .cartParts h3,
#opt #user-login h3,
#opt .catalog-search h3,
#opt .cartGuide h3,
#opt .catalog_new h3,
#opt .catalog_picup h3,
#opt .catalog_popular h3,
#opt .catalog_random h3,
#opt .eventCalendar h3,
#opt .albumIndex h3,
#side [class*="membersLoginGetForm"] h3,
#opt [class*="membersLoginGetForm"] h3 {
	height: auto;
	line-height: 1.3;
	margin-bottom: 19px;
	padding: 20px 10px 17px 30px;
	box-shadow:rgb(216, 43, 59) 0px -3px 0px 0px inset;
	font-weight: bold;
	font-size: 114.3%;
	background: url(../images/common/arrow.gif) no-repeat 10px 23px;
}

#side .businessCalendar h3:before,
#side .rssreader h3:before,
#side .mobileQr h3:before,
#side .mailForm h3:before,
#side .topicsDigest h3:before,
#side .topicsIndex h3:before,
#side .blogCategory h3:before,
#side .blogCalendar h3:before,
#side .blogFeed h3:before,
#side .blogSearch h3:before,
#side .blogRecent h3:before,
#side .blogMonthly h3:before,
#side .categoryIndex h3:before,
#side .cartParts h3:before,
#side #user-login h3:before,
#side .catalog-search h3:before,
#side .cartGuide h3:before,
#side .catalog_new h3:before,
#side .catalog_picup h3:before,
#side .catalog_popular h3:before,
#side .catalog_random h3:before,
#side .eventCalendar h3:before,
#side .albumIndex h3:before,
#opt .businessCalendar h3:before,
#opt .rssreader h3:before,
#opt .mobileQr h3:before,
#opt .mailForm h3:before,
#opt .topicsDigest h3:before,
#opt .topicsIndex h3:before,
#opt .blogCategory h3:before,
#opt .blogCalendar h3:before,
#opt .blogFeed h3:before,
#opt .blogSearch h3:before,
#opt .blogRecent h3:before,
#opt .blogMonthly h3:before,
#opt .categoryIndex h3:before,
#opt .cartParts h3:before,
#opt #user-login h3:before,
#opt .catalog-search h3:before,
#opt .cartGuide h3:before,
#opt .catalog_new h3:before,
#opt .catalog_picup h3:before,
#opt .catalog_popular h3:before,
#opt .catalog_random h3:before,
#opt .eventCalendar h3:before,
#opt .albumIndex h3:before,
#side [class*="membersLoginGetForm"] h3:before,
#opt [class*="membersLoginGetForm"] h3:before {
	display: none;
}

#side .businessCalendar h3:after,
#side .rssreader h3:after,
#side .mobileQr h3:after,
#side .mailForm h3:after,
#side .topicsDigest h3:after,
#side .topicsIndex h3:after,
#side .blogCategory h3:after,
#side .blogCalendar h3:after,
#side .blogFeed h3:after,
#side .blogSearch h3:after,
#side .blogRecent h3:after,
#side .blogMonthly h3:after,
#side .categoryIndex h3:after,
#side .cartParts h3:after,
#side #user-login h3:after,
#side .catalog-search h3:after,
#side .cartGuide h3:after,
#side .catalog_new h3:after,
#side .catalog_picup h3:after,
#side .catalog_popular h3:after,
#side .catalog_random h3:after,
#side .eventCalendar h3:after,
#side .albumIndex h3:after,
#opt .businessCalendar h3:after,
#opt .rssreader h3:after,
#opt .mobileQr h3:after,
#opt .mailForm h3:after,
#opt .topicsDigest h3:after,
#opt .topicsIndex h3:after,
#opt .blogCategory h3:after,
#opt .blogCalendar h3:after,
#opt .blogFeed h3:after,
#opt .blogSearch h3:after,
#opt .blogRecent h3:after,
#opt .blogMonthly h3:after,
#opt .categoryIndex h3:after,
#opt .cartParts h3:after,
#opt #user-login h3:after,
#opt .catalog-search h3:after,
#opt .cartGuide h3:after,
#opt .catalog_new h3:after,
#opt .catalog_picup h3:after,
#opt .catalog_popular h3:after,
#opt .catalog_random h3:after,
#opt .eventCalendar h3:after,
#opt .albumIndex h3:after,
#side [class*="membersLoginGetForm"] h3:after,
#opt [class*="membersLoginGetForm"] h3:after {
	display: none;
}

.businessCalendar h2,
.rssreader h2,
.mobileQr h2,
.mailForm h2,
.topicsDigest h2,
.topicsIndex h2,
.blogCategory h2,
.blogCalendar h2,
.blogFeed h2,
.blogSearch h2,
.blogRecent h2,
.blogMonthly h2,
.categoryIndex h2,
.cartParts h2,
#user-login h2,
.catalog-search h2,
.cartGuide h2,
.catalog_new h2,
.catalog_picup h2,
.catalog_popular h2,
.catalog_random h2,
#upper .eventCalendar h2,
#bottom .eventCalendar h2,
.albumIndex h2,
#opt .businessCalendar h3,
#opt .rssreader h3,
#opt .mobileQr h3,
#opt .mailForm h3,
#opt .topicsDigest h3,
#opt .topicsIndex h3,
#opt .blogCategory h3,
#opt .blogCalendar h3,
#opt .blogFeed h3,
#opt .blogSearch h3,
#opt .blogRecent h3,
#opt .blogMonthly h3,
#opt .categoryIndex h3,
#opt .cartParts h3,
#opt #user-login h3,
#opt .catalog-search h3,
#opt .cartGuide h3,
#opt .catalog_new h3,
#opt .catalog_picup h3,
#opt .catalog_popular h3,
#opt .catalog_random h3,
#opt .eventCalendar h3,
#opt .albumIndex h3,
#side [class*="membersLoginGetForm"] h3,
#opt [class*="membersLoginGetForm"] h3 {
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	color: #000;
}


/* ---------------------------------------------------------------------------------------- 

	サイト内検索 [ MODULE:search_form ]

---------------------------------------------------------------------------------------- */

.siteSearch h2,
.siteSearch h3 {
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	margin: 0;
	padding: 0;
	background: none;
}

.siteSearch form {
	padding: 16px 6px;
}

.siteSearch form input#search-word {
	float: left;
	width: calc( 100% - 37px );
	height: 26px;
	padding: 4px 8px;
	border: none;
	background: #ffc8cb;
	line-height: 26px;
}

.searchLink {
	float: right;
}

.siteSearchTextBu {
	width: 27px;
	height: 26px;
	padding-top: 26px;
	border: 0;
	background: url(../images/common/btn_search.gif) no-repeat center center #da2e3e;
	cursor: pointer;
}


/* ---------------------------------------------------------------------------------------- 

	M.メールフォーム [ MODULE:mailform_parts ]

---------------------------------------------------------------------------------------- */

#side .mailFormBox div div div {
	padding: 0 5px;
}

#side #mailForm table th,
#side #mailForm table td {
	border-right: none;
	border-left: none;
}

#side .inputText,
#side textarea,
#side select,
#side input[type="file"] {
	max-width: 190px;
}

#opt .inputText,
#opt textarea,
#opt select,
#opt input[type="file"] {
	max-width: 288px;
}

#opt2 .inputText,
#opt2 textarea,
#opt2 select,
#opt2 input[type="file"]{
	max-width: 281px;
}

#side #mailForm .pageLink {
	margin-bottom: 19px;
}



/* ---------------------------------------------------------------------------------------- 

	営業カレンダーモジュール [ MODULE:business_calendar ]

---------------------------------------------------------------------------------------- */

.businessCalendar h2,
.businessCalendar h3 {
	margin-bottom: 0 !important;
}

.businessCalendar table {
	margin-bottom: 10px;
}

.businessCalendar table tr th,
.businessCalendar table tr td {
	padding: 5px 0;
	border-width: 1px;
	border-left: none;
	font-size: 78.6%;
	text-align: center;
}

#upper .businessCalendar table tr td {
	font-size: 85.7%;
}

#upper .businessCalendar table tr th,
#upper .businessCalendar table tr.week-label td,
#bottom .businessCalendar table tr th,
#bottom .businessCalendar table tr.week-label td {
	font-size: 100%;
}

.businessCalendar table tr th {
	border-right: none;
	color: #fff;
	font-weight: normal;
	background: #da2e3e;
}

#side .businessCalendar table tr th,
#opt .businessCalendar table tr th {
	padding: 10px 0;
}

.businessCalendar table tr.week-label td,
.calenderBody table tr.week-label td {
	border-right: none;
	color: #fff;
	background: #f095a0;
}

.businessCalendar table tr td {
	background: dedede;
}

.businessCalendar table tr td.closed {
	background: #fff;
}

.businessCalendar table tr td.sat,
.businessCalendar table tr td:nth-last-of-type(1) {
	border-right: none;
}


/* ---------------------------------------------------------------------------------------- 

	トピックスモジュール [ MODULE:topics_digest ]

---------------------------------------------------------------------------------------- */

#upper .topicsDigest,
#bottom .topicsDigest,
#opt .topicsDigest  {
	position: relative;
}

#upper .topicsDigest h2,
#bottom .topicsDigest h2,
#opt .topicsDigest h3  {
	padding-right: 135px;
	padding-left: 10px;
	background-image: none;
}

.topicsDigestBox {
	margin: 0 0 15px;
	padding: 0 10px 5px;
	border-bottom: 1px solid #e7e7e7;
}

#upper .topicsDigestBox:after,
#bottom .topicsDigestBox:after,
#opt .topicsDigestBox:after {
    display: block; 
    clear: both; 
    height: 0 !important;
    visibility: hidden;
    content: "."; 
    font-size: 0.1em;
}

#upper .topicsDigestBox,
#bottom .topicsDigestBox,
#opt .topicsDigestBox {
	display: inline-block;
}

/*\*/
* html #upper .topicsDigestBox, * html #bottom .topicsDigestBox, * html #opt .topicsDigestBox { height: 1%;}
#upper .topicsDigestBox, #bottom .topicsDigestBox, #opt .topicsDigestBox { display: block;}
/**/

#side .topicsDigestBox,
#opt .topicsDigestBox {
	margin-bottom: 15px;
	padding: 0 5px 19px;
	border-bottom: 1px solid #f4f4f4;
}

#side .topicDigestText {
	float: none;
	width: auto;
}

#opt1 .topicDigestImgOn .topicDigestText,
#opt2 .topicDigestImgOn .topicDigestText {
	float: none;
	width: 100%;
}

#side .topicsDigestBox p {
	margin-bottom: 0;
	color: #616161;
	font-size: 71.4%;
}

#side .topicsDigestBox p.topicDate {
	margin-bottom: 5px;
}

#opt .topicsDigestBox p.topicDate {
	margin-left: 8px;
}

#upper .topicDigestText h3,
#bottom .topicDigestText h3 {
	box-sizing: border-box;
	float: right;
	width: calc( 100% - 105px );
	height: auto;
	margin: 0;
	padding: 0 0 10px 17px;
	background: url(../images/common/arrow.gif) no-repeat 0 3px;
	border: none;
	color: #c80f20;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.3;
}

#upper .topicDigestText h3:before,
#bottom .topicDigestText h3:before,
#upper .topicDigestText h3:after,
#bottom .topicDigestText h3:after {
	display: none;
}

@media screen and (max-width: 768px) {
	
	#upper .topicDigestText h3,
	#bottom .topicDigestText h3 {
		float: none;
		width: 100%;
	}
	
}


.eventDigest h4 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#side .topicsDigestBox h4,
#opt .topicsDigestBox h4 {
	padding: 0;
	color: #c80f20;
	font-weight: bold;
	background-image: none;
}

#opt .topicsDigestBox h4 {
	float: right;
	width: calc( 100% - 113px );
	margin-bottom: 0;
	padding: 0 0 10px 17px;
	background: url(../images/common/arrow.gif) no-repeat 0 3px;
}

#opt .topicDigestText p {
	width: calc( 100% - 113px );
	margin-bottom: 0;
}

#side .topicDigestPhoto {
	float: none;
	width: auto;
	text-align: center;
}

#opt .topicDigestImgOn .topicDigestPhoto {
	float: right;
	width: calc( 100% - 113px );
	margin-top: 10px;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	
	#opt .topicsDigestBox h4 {
		float: none;
		width: 100%;
	}

	#opt .topicDigestText p {
		float: none;
		width: 100%;
	}

	#opt .topicDigestImgOn .topicDigestPhoto {
		float: none;
		width: 100%;
	}
	
}


#upper .topicDigestLink,
#bottom .topicDigestLink,
#opt .topicDigestLink {
	position: absolute;
	top: 12px;
	right: 0;
}

#upper .topicDigestLink a,
#bottom .topicDigestLink a,
#opt .topicDigestLink a {
	display: block;
	padding: 11px 5px 6px 33px;
	border-left: 1px solid #c5c5c5;
	color: #000;
	font-size: 85.7%;
	text-decoration: none;
	background: url(../images/side/sidearrow.gif) no-repeat 9px 11px;
}

#side .topicDigestLink a {
	display: block;
	margin-top: -15px;
	padding: 15px 10px 15px 0;
	color: #000;
	text-align: center;
	text-decoration: none;
}

#side .topicDigestLink a:after {
	position: relative;
	top: 3px;
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 0 0 8px;
	background: url(../images/side/sidearrow.gif) no-repeat center center;
}


/* ---------------------------------------------------------------------------------------- 

	暦アーカイブ [ MODULE:topics_index ]

---------------------------------------------------------------------------------------- */

#upper .topicsIndex h2,
#bottom .topicsIndex h2,
#side .topicsIndex h3,
#opt .topicsIndex h3 {
	margin-bottom: 0;
}

#side .topicsIndex ul {
	margin-bottom: 0;
}

#upper .topicsIndexList li,
#bottom .topicsIndexList li,
#opt .topicsIndexList li {
	padding: 13px 12px 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

#side .topicsIndex li {
	padding: 17px 5px 19px;
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
	background-image: none;
}

#side .topicsIndex li:nth-last-of-type(1) {
	border-bottom: none;
}


/* ---------------------------------------------------------------------------------------- 

	RSSリーダー [ MODULE:rssreader ]

---------------------------------------------------------------------------------------- */

.rssreader h2,
.rssreader h3 { margin: 0 !important;}

.rssreader h3 a {}

.rssreader ul {
	margin: 0;
}

.rssreader ul li {
	padding: 13px 12px 15px 30px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/common/arrow.gif) no-repeat 15px 15px;
}

#side .rssreader ul li {
	padding-left: 13px;
	font-size: 100%;
	background-image: none;
}

#side .rssreader ul li a {
	padding-left: 0;
}


/* ---------------------------------------------------------------------------------------- 

	アルバムメニュー [ MODULE:album_index ]

---------------------------------------------------------------------------------------- */

.albumIndex h2,
.albumIndex h3 { margin: 0 !important;}

.albumIndex h3 a {}

.albumIndex ul {
	margin: 0;
}

.albumIndex ul li {
	padding: 18px 12px 19px 35px;
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	font-size: 85.7%;
	background: url(../images/side/sidearrow.gif) no-repeat 12px 19px;
}

#side .albumIndex ul li {
	padding-top: 15px;
	font-size: 100%;
}

.albumIndex ul li a {
}


/* ---------------------------------------------------------------------------------------- 

	TW.ガジェット [ twitter ]

---------------------------------------------------------------------------------------- */

#twtr-widget-1 {
	margin-bottom: 30px;
}

#side #twtr-widget-1 {
	margin-left: 10px;
}

#twtr-widget-1 h3,
#twtr-widget-1 h4 {
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	background: none;
}



/* ---------------------------------------------------------------------------------------- 

	QRコード [ MODULE:mobile_qr ]

---------------------------------------------------------------------------------------- */

#mobileqrBox {
	text-align: center;
}

#qrcode {
	display: inline-block;
	width: auto !important;
	margin: 0 auto !important;
	padding-top: 0 !important;
}

#qrcode table {
	width: auto !important;
}


/* ---------------------------------------------------------------------------------------- 

	イベントカレンダー [ MODULE:event_calendar ]

---------------------------------------------------------------------------------------- */

#side .eventCalendar table tr th,
#opt .eventCalendar table tr th {
	padding: 10px 0;
}

#upper .eventCalendar table.calendar th,
#bottom .eventCalendar table.calendar th {
	font-size: 100%;
}

#upper .eventCalendar table.calendar td,
#bottom .eventCalendar table.calendar td {
	font-size: 85.7%;
}


/* ---------------------------------------------------------------------------------------- 

	サイトマップ[ MODULE:sitemap_parts ]	

---------------------------------------------------------------------------------------- */

.sitemapParts {
	border-top: 1px dotted #cbcbcb;
	border-bottom: 1px dotted #cbcbcb;
	margin-bottom: 20px;
	padding: 20px 10px 0;
}

.sitemapParts ul {
	margin-bottom: 0;
}