/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */
img, canvas, iframe, video, svg { max-width: 100%; }
.overflow-container { overflow-y: scroll; }
/* common
--------------------------------- */
#header {
	height: auto;
	width: auto;
}
#home #header .pc {
	display: none;
}
#home #header .sm {
display: block;
}
#home p.catch{
	font-size: 18px;
}
/* naka-header */
body.naka #header {
	height: auto;
	padding-bottom: 15px;
}
body.naka #header .inner {
	width: auto;
	height: auto;
}
body.naka #header h1 {
	float: none;
	width: auto;
	height: auto;
	text-align: center;
}
	body.naka #header h1 img {
		width: auto;
		height: 110px;
	}




/* contents */
#contents {
	width: 320px;
	padding: 0 0 20px;
}

#contents #side,
#contents #main {
	float: none;
	width: auto;
}

#gNavi {
	margin-bottom: 10px;
}
ul#gNavi li {
	width: 161px;
	float: left;
	font-size: 13px;
	letter-spacing: -1px;
	margin-right: -1px;
}
#gNavi li a span {
	margin: 0;
	border-bottom: 1px solid #C8C3D7;
	border-right: 1px solid #D2C9C0;
	padding: 17px 0 15px 30px;
	white-space: nowrap;
}

#gNavi li a span.l2 {
height: 41px;
padding: 26px 0 5px 30px;
}

#gNavi li a:hover, #home #gNavi li.nav1 a, #about #gNavi li.nav2 a, #access #gNavi li.nav3 a, #contest #gNavi li.nav4 a, #schedule #gNavi li.nav5 a, #ticket #gNavi li.nav6 a, #kuramoto #gNavi li.nav7 a, #contact #gNavi li.nav8 a {
	background: #FFF;
}

#side .bnr {
	overflow: hidden;
}
#side .bnr li {
	width: 150px;
	float: left;
	margin: 0 5px 10px;
}
	#side .bnr li a {
		padding: 5px;
	}
	
	#side .bnr li .rurubu {
	padding-bottom: 0px;
	padding: 29px 33px;
	}
	
	#side .bnr li img {
		width: 130px;
		height: auto;
	}

#side dl#social {
	overflow: hidden;
	margin: 0 5px 15px;
}
#side dl#social dt {
	margin-bottom: 10px;
}
#side dl#social dd {
	padding: 0;
	width: 145px;
	float: left;
	text-align: center;
}


/* footer */
#footer {
	width: auto;
}

#footer_top {
	width: 300px;
}
#footer_top .l {
	border: 0;
	width: auto;
}
#footer_top .l div.font_min {
	font-size: 80%;
	background-size: 55px auto;
	padding: 0 0 10px 65px;
}
#footer_top .l div.font_min address {
	letter-spacing: 0;
}
#footer_top .r {
	width: auto;
	padding-top: 20px;
	font-size: 80%;
}

#footer_btm {
	padding: 20px 0;
	font-size: 90%;
}
#footer_btm p {
	width: 300px;
	margin: 0 auto;
}


/* display-none */
#home #header .inner p.txt_home,
#topcontrol,
body.naka #header p.kikan,
body.naka #header p.basyo,
body.naka #header img.imgFix,
ul#pan,
p#kv {
	display: none;
}

/* home
--------------------------------- */
/* header */
#home #header {
	height: 350px;
	margin: 0;
}
#home #header .bg {
	background: transparent;
	height: auto;
}
#home #header .inner {
	height: auto;
	width: 100%;
	padding: 20px 0 0;
	position: absolute;
}
#home #header .inner p.kikan,
#home #header .inner h1 {
	width: 180px;
	height: 258px;
	text-align: center;
	margin: 0 auto;
}
#home #header .inner h1 {
	width: 100%;
	height: 100%;
	position: initial;
	left: 0;
	top: 0;
}
#home #header .inner p.kikan {
	position: inherit;
	width: auto;
	height: auto;
	margin-top: 10px;
}
#home #header .inner p.kikan img {
	height: auto;
}
#home #header .inner h1 img {
	height: auto;
	position: inherit;
	left: 0;
	top: 0;
}

/* main */
#home #main .clearfix .l,
#home #main .clearfix .r,
#home #main .box {
	width: 288px;
	height: auto;
	float: none;
	margin: 0 auto 10px;
}
#home #main .clearfix .r p.mb20 {
	margin-bottom: 10px;
}
#home #main .clearfix .r p.mb20 img {
	width: 288px;
	height: auto;
}
#home p.txt_event {
	font-size: 80%;
}
#home ul.areaList {
	overflow: hidden;
	padding: 5px 0;
}
#home ul.areaList li {
	display: block;
	width: 144px;
	float: left;
	padding: 15px 0;
}
#home #main .bnr {
	text-align: center;
}
#home #main .bnr img {
	width: 310px;
	height: auto;
}


#main .stamp{
	padding: 0;
}

.stamp .clearfix ul .subtitle {
width: 91%;
padding-bottom: 10px;
}

#main .stamp .clearfix .fukidashi_area .fukidashi,
.stamp .clearfix .fukidashi_area .fukidashi{
width: 82%;
}

.stamp .clearfix .main_area .f_width{
	width:100%;
}

#supporter_list #area {
padding: 20px 23px;
}


/* naka
--------------------------------- */
/* common */
body.naka #contents {
	padding-top: 0;
}

body.naka #contents #main {
	padding-top: 10px;
}

body.naka #contents #main h2 {
	margin: 0 0 10px;
	font-size: 140%;
	padding: 15px 10px 10px 15px;
}
body.naka #contents #main h2 img {
	padding: 0 10px 3px 0;
}

div#content {
	padding: 0 10px;
	font-size: 80%;
}

div#content .w240,
div#content .w320,
div#content .w380 {
	width: auto;
	float: none;
}

/* about */
#about .r {
	text-align: center;
	padding-top: 10px;
}

/* access */
#access .w320 img {
	width: 300px;
	height: auto;
	margin-bottom: 10px;
}

/* contest */
#form p.ttl_contest img,
#contest p.ttl_contest img {
	width: 320px;
	height: auto;
}
#contest #regBox {
	padding: 10px 0 5px;
}
	#contest #regBox p#agreeBox {
		margin-bottom: 10px;
		font-size: 90%;
	}
	ul#regist {
		padding: 0;
	}
	ul#regist li {
		width: auto;
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
	}
	ul#regist li p.note {
		font-size: 65%;
	}
	ul#regist li.form p.in {
		text-align: center;
	}

ul#foodList li {
	width: 130px;
	margin: 0 8px 10px;
}
ul#foodList li img {
	width: 130px;
}
#contest #colorbox img {
	width: 260px;
	height: 195px;
}

#contest #colorbox #photo dl {
    width: 260px;
}
#contest .submit img{
	padding-bottom: 20px;
}


/* ticket */
#ticket table.table1 {
	width: 298px;
	font-size: 60%;
}
#ticket #main p.tar {
	font-size: 80%;
}

/* kuramoto */
#kuramoto #area {
	background: #FFF;
	padding: 10px 0;
	text-align: center;
}
#kuramoto dl.areaName {
	margin-top: -10px;
}
#kuramoto dl.areaName dd p {
	width: 80px;
	position: relative;
	padding: 0 5px 0 55px;
	font-size: 90%;
	word-wrap: break-word;
}
#kuramoto dl.areaName dd p span {
	font-size: 90%;
	display: block;
	width: 50px;
	text-align: center;
	padding: 1px 0;
	position: absolute;
	left: 0;
	top: 0;
}
#kuramoto dl.areaName dd p span.blue{
	padding: 0;
}
#kuramoto dl.areaName dd p span.red {
	padding: 0;
	}

/* kanpai */
#kanpai table.table1 {
	width: 298px;
	font-size: 60%;
}
#kanpai #main p.tar {
	font-size: 80%;
}


/* イベントスケジュール
--------------------------------- */
#schedule .sche_box{
	margin-bottom: 0px;
}

#schedule .sche_box .l,
#schedule .sche_box .r
{
	float: none;
	margin-bottom: 30px;
}

#schedule .seminar_box{
	margin-bottom: 0;
}

#schedule .seminar_box .l,
#schedule .seminar_box .r
{
	float: none;
	margin-bottom: 30px;
	width: 300px;
}

.bosyu{
	width: 310px;
	height: 410px;
	background: url(../img/home/bg_bnr_bosyu2017_sp.jpg) no-repeat;
	margin-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
}
.bosyu p {
	text-align: center;
	padding: 0;
}
.bosyu .food{
	padding-top: 60px;
}
.bosyu .food2, .bosyu .goods, .bosyu .goods2{
	padding-top: 10px;
}
.oubodl{
	width:159px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
#schedule_tbl_3{
	width:60px!important;
}

#schedule_tbl_1 .sp_height{
	height: 10px;
}
#schedule_tbl_3 .sp_height{
	height: 36px;
}

/* お申し込みフォーム
--------------------------------- */
#form table{
	width: 100%;
}
#form table th {
width: 60px;
border: 1px #c6c6c6 solid;
padding: 5px 0 5px 10px;
text-align: left;
background: #FFF6E0;
}
#form #formtable input#company, #form #formtable input#name, #form #formtable input#email {
width: 100px;
}

#form #formtable input#company,
#form #formtable input#name,
#form #formtable input#number,
#form #formtable input#email,
#form #formtable input#tel,
#form #formtable input#zipcode,
#form #formtable input#fax,
#form #formtable input#tel,
#form #formtable input#city,
#form #formtable input#address,
#form #formtable input#p_name,
#form #formtable input#p_section,
#form #formtable input#p_position,
#form #formtable input#hp,
#form #content #formtable textarea{
width: 180px;
}

#form #person li{
	float: none;
	padding: 0 0 5px 0;

}
#form #job_list li{
	float: none;
}

/*
 supporter_voice.html 追加分*/
 
.voice{
	background:none;	
	clear: both;
	overflow:hidden;
	margin-bottom: 35px;
	width: auto;
} 
.arrow_box {
	position: static;
	background: #ffffff;
	border: 2px solid #f5ad4e;
	padding: 15px 15px 35px 15px;;
	clear: both;
	float: none;
	width: auto;	
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: none;
	height: auto;
	width: auto;
	position: static;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border: none;
}
.arrow_box:before {
	border-color: rgba(245, 173, 78, 0);
	border: none;
}
.voice .arrow_box span{
	float: none;
	font-size: 90%;
	display: block;
	overflow: hidden;
}

#supporter_list .area_ttl span{
	display: none;
}
#supporter_list .sp_txt{
	display: block;
	margin-bottom: 10px;
}
/* 熱烈応援店 */		
	.supporter2015 .item .l{
		width: 100%;
	}
	
#supporter_list .tenpo_list ul{
	width: 100%;
}

#pc_table{
	display: none;
}

#sp_table{
	display: block;
}

/* 銘柄検索
--------------------------------- */
#search form div.l,#search form div.r{
    width: 400px;
    display: block;
    width: auto;
    margin: 0 auto;
    float: none;
}
#search form div label {
    width: 150px;
    font-size: 90%;
    display: inline-block;
}
#search form div input {
    height: 20px;
    margin-bottom: 10px;
}

#search form button{
    width: 200px;
    height: 45px;
    background: #140153;
    font-size: 20px;
    border: none;
    color: #FFF;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin: 15px auto 0;
    display: block;
}
#search form div.r a{
    text-align: center;
}

#search .areaBox dl dt {
	width: auto;
	float: none;
}
	#search .areaBox dl dt strong {
		font-size: 120%;
	}
#search .areaBox dl dd {
	width: auto;
	float: none;
	padding-left: 15px;
}
#search .areaBox dl dd span{
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.stamp .clearfix .fukidashi_area .l {
    width: 100% !important;
    margin-top: 0;
}
.stamp .clearfix .fukidashi_area .r {
    margin-top: -6px;
}


.stamp .clearfix .shimekiri_tousentuuchi ul {
	background-color: #fff;
	font-size: 95%;
	border: none;
}
.stamp .clearfix .shimekiri_tousentuuchi ul.shimekiri li{
	float: non;
	border: none;
	margin-left: 5px;
	padding-top: 5px;
}
.stamp .clearfix .shimekiri_tousentuuchi ul.shimekiri li.ttl_shimekiri {
	background-color: #362D50 ;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px;
}
.stamp .clearfix .shimekiri_tousentuuchi ul.shimekiri li.md_shimekiri {
	color: #362D50;
	text-align: center;
	width: 100%;
	font-size: 150%;
	font-weight: bold;
}

.btn_area ul {
	background:none !important;
	border:none!important;
}
.btn_area ul li {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}