@charset "UTF-8";
/**
 * Smart Phone
 */
/* html */
html {
    font-size: 62.5%;
}

/* body
----------------------------------------------- */
body {
	font-size:2.6rem;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.body p {
	text-align: left;
	line-height: 1.5em;
}
.body img {
	margin-bottom: 10px;
	margin-left:auto;
	margin-right: auto;
}
a {
	text-decoration: none;
}
img{
	max-width: 100%;
}

ol,ul {list-style:none;} 

/* form parts
----------------------------------------------- */
input {
	border:1px solid #ccc;
	margin:3px;
}
input[type="text"] {
	width:190px;
	padding:5px;
}
input[type="submit"] {
	width:280px;
	height:35px;
}
textarea {
	width:190px;
	padding:5px;
}
/* clear
----------------------------------------------- */
.clear {
	clear:both;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
.display-none {
	display: none;
}

/* basercms parts
----------------------------------------------- */
.message {
	border:1px solid #C00;
	color:#C00;
	padding:10px 15px;
	font-weight: bold;
	margin-bottom: 40px;
	margin-left:10px;
	margin-right:10px;
}
#authMessage,
#flashMessage {
	padding: 10px;
}
.error-message {
	color:#C30;
	font-weight: bold;
	line-height: 20px;
	margin-top:5px;
	margin-bottom: 5px;
}

#global_menu{
	padding: 10px 0;
	background: #6DAE0F;
}
.global-menu {
	padding:0 1px;
}
.global-menu li {
	list-style:none;
	float:left;
}
.global-menu li a{
	display:block;
	width:106px;
	padding:6px 0;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
}
/* header
----------------------------------------------- */
header {
	text-align:center;
	background-repeat: repeat-x;
	background-position: left top;
}
#BoxLogo {
	padding-left:10px;
}
#Logo {
	margin: 0 auto;
}
#Logo h1 a{
	display: inline-block;
	height:54px;
	width:214px;
}

/* footer
----------------------------------------------- */
footer {
	text-align:center;
	border-top:1px solid #CCC;
	padding-bottom:15px;
	padding-top:30px;
}
address {
	margin-top:30px;
	text-align:center;
	height:30px;
	line-height:16px;
	color:#333;
}
footer .banner{
	padding:10px;
	text-align: center;
}

 /* ToTop
----------------------------------------------- */
#ToTop {
	text-align:right;
	margin-bottom:40px;
	margin-left:10px;
	margin-right:10px;
}
#ToTop a {
	color:#333;
	font-weight:bold;
}

/* 有田陶器市 */

/* 共通 */
.left{float:left;}
.right{float:right;}

a{
	color:#000;
}
img{
	max-width:100%;
}

h2{
	margin:0;
	padding:0;
}

/*
h2.head_line{
	    overflow: hidden;
}
h2.head_line img{
	max-width: none;
}
*/

p.title{
	color:#FFFFFF;
	background-color:#AF1C24;
	font-size:110%;
	font-weight:bold; 
	padding:2% 0 2% 3%;
}

.outer{}

.outer .inner{
	padding: 0 5%;
}

/* header_str */
#header ul li{
	display:inline-block;
}

#header ul li.menu{
	width:20%;
}

#header ul li.logo{
	width:60%;
	text-align:center;
}

#header ul li.search{
	width:20%;
}

#header .main_image{
	margin:0;
	padding:0;
}

div#menu {
	width: 598px;
	display: none;
	position: absolute;
	top: 133px;
	left: 33px;
	z-index: 99; 
}
div#menu ul {
	margin: -4px 0 0 0; 
	padding: 0; 
	background: #c02e2f; 
	border: solid 4px #fff; 
	border-radius: 10px; 
}
div#menu li { 
	border-bottom: solid 2px #d7ceb2; 
	float: none; 
}
div#menu li a { 
	padding: 20px; 
	background: url(../../img/sp/sp_arrow.gif) 90% center no-repeat; 
	color: #fff; display: block; 
}
div#menu li.close { 
	border-bottom: none; 
}
div#menu li.close a { 
	margin: 40px auto; 
	width: 200px; 
	background: #fff; 
	border-radius: 5px; 
	color: #333; 
	text-align: center; 
}

div#menu:before {
	border:10px solid transparent;
	border-bottom-color:#c02e2f;
	border-top-width:0;
	top:-9px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
	z-index:1;
}

div#menu:after {
	border:10px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-10px;
	content:"";
	display:block;
	left:30px;
	position:absolute;
	width:0;
}
/* header_end */

/* footer_str */
p.to-top{
	text-align:center;
	margin:30px 0;
}

#footer{
	background-color:#f1f1f1;
	text-align: center;
	padding: 30px 0;
}

#copy p{
	text-align:center;
}

/* footer_end */

#Home p.link{
	border-bottom:1px solid #c0c0c0;
	margin:0;
	padding:0;
}


#Home .info ul li{
	display:inline-block;
	vertical-align:top;
}
#Home .info2 ul{
	display:flex;
	vertical-align:top;
}
#Home .info2 ul li:nth-child(1) {
	width: 216px;
}

#Home .info2 ul li:nth-child(2) {
	width: calc(100% - 216px);
}


#Home .other-block{
	text-align:center;
	padding:30px 0;
	border-top:1px solid #c0c0c0;
}

#Home .other-block p{
	margin-bottom:1em;
}

#Home .other-block ul{
	margin:0;
	padding:0;
}

#Home .other-block ul li{
	display:inline-block;
}

#Home .other-block ul li.link1{
	margin-right:8px;
}

#Home .blog-block a{
	color:#000;
}
#Home .blog-block ul{
	margin:0;
	padding:0;
}

#Home .blog-block ul li {
	padding:1em;
	border-bottom:1px dotted #c8c8c8;
}

#Home .blog-block ul li.last {
	border-bottom:none;
}

#Home #sns{
	height:40px;
	margin:20px 40px 20px 40px;
}

#Home #sns #facebook{
	width: 220px!important;
	height: 40px!important;
}

#Home #sns #facebook iframe{
	width: 220px!important;
	height: 40px!important;
}

#Home #sns #twitter{
	width: 220px!important;
	height: 40px!important;
}

#Home #sns #twitter iframe{
	width: 220px!important;
	height: 40px!important;
}
#Home .youtube_block iframe{
	width:100%!important;
}
#msgBox{
	border: 5px solid red;
	padding: 10px;
}
#msgBox p{
	font-weight: bold;
	font-size:110%;
	margin:0;
}
#msgBox a{
	color:#000;
	text-decoration: none;
}

/* 固定ページ */

/* コンテンツ(新着情報) */
#News h2{
	color:#FFFFFF;
	background-color:#AF1C24;
	font-size:150%;
	padding:2% 0 2% 3%;
}

#News h3{
	font-size:120%;
	padding:0 0 0 3%;
}

#News p{
	line-height: 120%;
}

#News .no-data{
	padding: 0 10px;
}

#News .post{
	padding: 10px;
	border-bottom:1px solid #e9e9e9;
}

#News .post .meta{
	padding-bottom:10px;
}

#News .post #post-detail{
	padding-bottom:10px;
	line-height: 120%;
}

#News .post .contents-head .ico_new{
	background:url(../img/common/icon_new.gif) no-repeat 10px center;
	padding: 10px 0px 10px 45px;
	margin: 0px 4px;
}

#News #contentsNavi{
	margin-top:10px;
	text-align: center;
}

#News div.pagination{
	text-align:center;
	margin-top:10px;
}

#News div.pagination span span.number{
	margin-right:0.5em;
}
/* コンテンツ(駐車場情報) */
#Parking h2{
	color:#FFFFFF;
	background-color:#AF1C24;
	font-size:150%;
	padding:2% 0 2% 3%;
}

#Parking h3{
	font-size:120%;
	padding:2% 0 2% 3%;
}

#Parking a{
	text-decoration:underline;
}

#Parking p{
	line-height: 120%;
}

#Parking .no-data{
	padding: 0 10px;
}

#Parking .post{
	padding: 10px;
	border-bottom:1px solid #e9e9e9;
}

#Parking .post .meta{
	padding-bottom:10px;
}

#Parking .post #post-detail{
	padding-bottom:10px;
	line-height: 120%;
}

#Parking .post .contents-head .ico_new{
	background:url(../../img/common/icon_new.gif) no-repeat 10px center;
	padding: 10px 0px 10px 45px;
	margin: 0px 4px;
}

#Parking #contentsNavi{
	margin-top:10px;
	text-align: center;
}

#Parking .updatetime{
	margin-bottom:10px;
}

#Parking .attention{
	margin-bottom:10px;
}

#Parking table{
	border: 1px solid #000;
}

#Parking table a{
	color:#0000FF;
}

#Parking table tr{
	height: 25px;
}

#Parking table tr.color1{
	background-color:#FFFFFF;
}

#Parking table tr.color2{
	background-color:#f7f7f7;
}

#Parking table tr th{
	color:#FFFFFF;
	background-color:#AF1C24;
}

#Parking table tr th,
#Parking table tr td{
	border: 1px solid #000;
	padding: 5px;
}

#Parking table tr th.th1,
#Parking table tr td.td1{
	width:50px;
	text-align:center;
}

#Parking table tr th.th2{
	width:500px;
}

#Parking table tr th.th3,
#Parking table tr td.td3{
	width:50px;
	text-align:center;
}

#Parking div.pagination{
	text-align:center;
	margin-top:10px;
}

#Parking div.pagination span span.number{
	margin-right:0.5em;
}

#BlogBlog p{
	line-height: 120%;
}

#BlogBlog h2{
	color:#FFFFFF;
	background-color:#AF1C24;
	font-size:150%;
	padding:2% 0 2% 3%;
}

#BlogBlog h3{
	font-size:120%;
	padding:0 0 0 3%;
	margin:10px 0 0 0;
}

#BlogBlog a{
	text-decoration:underline;
}

#BlogBlog .no-data{
	padding: 0 10px;
}

#BlogBlog .post{
	padding: 10px;
	border-bottom:1px solid #e9e9e9;
}

#BlogBlog .post .meta{
	padding-bottom:10px;
}

#BlogBlog .post #post-detail{
	padding-bottom:10px;
	line-height: 120%;
}

#BlogBlog .post .contents-head .ico_new{
	background:url(../../img/common/icon_new.gif) no-repeat 10px center;
	padding: 10px 0px 10px 45px;
	margin: 0px 4px;
}

#BlogBlog #contentsNavi{
	margin-top:10px;
	text-align: center;
}

#BlogBlog .updatetime{
	margin-bottom:10px;
}

#BlogBlog .attention{
	margin-bottom:10px;
}

#BlogBlog table{
	border: 1px solid #000;
}

#BlogBlog table a{
	color:#0000FF;
}

#BlogBlog table tr{
	height: 25px;
}

#BlogBlog table tr.color1{
	background-color:#FFFFFF;
}

#BlogBlog table tr.color2{
	background-color:#f7f7f7;
}

#BlogBlog table tr th{
	color:#FFFFFF;
	background-color:#AF1C24;
}

#BlogBlog table tr th,
#BlogBlog table tr td{
	border: 1px solid #000;
	padding: 10px;
	line-height: 110%;
}

#BlogBlog table tr th.th1,
#BlogBlog table tr td.td1{
	width:50px;
	text-align:center;
}

#BlogBlog table tr th.th2{
	width:500px;
}

#BlogBlog table tr th.th3,
#BlogBlog table tr td.td3{
	width:50px;
	text-align:center;
}

#BlogBlog div.pagination{
	text-align:center;
	margin-top:10px;
}

#BlogBlog div.pagination span span.number{
	margin-right:0.5em;
}


/* ガイドマップ */
#map a{
	color:#0000FF;
}
#map .map{
	margin-bottom:10px;
}

#map .map img{
	width:100%;
}

#map div.link ul{
	text-align: center;
	margin-bottom:2em;
}

#map div.link ul li{
	display:inline-block;
	margin-right:1em;
}
#map div.link ul li.last{
	margin-right:0;
}

/* コンテンツ(交通アクセス) */
#access p{
	text-align: center;
	margin-top:20px;
}

/* コンテンツ(イベント情報) */
#event{
	overflow:hidden;
}

#event .to-top{
	float: right;
	margin: 20px 10px 40px 0;
}

#event p.to-top{
	text-align:center;
	margin:30px 0;
	float:none;
}

#event .event_list li{
	text-align:center;
	margin-bottom:3%;
}

/*
#event div.table_div{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
*/
#event div.table_div{
    width: 100%;
    overflow-x: auto;
}
#event div.table_div::-webkit-scrollbar {
	height: 5px;
}
 
#event div.table_div::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
#event div.table_div::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}


#event table{
	width:960px;
	margin-top:20px;
	border-collapse:collapse;
	border-bottom:1px solid #bfbfbf;
}

#event table .th1{
	width:40%;
}

#event table .th2{
	width:30%;
}

#event table .th3{
	width:30%;
}

#event table.event3 .th1{
	width:35%;
}

#event table.event3 .th2{
	width:65%;
}

#event table tr.color1{
	background-color:#FFFFFF;
}

#event table tr.color2{
	background-color:#f7f7f7;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}

#event table th{
	color:#FFFFFF;
	background-color:#ae3635;
	padding:10px 0;
}

#event table th.th1{
	padding:10px 0 10px 10px;
}

#event table th.th2 div,
#event table th.th3 div{
	padding-left:10px;
	border-left:1px solid #FFFFFF;
}

#event table td{
	padding:10px 0;
	font-size:100%;
	vertical-align: top;
}

#event table td.td1{
	padding:10px 0 10px 10px;
}
#event table td.td2 div,
#event table td.td3 div{
	padding:0 10px;
	border-left:1px solid #bfbfbf;
}

/* コンテンツ(有田宿泊情報) */
#hotel ul{
	margin:0;
	padding:0;
}
#hotel ul li{
	display:inline-block;
	width:100%;
	padding: 20px 0 20px 25px;
	margin-right: 10px;
	border-top:1px solid #e9e9e9;
}

#hotel ul li.last{
	border-bottom:1px solid #e9e9e9;
}

/* コンテンツ(陶器市とは) */
#toukiiti .image{
	display:none;
}

#toukiiti div.setsumei{
	margin: 10px;
}

#toukiiti div.setsumei p.title{
	margin-bottom:10px;
}

#toukiiti div.setsumei p.description{
	font-size:110%;
	line-height: 150%;
}

/* コンテンツ(有田陶器市にいらっしゃるお客様へ) */
#sankasho table tr td{
	vertical-align:top;
}

#sankasho table tr td div{
	margin:10px;
	padding:10px;
}

#sankasho table tr td div.border_t{
	border-top:1px solid #e9e9e9;
}

#sankasho table tr td div.border_tb{
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
}

#sankasho table tr td div.attention{
	margin-top:70px;
	border:1px solid #000000;
	padding:20px;
}

#sankasho table tr td div.attention p{
	font-size:120%;
}

#sankasho table tr td div.attention ul{
	margin-top:10px;
	margin-left:20px;
}

#sankasho table tr td p.image{
	text-align:center;
}

#sankasho p.images{
	margin:0 20px;
}

#sankasho p.images a{
	display:block;
	margin-bottom:10px;
}

#sankasho p.images a img{
	float:none;
}
/* コンテンツ(有田陶器市に出店するには) */
#shutten h2{
	color:#AF1C24;
	border-bottom:1px solid #AF1C24;
	padding-bottom:10px;
	margin-bottom:30px;
}

#shutten p{
	line-height: 26px;
}

#shutten .excel{
	background-color:#ffe34a;
}

#shutten .box1{
	margin-bottom:20px;
}


#shutten .box1 .title{
	margin-bottom:10px;
}

#shutten .p2_detail{
	margin-left:13px;
}

#shutten .p2_detail p{
	padding-left:10px;
}

#shutten .p2_detail table{
	margin-left:10px;
	margin-top: 5px;
}

#shutten .p2_detail table tr{
	height: 23px;
}

#shutten .p2_detail table tr td{
	vertical-align:top;
	padding-right: 15px;
}

#shutten .p2_detail .excel{
	width:200px;
	line-height: 26px;
	padding: 5px;
}

#shutten .p3_text{
	width: 220px;
	text-indent: -18px;
	padding-left: 18px;
}

#shutten .p3_img p{
	font-size:80%;
}

#shutten .p4_text{
	margin-left:10px;
}
#shutten .p4_text p{
	padding-left:10px;
}
#shutten .p4_text .p4-2{
	margin-left:17px;
}

#shutten .p4_text .excel{
	width:300px;
	line-height: 26px;
	padding: 5px;
}

/* コンテンツ(お役立ち情報) */
#info{
	font-size:130%;
}

#info h3{
	color:#FFFFFF;
	background-color:#AF1C24;
	padding:15px 0;
	margin: 0;
}
#info .color1,
#info .color2{
	padding:10px 0 10px 10px;
	border-bottom:1px solid #e9e9e9;
}

#info .color1{
	background-color:#FFFFFF;
}

#info .color2{
	background-color:#f7f7f7;
}

#info .blocks .p1{
	margin:0;
}

#info .blocks .p2,
#info .blocks .p3{
	margin:0 0 0 1em;
}

#info .blocks .left,
#info .blocks .right{
	float:none;
}

#info .pc_only{
	display:none;
}
#info .links ul{
	margin:0;
	padding:0;
}
#info .links ul li{
	padding:10px 0 10px 10px;
	border-bottom:1px solid #e9e9e9;

}
/*
#info .blocks{
	width:960px;
	margin:20px 0 40px 0;
}

#info .block{
	width:470px;
}

#info .color1,
#info .color2{
	clear:both;
	height: 36px;
	border-bottom:1px solid #e9e9e9;
	padding:18px 0 0 30px;
}

#info .color1{
	background-color:#FFFFFF;
}

#info .color2{
	background-color:#f7f7f7;
}

#info .blocks .p1,
#info .blocks .p2,
#info .blocks .p3{
	float:left;
}

#info .block-2 .p1,
#info .block-2 .p2{
	width:50%;
}

#info .block-3 .p1,
#info .block-3 .p2,
#info .block-3 .p3{
	width:33%;
}


#info .shop_data{
	padding:10px;
	margin-bottom:10px;
}

#info .shop_data p{
	line-height:150%;
}

#info .shop_data .title{
	color:#AF1C24;
	font-size:180%;
}

#info .shop_data .picture{
	float:right;
}
#info .shop_data .picture img{
	width:149px:
	height:108px;
}

#info .links{
	margin-top:20px;
	margin-bottom:40px;
}

#info .links ul{
	width:970px;
}

#info .links ul li{
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	width: 270px;
	height:25px;
	background-color:#f7f7f7;
	padding: 15px 0px 6px 40px;

}
*/

/* コンテンツ(テーブルコーディネート展) */
#table h3{
	color:#FFFFFF;
	padding:15px 0 15px 15px;
	margin:1em 0 1em 0;
	background:#AF1C24 url(../../img/common/yajirushi_down.png) no-repeat right 21px center / 40px 30px;
}

#table h3.active{
	background:#AF1C24 url(../../img/common/yajirushi_up.png) no-repeat right 21px center / 40px 30px;
}

#table .sp{
	padding:0 15px;
	display:none;
}

#table .description p{
	line-height:120%;
	font-size:120%;
	margin:0;
}


#table .description p.title{
	color:#AF1C24;
	background:#FFF;
	font-weight: bold;
	margin:0 0 1em 0;

}

#table .img1{
	width:35%;
	float:right;
	text-align:right;
	margin: 0 0 10px 10px;
}


#table .img-block{
	margin-top:1em;
}

#table .img2{
	margin-bottom:1em;
}

#table .img3{}

#table a.vote:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#table .vote_box{
	margin-bottom:1em;
}

#top_banner_block img{
	max-width:100%;
}
#top_banner_block ul{
	padding:8px;
}
#top_banner_block li{
	margin-bottom: 20px;
}