/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {    color: #333;}
html {    font-size: 1em;    line-height: 1.4;}
::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
img,
video {    vertical-align: middle;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}
.browsehappy {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* 
green : #009848;
yellow : #FFFF00
orage : #FFCC00
Brown : #995722
red: #e4007f

blue:#00aaff;

 */


/* --------------------------------
  for js plugin
-------------------------------- */
.fixed {    position: fixed;    top: 0;  z-index: 10000;}


/* --------------------------------
  common settings
-------------------------------- */
body{ font-size:16px; line-height:180%; color:#333; margin:0; padding:0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	Meiryo, メイリオ, sans-serif;border-top:4px #00aaff solid; }
h1,h2,h3,h4,h5,p{ margin-top:0;}
a{ color:#995722;}
a:hover{ color:#e4007f;}

img{ max-width:100%; height:auto;}

/* --------------------------------
  header
-------------------------------- */
/* -- header -- */
.header-container{background-color:#fff; }
header {width:980px; margin:0 auto; position:relative; }

header h1{	float: left; margin-top: 20px;}
header #headline {	float: right;	width: 840px;	text-align:left;	margin-top: 20px;	line-height:130%}


/* --   nav  -- */
nav  { background-color:#00aaff; color:#fff; padding:5px 0px; }
/*  clearfix  */
nav:before,
nav:after {    content: " ";    display: table;}
nav:after {    clear: both;}
nav {    *zoom: 1;}

nav ul { padding:0; width:980px; margin:0 auto;}
nav li { float: left; padding:10px 40px 10px 0; line-height:1; }

nav a { color:#fff; text-decoration:none; font-size:16px; }
nav a:hover {text-decoration: underline; color:#FFFF00;}

nav #menuBtn{ display:none;}


/* --  breadcrumb  -- */

#breadcrumb{width:980px; margin:0 auto;font-size:14px; color:#999;}
#breadcrumb ul { padding:0; list-style:none;}
#breadcrumb li { float: left; margin-right:5px; }
#breadcrumb li:after { content:" > " }
#breadcrumb li:last-child:after { content:"" }



/* --------------------------------
  main
-------------------------------- */
.main-container{width:980px; margin:20px auto;}
.main article{ float:left; width:690px; min-height:500px; padding-bottom:30px;}

.main article section{ padding-bottom:30px;}

.main h2{margin-bottom: 21px;padding: 6px;background-color: #00aaff;color: #FFF;font-size: 18px;line-height: 50px;text-align:center;}

.main h2.pageTtl{ padding:14px ; text-align:center; font-weight:bold;
	margin:0 0 2em;}

.main h3{ color:#00aaff; border-left:8px solid #00aaff; padding-left:8px;
	margin-top:0; font-weight:normal;}

/* basic table */
.main table{ border-top:1px solid #CCC; width:100%; border-left:1px solid #CCC;}
.main table caption{ text-align:right;}
.main table th,
.main table td{ border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:14px; text-align:left; font-weight:normal; background-color:#fff;}
.main table th{ background-color:#ececec; white-space:nowrap;}

.main dl dt{ color:#0af; padding:5px 0; margin-bottom:10px;
	border-top:1px dotted #0af; border-bottom:1px dotted #0af;}
.main dl dd{ color:#666; margin:0 0 20px;}


/* --------------------------------
  side
-------------------------------- */
.side-container{ width:240px; float:right;}
aside{}

.side-container h3{ background-color:#00aaff; color:#fff; padding:7px; font-size:16px;}

/* newsArea */
.newsArea h3 { margin-bottom:0;}
.newsArea ul { padding:0; margin:0 0 20px; list-style:none;}
.newsArea li { font-size:14px; line-height:160%; border-bottom:1px dotted #ccc;
	padding:10px 5px;}
.newsArea li a {}

.fb-like-box{ margin-bottom:14px; background-color:#fff; border:1px solid #ccc;
		-moz-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;}

/* --------------------------------
  footer settings
-------------------------------- */
.footer-container{ border-top:2px solid #00aaff;}
footer{width:980px; margin:0 auto; position:relative;}

footer ul { padding:0; list-style:none;}
footer li { float: left; margin-right:20px; font-size:14px; }
footer li a { color:#999; }
footer li a:hover { color:#e4007f; }

footer h3 { font-size:12px; font-weight:normal; text-align:left;}

/* toPageTop */
.page_top {	position:fixed;	bottom:10px;	right:10px;transition: all .3s;}
.page_top:hover {
     filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}


/* --------------------------------
  HOME
-------------------------------- */

#home #mainVis { background:url(/prx/000/http/cssnite-sendai.info/system/wp-content/themes/cssnite/images/vol08/bgpatn.png) repeat; padding:10px 0;}
#home #mainVis .img {width:980px; margin:0 auto;}
#home #mainVis .txt {text-indent:-9999px; height:1px;}


#home .side-container{ margin-top:20px;}
#home .main h2{ margin-top:20px;}

#home .homeNav{ border:1px solid #e4007f; margin:0;border-top:5px solid #e4007f; color:#e4007f; background-color:#FFF;}
/*  clearfix  */
#home .homeNav:before,
#home .homeNav:after {    content: " ";    display: table;}
#home .homeNav:after {    clear: both;}
#home .homeNav {    *zoom: 1;}

#home .homeNav ul { padding:5px 10px; list-style:none; margin-top:0;}
#home .homeNav li { float: left; margin-right:10px; font-size:14px; }
#home .homeNav li a { color:#e4007f; text-decoration:none; }
#home .homeNav li a:hover { text-decoration: underline; }
#home .homeNav li:after { content:" | " ;}


/* --------------------------------
  archive
-------------------------------- */

.sessionBox{ padding:28px; margin-bottom:21px; border: 1px solid #ddd; background-color:#E1F5FD;}
.sessionBox .session{ border-bottom:1px dotted #ccc; margin-bottom:20px;}
.sessionBox .profile{ font-size:14px; line-height:160%; color:#666; }
/* 
.sessionBox h3.session-title{ margin-top: 0; padding: 18px; border: 2px solid #0af;color: #0af; font-size: 18px; font-weight: bold;}
*/
.sessionBox h3.session-title{ margin-top: 0; padding: 0; border: 0;  color: #0af; font-size: 20px; font-weight: bold;}

.profile h3{ padding:0; border:0; color:#333; font-weight:bold;}
.profile h3 span{ font-weight:normal; font-size: 14px;}

ul.sns{ list-style:none; padding:0;}
ul.sns li{ text-align:left; font-size: 14px;}
/* ul.sns li{ text-align:center;} */

ul.sponsorList { padding:0; margin:0; list-style:none;}
  /* clearfix */
  ul.sponsorList:before,
  ul.sponsorList:after {    content: " ";    display: table;}
  ul.sponsorList:after {    clear: both;}
  ul.sponsorList {    *zoom: 1;}
ul.sponsorList li {
	float: left;
	width: 200px;
	margin: 0 44px 22px 0;}
ul.sponsorList li:nth-child(3n) {
margin-right: 0;
}
/* --------------------------------
  inquiry
-------------------------------- */
.captchaImg{ border:1px solid #CCC; padding:2px;}

/* contactForm7 */
.wpcf7{ }
.wpcf7 table td{ padding:10px; }
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{ width:400px; padding:5px; }
.wpcf7-not-valid-tip{ color:#f00; display:block;}
.wpcf7 .screen-reader-response {color:#f00;}
.wpcf7 .wpcf7-response-output {display:none;}
.wpcf7 .captcha-375 input{ width:100px;}


/* --------------------------------
  news
-------------------------------- */
ul.newsList,ul.newsList li{ list-style:none; margin:0; padding:0;}
ul.newsList li{ border-bottom:1px dotted #ccc; padding-top:1em;}
ul.newsList li .newsDate{}
ul.newsList li .newsTtl{ padding-left:15px; font-weight:bold;}
ul.newsList li .newsContent{ color:#999;}
ul.newsList li .more{ padding-left:15px;}

/* 詳細記事 */
#news .main h2.pageTtl{ margin-bottom:7px;}

.entryDate{ text-align:right; margin-bottom:2em;}


/* --------------------------------
  faq
-------------------------------- */
.faqDl dt{ font-weight:bold;}
.faqDl dd{ padding-left:14px;}



/* --------------------------------
  vol10
-------------------------------- */
.vol10Line{ margin: 15px 0; height: 1px; border-top: 1px dotted #ccc;}



/* 

#0af
*/

/* --------------------------------
  utility classes
-------------------------------- */
.pcDisp{ }
.spDisp{ display: none;}

.noWrap{ white-space:nowrap;}
.cast{ white-space:nowrap;}

.txtMemo{ font-size:smaller; color:#999;}

/* -- ボタン -- */
/* エントリーボタン */
.entryBtn01{ display:block; margin:0 30px; padding:20px; background:#35C100; color:#fff;box-shadow: 0px 3px 0 0 #198022; text-align:center; font-size:18px; font-weight:bold; text-decoration:none; border-radius:100px; transition: all .2s;}
.entryBtn01:hover{ color:#fff; opacity:0.8;}
.entryBtn01 span.memo{ padding-left:20px; font-size:14px; font-weight:normal;}


/* -- table　アレンジ -- */

/* 左右ボーダー無し */
.main table.noSideLine{ border-left:0;}
.main table.noSideLine th,.main table.noSideLine td{ border-right:0;}

/* 一部中央寄せ　（協賛ページ用）　 */
.main table.contentsCenter{}
.main table.contentsCenter thead th{ text-align:center;}
.main table.contentsCenter td{ text-align:center;}

/* ページ送り */
.pagenavi{padding:27px 0; font-size:12px; font-weight:bold; line-height:1;}
.pagenavi a,
.pagenavi span{ 	display:block;	float:left;	padding:6px 12px;	margin-left:8px;	background:#00aaff;
	border:1px solid #00aaff;	text-decoration:none;	color:#FFF;}
.pagenavi a:hover{ opacity: 0.8;}
.pagenavi span{	border:1px solid #00aaff;	background-color:#FFF;	color:#00aaff;}

/* --- floatBox --- */
.floatBox:before,
.floatBox:after {    content: " ";    display: table;}
.floatBox:after {    clear: both;}
.floatBox {    *zoom: 1;}

.floatBox .imgLeft{float:left; margin-right:20px;}
.floatBox .imgRight{float:right; margin-left:20px;}
.floatBox .txt{ overflow:hidden;}

/* --- listByside --- */
ul.listByside  { padding:0; list-style:none;}
ul.listByside li { float: left; margin:0 15px 15px 0; font-size:14px; }

ul.listByside:before,
ul.listByside:after {    content: " ";    display: table;}
ul.listByside:after {    clear: both;}
ul.listByside {    *zoom: 1;}

/*  font-color
-------------------------------- */
.fontRed{ color:#E4007E;}
.fontGreen{ color:#009848;}
.fontGray{ color:#999;}


/*  font-size
-------------------------------- */
.font10{ font-size:10px !important;}
.font11{ font-size:11px !important;}
.font12{ font-size:12px !important;}
.font13{ font-size:13px !important;}
.font14{ font-size:14px !important;}
.font15{ font-size:15px !important;}
.font16{ font-size:16px !important;}
.font17{ font-size:17px !important;}
.font18{ font-size:18px !important;}
.font19{ font-size:19px !important;}
.font20{ font-size:20px !important;}

/*  align
-------------------------------- */
.alignLeft{ text-align:left !important;}
.alignRight{ text-align:right !important;}
.alignCenter{ text-align:center !important;}

/*  margin
-------------------------------- */
/*top*/
.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

/*right*/
.mr00{margin-right:0 !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/*bottom*/
.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

/*left*/
.ml00{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

/*  padding
-------------------------------- */
/*top*/
.pt00{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

/*right*/
.pr00{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr08{padding-right:8px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/*bottom*/
.pb00{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/*left*/
.pl00{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}


/*  WordPress 画像配置用CSS
-------------------------------- */
.alignleft { float:left; margin:0 20px 20px 0;}
.alignright { float:right; margin: 0 0 20px 20px;}
.aligncenter { display:block; text-align:center; margin:20px auto;}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 739px) {

.pcDisp{ display: none;}
.spDisp{ display: block;}


/* header */
header {width: inherit; margin:0 10px; }
header h1{	float: none; margin-top: 20px; text-align:center;}
header #headline {	float: none;	width: inherit; font-size:14px;	}

/* nav */
nav  { padding:0;}
nav ul { width:inherit; padding:0;}
nav li {  float: none; border-bottom:1px solid #fff; padding:0;}
nav li a { display:block; padding:15px; text-align:left;}

nav #menuBtn{ display:block;border-bottom:1px solid #fff; text-align:left; margin:0}
nav #menuBtn a{ display:block; padding:10px;}

#menuList{ display:none;}

/* breadcrumb */
#breadcrumb {  width: inherit;  margin: 0 10px;}

/* main-container */
.main-container {  width: inherit;  margin: 20px 10px;}
.main article {  width: 100%;  min-height: 200px;  padding-bottom: 30px;}
.mainSnsBox{ width:100%; overflow:hidden;}

/* side-container */
.side-container {  width: inherit; float: none; clear: both; margin-left: auto; margin-right: auto;}
.fb-like-box { margin-bottom:30px;}
	
/* footer */
footer {  width: inherit;  margin: 0 10px;}

/* table */
.main table tr th{white-space:normal;}

/* faqDl */
.faqDl dd{ padding-left:0; padding-bottom:10px;}

/* inquiry */
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {  width: 90%;}

/* --- floatBox --- */
.floatBox .imgLeft{float:none; margin-right:0; text-align:center;}
.floatBox .imgRight{float:none; margin-left:0; text-align:center;}
.floatBox .txt{ overflow:hidden;}




}

@media only screen and (max-width: 479px) {

/* table */
.main table{ border:none; width:inherit !important;}
.main table tr { border:1px solid #999;}
.main table tr th{display:block; border:none; border-bottom:1px solid #fff; white-space:normal;}
.main table tr td{ display:block; border:none; border-bottom:1px solid #efefef;}

}

@media only screen and (min-width: 1140px) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {    content: " ";    display: table;}
.clearfix:after {    clear: both;}
.clearfix {    *zoom: 1;}