@charset "utf-8";

/* 
 * 2015.11.02 スケジュール表・記事ページ改善 SP版対応
 * 2016.02.19 説明記事 SP版対応
 * 2016.04.01 サブ画像の、拡大画像表示スタイル追加
 * 2016.08.26 糸をかし。HP　デザイン変更
 * 2016.11.01
 * 　・サイドnaviを右にした場合のh2画像対応
 * 　・ご当地検定スタイル追加
 * 2016.11.28 スマホで問題ページの回答候補欄のラジオボタンが表示されない件修正
 * 2017.06.12 threecolumn_topというCSSクラスのcolspan対応
 * 2018.07.20 お問い合わせ　拡張２　（開発９-2）のスタイル追加
 * 2019.02.21 システムメッセージ行スタイル追加
 * 2019.09.24 融資管理のスタイル追加
 * 2019.10.10 スマホの浮くボタンのCSS追加
 * 2019.11.11 ヘッダ部のロゴと連絡情報画像のサイズを調整
 * 2019.12.20 会員限定用CSS追加
 * 2020.03.20 プログラム構造拡張（公開画面）
 */
 
@media (min-width: 768px) {
	.sp{ display:none !important; }
	#header_logo {
		margin: 0 0 0 25px;
		max-width: 440px;
		float: left;
		margin-top: 11px;
	}
	#header_logo img {
		max-width: 100%;
		max-height: 64px;
	}
	#nameimg2 {
		float: right;
	}
	.menu,
	div#searcharea{
		display:block !important;
	}
	
	/* 2015.11.02 スケジュール表・記事ページ改善 PC版 */
	#schedule_default_event a{
		color: white;
	}
	#schedule_default_event a:hover {color: #ffcc33;}
	#navigator-post,
	.notice{
		margin-bottom:5px;
	}
	.btn_back{
		margin:5px 0;
	}
}

@media (max-width: 767px) {
	.pc{ display:none !important; }
	*{
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		font-size:16px;
		-webkit-text-size-adjust:none;
	}
	textarea{
		-webkit-appearance: none;
		font-size:16px;
		border: 1px solid #ccc;
		width:100%;
		background:#fff;
		border-radius:0;
		padding:5px;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	select{
		font-size:16px;
		border: 1px solid #ccc;
		width:100%;
		border-radius:0;
		vertical-align:middle;
		padding:0;
		height:28px;
		line-height:1em;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"]{
		-webkit-appearance: none;
		font-size:16px;
		border: 1px solid #ccc;
		width:100%;
		background:#fff;
		border-radius:0;
		vertical-align:middle;
		padding:5px;
		height:28px;
		line-height:1em;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
		color:    #aca899 !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #aca899 !important;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #aca899 !important;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #aca899 !important;
	}
	img{
		max-width:100%;
		border:none;
		vertical-align:middle;
	}
	body ,
	div#u_header,
	div#sitename,
	div#container,
	div#two_maincolumn,
	div#two_maincolumn2,
	div#leftcolumn,
	h2,
	.pagenumberarea, .pagecondarea,
	div.listarea,
	#to_pagetop p,
	#u_footer{
		width:100%;
	}
	
	#nameimg2{
		display:none;
	}
	div#u_header{
		height: 14.864865%;
		height:auto;
		min-height:53px;
		background: #eee;
		border: 0 none;
		padding: 0 4.054%;
		position:fixed;
		left:0;
		top:0;
		z-index:999;
	}
	div#sitename{
		height:auto;
	}
	#header_logo {
		float: left;
		max-width: 220px;
		display: block;
		margin-top: 11px;
	}
	#header_logo img {
		max-height: 32px;
	}
	.top_img{
		margin:4.054% 0;
	}
	.menu_sp,
	.search_sp{
		float:right;
		display:block;
	}
	.menu_sp img,
	.search_sp input[type="image"]{
		width:100%;
	}
	.menu_sp{
		width:9.559%;
		width:30px;
		margin: 4.054% 0 0 4.054%;
		margin:13px 0 0 13px;
	}
	.search_sp{
		width:8.088%;
		width:26px;
		float:right;
		margin: 4.054% 0 0 0;
		margin: 13px 0 0 0;
	}
	div#container{
		padding: 4.054% 0 0;
		padding: 0;
		padding-top:53px;
		border-top:0 none;
		/* overflow:hidden; */
	}
	h1{
		border-left: 5px solid #41210f;
		color:#41210f;
		padding-left:1.764706%;
		font-size:16px;
		line-height:1.5em;
		margin-bottom:1.351351%;
	}
	h2{
		background:#41210f;
		height: 250%;
		height:auto;
		line-height: 250%;
		line-height: 1.2em;
		padding:0 1.351351% !important;
		padding:10px 4.054% !important;
		font-size:16px;
		border:0 none;
		overflow:hidden;
		/* white-space:nowrap; */
		margin-top:5.405405%;
		margin-bottom:4.054%;
		text-indent:0;
	}
	h2.first_item{
		margin-top:0;
	}
	img#serch-bn,
	div#searcharea{
		display:none;
	}
	div#two_maincolumn,
	div#two_maincolumn2{
		float:none;
		padding:0;
		margin:0;
	}
	.main_comment{
		padding:0 4.054%;
		font-size:14px;
	}
	div.listarea_ichi{
		margin:4.054%;
		border:1px solid #999;
		border-radius:10px;
		width:auto;
		padding:4.054%;
	}
	div#leftcolumn,
	div#rightcolumn,
	div#maincolumn_bottom{
		padding:4.054%;
		text-align:center;
		margin-top:15px;
	}
	.banner a{
		margin-left:auto;
		margin-right:auto;
	}
	div.listarea_ichi div.listphoto{
		float:left;
		width:26.765%;
		margin-right:4.054%;
		margin-bottom:4.054%;
	}
	div.listarea_ichi div.listrightblock{
		float:none;
		width:auto;
	}
	.kl_photo{
		width:100%;
	}
	ul.comm_area{
		width:69.181%;
		display:inline-block;
	}
	ul.pagenumberarea{
		padding:0 2%;
		background:#eddfdf;
		height:200%;
		line-height:200%;
	}
	div.listarea{
		border-bottom:1px solid #333399;
		margin-bottom:6.757%;
		padding:4.054% 0 2.297%;
		margin-left:4.054%;
		margin-right:4.054%;
		width:auto;
	}
	div.listphoto{
		width:18.919%;
		margin-right:2.027%;
	}
	.event_photo{
		width:100%;
	}
	div.listrightblock{
		float:none;
		width:auto;
	}
	#u_footer,
	#footer{
		padding: 2.027% 0;
	}
	#u_footer a{
		color:#fff;
		text-decoration:underline;
	}
	ul#footer_menu{
		margin:10.135% 0;
		padding:0;
		border-bottom:1px solid #999;
	}
	ul#footer_menu li{
		padding:0 12.162%;
		padding:0 20px;
		border:0 none;
		border-top:1px solid #999;
		display:block;
		margin:0;
	}
	ul#footer_menu li a{
		display:block;
		padding:4.73% 0;
		padding:10px 0;
		background: url("../img/sp/menu_arrow.png") no-repeat right center #fff;
		background-size:10px 14px;
		text-align:left;
		text-decoration:none;
		color:#333;
	}
	#to_pagetop p{
		padding:2.027% 4.054%;
	}
	.contents{
		width:100%;
		padding: 0 4.054%;
	}
	div.intro{
		width:100%;
		overflow:inherit;
	}
	div.sanyaku img,
	div.sanyaku.enlarge-image img,
	div.sanyaku.enlarge-image .thumb img{
		width:100%;
		margin:0 0 4.054%;
	}
	div.sanyaku .thumb{
		width:100%;
		float:none;
		margin:0;
	}
	div#undercolumn{
		width:100%;
	}
	ul.pagenumberarea li{
		width:auto;
	}
	ul.pagenumberarea li.right{
		float:right;
	}
	form table th,
	form table td{
		float:left;
		width:100%;
	}
	form .horizontal table th,
	form .horizontal table td {
		float: none;
		width: auto;
		white-space: nowrap;
	}
	.horizontal {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	div#undercolumn_contact{
		padding-left: 0;
		width:100%;
	}
	div#undercolumn_contact .area380,
	div#undercolumn_contact .area3r,
	div#undercolumn_contact .area10r{
		width:100%;
		margin:0;
	}
	div#undercolumn_contact p,
	div#undercolumn_contact .attention,
	div#undercolumn_parkingd p,
	div.column_front .message,
	.sp_padding {
		padding-left:4.054%;
		padding-right:4.054%;
		display:block;
	}
	div#undercolumn_contact .box380{
		width:100%;
	}
	div#undercolumn_contact form table p,
	div#undercolumn_contact form table .attention{
		padding-left:0;
		padding-right:0;
	}
	div#undercolumn_contact form table span{
		display:inline !important;
	}
	div#undercolumn table{
		width:100%;
	}
	div#undercolumn_contact .box120{
		width:100px;
	}
	div.column_front select.box120,
	div.column_front select.boxfull {
		padding: 0;
	}
	div#undercolumn_parkingd .main_image{
		margin:10px auto;
		float:none;
		display:block;
	}
	div#undercolumn_parkingd table.parkingd_list th,
	div#undercolumn_parkingd table.parkingd_list td{
		width:auto;
		float:none;
	}
	div#undercolumn_parkingd select.boxfull{
		padding:0;
	}
	.menu,
	.menu ul,
	.menu li{
		width:100%;
	}
	.menu{
		height:auto;
		position:fixed;
		display:none;
		top:53px;
		left:0;
		border-bottom:5px solid #41210f;
		z-index:999;
		background:#fafafa;
		max-height: calc(100% - 53px);
		overflow-y: auto;
		-webkit-overflow-scrolling: auto;
	}
	.menu li{
		border-top:1px solid #999;
		padding:0 12.162%;
		padding:0 20px;
		background:#fff;
	}
	.menu li:first-child{
		border-top:0 none;
	}
	.menu li a,
	.menu li a:visited{
		background-color:#fff;
		border:0 none;
		padding:4.73% 0;
		padding:10px 0;
		color:#333;
		width:100%;
		height:auto;
		line-height:1em;
		text-align:left;
		background-image: url("../img/sp/menu_arrow.png") !important;
		background-size:10px 14px !important;
		background-repeat:no-repeat !important;
		background-position:right center !important;		
	}
	.menu_sp_title,
	.search_sp_title{
		padding:10px 20px;
		color:#fff;
		background:#41210f;
		font-weight:bold;
	}
	div#searcharea{
		position:fixed;
		top:53px;
		left:0;
		background:#fff;
		width:100%;
		border:0 none;
		border-bottom:1px solid #999;
		padding:0;
		border-bottom:5px solid #41210f;
		z-index:999;
		background:#fafafa;
	}
	div#searcharea .search_selecter{
		width:100%;
	}
	div#searcharea .box170{
		width:100%;
		border:1px solid #ccc;
	}
	#search_form{
		padding:15px 20px;
	}
	div#categoryarea{
		text-align:left;
		width:240px;
	}
	div#sidenavi1 a,
	div#sidenavi2 a,
	div#sidenavi3 a,
	div#sidenavi4 a,
	div#sidenavi5 a,
	div#sidenavi6 a,
	div#sidenavi7 a,
	div#sidenavi8 a,
	div#sidenavi9 a,
	div#sidenavi10 a{
		background-position:center 0;
		background-repeat:no-repeat;
		display:block;
		width:auto;
	}
	div#sidenavi1 a:hover,
	div#sidenavi2 a:hover,
	div#sidenavi3 a:hover,
	div#sidenavi4 a:hover,
	div#sidenavi5 a:hover,
	div#sidenavi6 a:hover,
	div#sidenavi7 a:hover,
	div#sidenavi8 a:hover,
	div#sidenavi9 a:hover,
	div#sidenavi10 a:hover{
		background-position:center -85px;
	}
	font[size="1"]{
		font-size:10px;
	}
	div#msplace,
	div#map{
		width:100%;
		float:none;
	}
	div.intro h4{
		float:none;
		width:100%;
		overflow:visible;
	}
	#two_maincolumn .fb_iframe_widget,
	#two_maincolumn2 .fb_iframe_widget{
		display:none;
	}
	div.subarea{
		width:100%;
	}
	
	/* cc20 */
	#wrap,
	#header_cm20,
	h1{
		width:100%;
	}
	#wrap{
		overflow:hidden;
	}
	div#rightcolumn{
		margin-right:0;
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	#ichiran table,
	#jyoho table{
		width:100%;
	}
	#jyoho table th{
		width:25%;
	}
	#jyoho table td{
		width:75%;
	}
	h1{
		/* white-space:nowrap; */
		overflow:hidden;
		height:auto;
		background-size:auto 100%;
		background-color:#eee;
		padding-top:10px;
		padding-bottom:10px;
	}
	#gaiyou{
		padding-left:5px;
		padding-right:5px;
	}
	#header_cm20{
		position:fixed;
		left:0;
		top:0;
		padding:5px 4.054%;
		height:53px;
	}
	#to_pagetop a{
		text-decoration:underline;
	}
	.imagearea li{
		width:auto;
	}
	#header_cm20 .search_sp{
		margin:7px 0 0;
	}
	#header_cm20 .menu_sp_title,
	#header_cm20 .search_sp_title{
		text-align:left;
		background:#669933;
	}
	#header_cm20 div#searcharea,
	#header_cm20 .menu{
		border-bottom:5px solid #669933;
	}
	div#two_maincolumn h2.mimi,
	div#two_maincolumn2 h2.mimi{
		width:100%;
	}
	div.tblareabtn{
		margin:15px 0;
	}
	div.tblareabtn a,
	div.tblareabtn input[type="image"]{
		vertical-align:top;
	}
	div#completetext{
		width:100%;
		padding:10px;
	}
	div#completetext p{
		padding:10px 0 0;
	}
	.sidenavi_banner a{
		text-align:center;
		display:inline-block !important;
		background-position:center top !important;
	}
	.sidenavi_button a{
		width:100%;
	}
	#sidenavi ul.sidenavi_list{
		text-align:center;
	}
	#sidenavi ul.sidenavi_list li{
		width:240px;
		text-align:left;
		margin:0 auto;
		padding:5px 0;
	}
	
	/* 2015.11.02 スケジュール表・記事ページ改善 SP版 */
	#schedule_table #navigation{
		margin:10px;
	}
	#schedule_table div.content{
		margin-top:30px;
	}
	#schedule_table td.calendar-day{
		display:block;
	}
	#schedule_table #navigation{
		margin:10px 5px;
	}
	#schedule_table td.calendar-weekend .day-number {
		color:blue;
	}
	#schedule_table .calendar{
		width: 100%;
	}
	#schedule_table .calendar .calendar-day{
		width: 100%;
	}
	#schedule_default_event{
		position: relative;
		height:auto;
		line-height:1em;
	}
	#navigator-post{
		margin-top:2.027%;
		margin-bottom:-3.4%;
		padding-left:4.054%;
	}
	#navigator-post ~ h2.first_item,
	#navigator-post ~ .event_exp_top{
		margin-top:5.40541%;
	}
	#navigator-post ~ .event_exp_top ~ h2.first_item{
		margin-top:0;
	}
	.notice{
		padding:10px 4.054% 0;		
	}
	.btn_back{
		padding-left:4.054%;
		margin-top:2.00541%;
	}
	
	/* 2015.12.23 商品情報表示 SP版 */
	div#listtitle{
		margin-top:5.40541%;
	}
	div#listtitle h2{
		margin-top:0;
	}
	div.listrightblock h3{
		width:auto;
		background-color:transparent;
		border-bottom:0 none;
	}
	div.listrightblock .in_cart{
		margin-left:0;
		width:auto;
	}
	div.listrightblock dt{
		width:auto;
	}
	div#detailarea{
		width:auto;
	}
	div#detailphotoblock,
	div#detailrightblock{
		float:none;
		width:auto;
	}
	div#customervoicearea{
		width:auto;
	}
	div#customervoicearea h2{
		padding:0 !important;
		margin-bottom:10px;
		margin-top:10px;
	}
	div#customervoicearea h2 img{
		width:100%;
		height:auto;
	}
	div#detailrightblock h2{
		background-color:transparent !important;
		font-size:110%;
		padding:5px 0 !important;
	}
	div.listphoto.product_listphoto{
		width:132px;
	}
	div.sanyaku.enlarge-image .light-box{
		position: relative;
		margin-bottom:4%;
		margin-top:-2%;
		left:0;
		bottom:0;
	}
	
	/* 2016.02.19 説明記事 SP版 */
	.event_exp_top,
	.event_exp_bottom{
		padding-left:4.054%;
		padding-right:4.054%;
	}
	.event_exp_top .main_image,
	.event_exp_bottom .main_image{
		max-width:30%;
		margin-left:5px;
	}
	
	/* 「テストサイト」の表示 - SP版で非表示 */
	#site_label{
		display:none;
	}

	/* h2タイトル */
	.detail_page h2,
	.detail_page h2.full_bg {
		color: #fff;
		border: 0 none;
		text-indent: 0;
		padding: 10px 4.054% !important;
		width: auto;
	}
	div#two_maincolumn h2,
	div#two_maincolumn2 h2{
		height:auto;
		line-height:1.2em;
	}
	
	/* ３列指定のTABLEタグ */
	.threecolumn_top{
		margin-bottom:0;
	}
	.threecolumn_top th, .threecolumn_top td{
		max-width:100%;
		padding:0 2% 4%;
	}
	table.threecolumn_top td{
		width:33.33%;
		vertical-align:top;
	}
	.threecolumn_top th[colspan="2"],
	.threecolumn_top td[colspan="2"]{
		width:66.66%;
	}
	.threecolumn_top th[colspan="3"],
	.threecolumn_top td[colspan="3"]{
		width:100%;
	}
	.threecolumn_top th.first_item,
	.threecolumn_top th:first-child,
	.threecolumn_top td.first_item,
	.threecolumn_top td:first-child{
		padding-left:2%;
	}
	
	/* 説明記事 */
	form table.table_exp th,
	form table.table_exp td{
		float:none;
		width:auto;
	}
	
	/* タイトルだけの新着情報リスト */
	div.listarea.simplelist{
		margin-bottom:0 !important;
		padding:2.297% 0 0 !important;
		border:0 none;
	}
	
	/* ご当地検定 */
	#qa{
		padding:0 4.054%;
	}
	#qa table th,
	#qa table td{
		float:none;
		width:auto;
	}
	#qa table th{
		width:20%;
	}
	#qa table th:nth-child(2){
		width:60%;
	}
	#qa input.box150[type="image"]{
		width:140px;
		height:auto;
	}

	/* システムメッセージ */
	body.has_sys_msg div#u_header,
	body.has_sys_msg #header,
	body.has_sys_msg #header_cm20{
		top:auto;
	}
	body.has_sys_msg .menu{
		top:auto;
		margin-top:53px;
	}

	/* スマホの浮くボタン */
	.float_icons {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9;
	}
	.float_icons .icon{
		display: block;
		text-decoration: none;
		margin-bottom: 2px;
		margin-left: 2px;
		min-width: 60px;
		min-height: 45px;
		position: relative;
		text-align: center;
		vertical-align: middle;
		border-radius: 5px;
		padding: 5px 10px;
		white-space: nowrap;
		font-size: 14px;
		color: #fff;
	}
	.float_icons .icon i {
		font-size: 24px;
		line-height: 1.4em;
	}

	/* 記事リストパターン = 2
	----------------------------------------------- */
	.kiji_list_ptn_2 {
		padding: 0 4.054%;
		overflow: hidden;
	}
}