/*
Theme Name: Dazzbar
*/


/*-----------------------------------------------
 common
-----------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; 
 }

html {
	color: #000;
	overflow-y: scroll;
	overflow-x: auto;
	height: 100%;
}

body {
	margin: 0px; 
	padding: 0px;
	background-color: #fff;
	font-family: Helvetica, Arial, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	/*text-align: justify; */
	text-justify: auto; 
	line-height: 1; 
	font-size: 16px;
	*font-size:small;
    *font:x-small;
	height:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

#wrap {
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

h1 {
  margin: 0;
  padding: 0;
  border: 0;
}

h2 {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	display: block;
}

h3 {
	line-height: 1; 
	margin: 0 0 0 0; 
	padding: 0;
	display: block;
}

h4 {
	margin: 0 0 0 0; 
	padding: 0; 
	line-height: 1; 
	display: block;
}


h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

img, fieldset { border: 0;}


a {
	color: #000;
	text-decoration: none;
}

a:hover { 
	color: #000;
	text-decoration: none;
}

img {border:none;}

ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.fnt_min {
	font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.fnt_12 {
	font-size: 12px !important;
}

.fnt_13 {
	font-size: 13px !important;
}


.fnt_14 {
	font-size: 14px !important;
}

.fnt_16 {
	font-size: 16px !important;
}

.fnt_18 {
	font-size: 18px !important;
}



.fnt_red { color: #df3131; }

.fntRed a { 
	color: #e3332b;
	text-decoration: underline;
}

.fnt_grn { color: #69ac7c; }
.fnt_gry { color: #8f9190; }


.txt_r {
	text-align: right;
}


.btnLink:hover { 
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}

.ptlink {
}

.clear {
	clear: both;
	height: 1px;
}

.btnTop {
	text-align: right;
	margin: 20px 40px 23px 0;
	width: auto;
	overflow: hidden;
}

.bnrTwitter {
	width: 217px;
	text-align: center;
	margin: 15px 0 0 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

.mb10 { margin: 0 0 10px 0;}
.mb15 { margin: 0 0 15px 0;}
.mb20 { margin: 0 0 20px 0;}
.mb25 { margin: 0 0 25px 0;}
.mb30 { margin: 0 0 30px 0;}
.mb35 { margin: 0 0 35px 0;}
.mb40 { margin: 0 0 40px 0;}
.mb50 { margin: 0 0 50px 0;}
.mb60 { margin: 0 0 60px 0;}
.mb70 { margin: 0 0 70px 0;}
.mb80 { margin: 0 0 80px 0;}

.w33 { width: 33.3%;}
.w50 { width:50%;} 


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset !important;
}

/*-----------------------------------------------
 header
-----------------------------------------------*/

header {
	padding: 35px 3%;
	margin: 0 0 0 0;
	overflow:  hidden;
}

header h1 {
	font-family:  Helvetica, Arial, "sans-serif";
	font-size: 14px;
	display:  block;
	float:  left;
	padding: 6px 0 0 0;
}

header h1 span {
	font-weight: bold;
	font-size:  16px;
}

header ul.sns {
	float: right;
	font-size: 0;
}

header ul.sns li {
	display: inline-block;
	margin: 0 0 0 20px;
}


/*-----------------------------------------------
 top
-----------------------------------------------*/

body.home {
	background-color: #f2f2f2;
}

body.home main {
	margin: 0 3%;
	background-color: #fff;
}

.home ul.box_top {
	width: 100%;
	font-size: 0;
	margin: 0 0 0 0;
}

.home ul.box_top li {
	font-size: 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #f2f2f2;
}

.home ul.box_top li .thumb {
	width: 50%;
    margin: 0 0 0 0;
    display: inline-block;
    vertical-align: middle;
    border: 10px solid #fff;
    box-sizing: border-box;
}

.home ul.box_top li .thumb img {
	width: 100%;
    height: auto;
}

.home ul.box_top li .txt {
	width: 50%;
    padding: 0 8% 0 8%;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.home ul.box_top li .txt .title {
	line-height: 1.6;
	margin: 0 0 16px 0;
}

.home ul.box_top li .txt .date {
	color: #d50000;
}


/*-----------------------------------------------
 detail
-----------------------------------------------*/
.entry-content .event_img {
	text-align: center;
	margin: 0 0 0 0;
}

.box_detail {
	margin: 0 3%;
}

.box_detail h2 {
	font-size:  20px;
	font-weight:  bold;
	line-height: 1.7;
	margin: 44px 0 24px 0;
}

.box_detail .lead {
	line-height: 1.4;
    margin: 0 0 44px 0;
    text-align: justify;
    font-size: 14px;
}

.box_detail dl {
	margin: 0 0 24px 0;
	font-weight:  bold;
}

.box_detail dl dt {
	float: left;
	width: 7em;
	line-height: 1.6;
}

.box_detail dl dd {
	margin: 0 0 0 7em;
	line-height: 1.6;
}

.box_detail dl:last-child {
	padding-bottom: 20px;
}

.box_profile {
	background-color: #000;
	padding: 30px 3% 0 3%;
	color: #fff;
}

.box_profile:last-child {
	padding-bottom: 30px;
}

.box_profile .in {
	overflow: hidden;
	margin: 0 0 0 0;
}

.box_profile .img {
	float: left;
	width: 190px;
	position: relative;
	overflow: hidden;
}

.box_profile .img img {
	width: 190px;
}

.box_profile .txt {
	margin: 0 0 0 220px;
    line-height: 1.6;
	text-align:  justify;
}

.box_profile .txt .name {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.box_profile .txt .profile {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.box_profile .txt .link {
	font-size: 14px;
}

.box_profile a {
	color: #fff;
	text-decoration: underline;
}


/*-----------------------------------------------
 footer
-----------------------------------------------*/

.box_map {
	clear: both;
	margin: 36px 3% 0 3%;
}

.box_map iframe {
	width: 100% !important;
	height: 400px !important;
	margin: 0 0 24px 0;
}

.box_map h2 {
	font-weight: bold;
	margin: 0 0 24px 0;
}

.box_map dl {
	margin: 0 0 44px 0;
	font-size:  14px;
}

.box_map dt {
	width: 7em;
	float: left;
	line-height: 1.6;
}

.box_map dd {
	margin: 0 0 0 7em;
	line-height: 1.6;
}

footer {
	text-align: left;
	position:  relative;
	clear: both;
}

footer .site-info {
	font-size: 12px;
	padding: 24px 3%;
}

footer .btn_top {
	position: fixed;
	bottom: 0;
	right: 0;
	height:  125px;
}

@media only screen and (max-width: 480px), only screen and (max-width: 767px) and (orientation:landscape) {
	
/*-----------------------------------------------
 top
-----------------------------------------------*/
	
.home ul.box_top li .txt {
    width: 50%;
    padding: 0 8% 0 4%;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
	
.home ul.box_top li .txt .title {
    line-height: 1.4;
    margin: 0 0 8px 0;
	font-size: 12px;
}
	
.home ul.box_top li .txt .date {
    color: #d50000;
	font-size: 12px;
}
	
/*-----------------------------------------------
 detail
-----------------------------------------------*/
.entry-content .event_img {
	text-align: center;
}
	
.entry-content .event_img img {
	width: 100%;
	height: auto;
}
	
.box_profile {
	background-color: #000;
	padding: 12px 3% 0 3%;
	color: #fff;
}
	
.box_profile .in {
	overflow: hidden;
	margin: 0 0 0 0;
}
	
.box_profile .img {
	float: none;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.box_profile .img img {
	width: 100%;
}

.box_profile .txt {
	margin: 0 0 0 0;
    line-height: 1.6;
	text-align:  justify;
}

.box_profile .txt .name {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.box_profile .txt .profile {
	font-size: 14px;
}

.box_profile .txt .link {
	font-size: 14px;
}
	
/*-----------------------------------------------
 footer
-----------------------------------------------*/
	
.box_map iframe {
	width: 100% !important;
	height: 200px !important;
	margin: 0 0 24px 0;
}

	
footer {
    text-align: left;
    position: relative;
    clear: both;
}
	
footer .btn_top {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 64px;
}

footer .btn_top img {
	width: 62px;
	height: auto;
}

	
}