@charset "UTF-8";

/*clear
--------------------------------------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ol, ul, li, p, a, span, fieldset, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { margin: 0; padding: 0; }

/*body,html他全般設定
--------------------------------------------------------------------------------------------------------*/

body,html {
	height:100%;
	color: #333;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font: 14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
	background: #ffffff;
}

* {
	-webkit-appearance: none;
}

input {
	font: 13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
	margin:0;
	padding:0;
}

button:hover {
    cursor: pointer;
}

*:focus {
	outline: none;
}

select {
	background:#fff -webkit-image-set( url(../images/select_arrow.png)   1x,url(../images/select_arrow2x.png)  2x ) no-repeat right !important;
}

ol,ul{
	list-style-type: none;
}

img {
	border: none;
}

a {
	color: #3F9D25;
	text-decoration:none;
}
a:hover {
	color: #f7ac00;
}

.hide {
	display: none;
}

/*clearfix
---------------------------------------------------------------------*/

.clearfix:before, .clearfix:after, .container_12:before, .container_12:after { 
	content: "."; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	font-size: 0px; 
	line-height: 0; 
	width: 0px; 
	height: 0px;
 }

.clearfix:after, .container_12:after { 
	clear: both;
 }


/***********************************************************************************************
 テンプレート・ページ根幹スタイル
***********************************************************************************************/

/* ヘッダー
--------------------------------------------------------------------*/
#head_container {
			margin:0 auto;
        width:100%;
        height:100px;
        background:#DEF39F;
}

#header {
	width:980px;
	height:60px;
	background:#DEF39F;
	margin:42px auto 0 auto;
	padding:10px;
	box-sizing:border-box;
}

#gnavi_container {
	width:100%;
	height:40px;
	margin:0;
	background:#3F9D25;
   border-top:solid 1px #fff;
   border-bottom:solid 1px #fff;
   position: fixed;
   z-index: 60;
}

#gnavi {
	width:980px;
	margin:0 auto;
   color:#fff;
   vertical-align:-5px;
}

#gnavi a{
	color:#ffffff;
}

#gnavi a:hover{
	color:#AAD47F;
}

/* ローカルナビ
--------------------------------------------------------------------*/

#localnav_container {
	width:100%;
	height:40px;
	margin:10px 0 0 0;
	background:#FFF;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

#localnav{
	width:1050px;
	height:40px;
	margin:0 auto;
   color:#fff;
   vertical-align:-5px;
   background:#fff;
}


dl.local_navi {
	width:100%;
	margin:0;
	box-sizing:border-box;
	border:none;
	text-align: center;
}

dl.local_navi dd {
	float:left;
	width:210px;
	height:40px;
	padding: 8px 15px;
	background: #fff;
	color: #555;
	cursor: pointer;
	border-left:solid 1px #ccc;
	box-sizing: border-box;
}

dl.local_navi dd a{
	color:#555;
	display:block;
	width:100%;
	height:125%;
}

dl.local_navi dd a:before{
	content:url(../images/arrow-orange.png);
	margin-right:5px;
	vertical-align:-2px;
}

dl.local_navi dd:hover a{
	color:#f7ac00;
	font-weight:bold;
}

dl.local_navi dd:last-child {
	border-right:solid 1px #ccc;
}

dl.local_navi dd:hover {
	background:#FFF6D5;
}


/*アクティブ時*/
.local_navi_active {
	background:#f7ac00!important;
}

.local_navi_active a{
	color:#fff!important;
	font-weight:bold;
}

/*fixed発動*/
.fixed {
    position: fixed;
    top:0;
    left: 0;
    margin-top:42px!important;
    background:#DEF39F!important;
    border-top:none!important;
    z-index: 60;
}

.fixed #localnav{
   background:#DEF39F!important;
}

/* フッター
--------------------------------------------------------------------*/
#footer {
		margin:0 auto;
        width:980px;
        height:215px;
        text-align:center;
        background:#fff;
        color:#555;
        font-size:90%;
}

.footbox {
	height:120px;
	display: block;
	text-align:left;
	margin:10px;
	padding:20px;
	border: 2px solid #d4d4d4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.footbox_inner {
	display:block;
	float:left;
	width:169px;
	padding-left:10px;
	padding-right:10px;
	height:120px;
	border-left:1px solid #d4d4d4;
}


/* コンテナー
--------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 1050px;
	background:#fff;
}

/* 2カラム式メインカラム
--------------------------------------------------------------------*/
#main {
	float:left;
	width:715px;
	box-sizing:border-box;
	padding:5px;
	margin-right:5px;
}

/* 2カラム式サブカラム
--------------------------------------------------------------------*/
#sub {
	float:right;
	width:320px;
	box-sizing:border-box;
	padding:5px;
	margin-left:5px;
}

/* カラム無し メインカラム
--------------------------------------------------------------------*/
#single_main {
	width:100%;
	box-sizing:border-box;
	padding:5px;
	margin-top:10px;
}


/* サブカラム用広告リスト
--------------------------------------------------------------------*/
ul.adv_list {
	width:100%;
	margin:0;
	box-sizing:border-box;
}

ul.adv_list li {
	background:#eee;
	margin:5px 0;
	text-align:center;
	box-sizing:border-box;
	padding:5px 0 0 0
}

/***********************************************************************************************
 /ここまで
 以下各コンテンツページ用スタイル定義
***********************************************************************************************/

/* エントリーリストテーブル
--------------------------------------------------------------------*/
/*外枠（共通）*/

div.entry_list {
	width:100%;
	margin:5px 0;
	font-size:90%;
}

/*イベントイメージサムネ*/
div.entry_list_imgbox {
	float:left;
	width:auto;
	margin-right:5px;
}

/*申し込み受付中・通常イベント途中テーブル*/
div.entry_list_tablebox {
	float:left;
	width:400px;
	margin-right:5px;
}

/*合体用テーブル*/
div.entry_list_unittablebox {
	float:left;
	width:567px;
	margin-right:5px;
}

/*申し込み受付中・完了ボタン*/
div.entry_list_btnbox {
	float:left;
	padding-top:50px;
	margin-right:0px;
	width:132px;
}

/*申込未完了ボタン*/

div.entry_list_notbtnbox {
	float:left;
	margin-right:5px;
	width:132px;
	padding-top:27px;
}

/*申込途中カット用*/

div.entry_list_cutbox {
	float:left;
	width:152px;
	margin-right:5px;
}

div.entry_list_cutbox img{
	width:100%;
	height:auto;
}


/*エントリーリスト専用ボタン-----------*/

/* 送信aタグver */ 
a.btn-entry-r { 
	box-sizing:border-box;
	background: #f7ac00;
	display:block;
	width: auto;
	height:48px;
	color: #ffffff;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	padding: 10px;
	margin:10px 0;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.btn-entry-r:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* ブルー 編集など */
a.btn-entry-b { 
	box-sizing:border-box;
	background: #37ABC8;
	display:block;
	width: auto;
	height:48px;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	font-weight:bold;
	padding: 10px;
	margin:10px 0;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.btn-entry-b:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}


/* 取消 */
a.btn-entry-c { 
	box-sizing:border-box;
	background: #d8082b;
	display:block;
	width: auto;
	height:48px;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	font-weight:bold;
	padding: 10px;
	margin:10px 0;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.btn-entry-c:before {
	content:url(../images/cross.png);
	margin:0 3px 0 2px;
}

a.btn-entry-c:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}


/* 送信aタグver */ 
div.btn-entry-none { 
	box-sizing:border-box;
	background: #bbb;
	display:block;
	width: auto;
	height:48px;
	color: #ffffff;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	padding: 10px;
	margin:10px 0;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/* 基本情報入力住所用ラベルスタイル定義
--------------------------------------------------------------------*/
.ad-label {
	display:inline-block;
	background:#d4d4d4;
	width:120px;
	padding:8px;
	font-weight:bold;
	margin:3px 5px 3px 0;
}

/* アンケートフォームスタイル定義
--------------------------------------------------------------------*/
.anq label{
	display:inline-block;
	width:140px;
	margin-bottom:15px;
}

/* イベント詳細 サークルカットテンプレート
--------------------------------------------------------------------*/
.circlecut_box {
	width:100%;
}

.circlecut_box_innner {
	float:left;
	width:350px;
	box-sizing:border-box;
	padding:0px 20px 0 20px;
	margin-bottom:20px;
}

.circlecut_box_innner img {
	max-width:180px;
}

.circlecut_box_innner .btn {
	padding-top:80px;
}

.circlecut_box_innner h4 {
	box-sizing:border-box;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight:bold; 
	padding:8px;
	font-size:110%;
	text-align:center;
	margin-bottom:5px;
}


/* 申込内容最終確認画面 カット用ボックス
--------------------------------------------------------------------*/

.c-imgbox {
	width:300px;
	margin-right:10px;
}

.c-imgbox img{
	width:300px!important;
	height: auto;
}

.c-imgbox-direction {
	width:655px;
}


/* イベント申込詳細 ページ内リンク
--------------------------------------------------------------------*/

.pagelink {
	display:block;
	font-size:150%;
	width:auto;
	color:#555;
}

.pagelink:hover{
	text-decoration:underline;
}

.pagelink:before {
	content:"▼";
	color:#3F9D25;
}


/* イベント申込詳細 ページ内リンク
--------------------------------------------------------------------*/

.unit_box1 { 
box-sizing:border-box;
display:inline-block;
float:left;
width: 370px;
background: #FFF6D5;
border:solid 1px #e5b800;
margin:10px 10px 5px 0;
font-weight:bold;
font-size:130%;
} 

.unit_box1 img {
	width:340px;
	height:auto;
}

.unit_box1 h2{ 
background: #e5b800; 
font-size: 130%;
color: #FFFFFF;
margin:0;
padding:5px;
} 

.unit_box1 p { 
margin: 10px;
} 

/*右側*/

.unit_box2 { 
box-sizing:border-box;
display:inline-block;
float:left;
width: 370px;
background: #E3F0FB;
border:solid 1px #37ABC8;
margin:10px 0  5px 10px;
font-weight:bold;
font-size:130%;
} 

.unit_box2 img {
	width:340px;
	height:auto;
}

.unit_box2 h2{ 
background: #37ABC8; 
font-size: 130%;
color: #FFFFFF;
margin:0;
padding:5px;
} 

.unit_box2 p { 
padding:10px;
} 

/* カットプレビュー用ボックス
--------------------------------------------------------------------*/
.cut-box {
	width:100%;
	margin-bottom:25px;
	padding:0;
}

.cut-up-box {
	float:left;
	width:49%;
	box-sizing:border-box;
}

.cut-prev-box {
	float:right;
	padding:10px;
	margin-top:20px;
	text-align:center;
	width:49%;
	box-sizing:border-box;
	background:#ccc;
	height:100%;
}

.cut-prev-box img {
	width:100%;
	height:auto;
	margin-top:-3.0em;
}

/*トップへ戻るボタン書式設定
--------------------------------------------------------------------*/
#pageTop {
	 position: fixed;
	 bottom: 50px;
	 right: 100px;
	 cursor: pointer;
 }
 
#pageTop:hover {
	 filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
 }


/***********************************************************************************************
 ここまで
 以下スタイルはStyleGuideも同時に更新する。
***********************************************************************************************/

 /* textform
--------------------------------------------------------------------*/

/* テキストフォームNormal */

.textform {
	padding:7px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border: solid 1px #aaa;
	background: #fff;
}

input[type="text"].textform:focus {
    border:solid 1px #EEA34A;
    background:#FFF6D5;
}

input[type="password"].textform:focus {
    border:solid 1px #EEA34A;
    background:#FFF6D5;
}

.textform:Disabled {
    background:#bbb;
}

span.textform {
	display: inline-block;
}


/* テキストフォームError */

.input-validation-error{
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #eb0915;
    background: #fdd3d6;
}

input[type="text"].input-validation-error:focus {
    border: solid 1px #eb0915;
    background: #fff4f5;
}


select.input-validation-error {
    background: #fdd3d6 -webkit-image-set( url(../images/select_arrow.png) 1x,url(../images/select_arrow2x.png) 2x ) no-repeat right !important;
}


/* テキストエリア */

textarea.textform{
	resize: vertical;
	height:60px;
	box-sizing:border-box;
}

textarea.textform:focus{
    border:solid 1px #EEA34A;
    background:#FFF6D5;
}


/*ラジオボックス*/

input[type="radio"]{
  -webkit-appearance: none;
  width:17px;
  height:17px;
  border:1px solid #555;
  border-radius:15px;
  background:#fff;
  margin:3px;
  vertical-align: -5px;
}

input[type="radio"]:checked{
  background:#FFB409;
}

/*チェックボックス*/

input[type="checkbox"] {
    border: 1px solid #555555;
    vertical-align: -4px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
    opacity:0.5;
}

input[type="checkbox"]:checked {
    opacity:1;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: -1px;
    top: 13px;
    display: block;
    content: "";
    width: 10px;
    height: 4px;
    background: #FFB409;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 6px;
    top: 13px;
    content: "";
    width: 16px;
    height: 4px;
    background: #FFB409;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

/* ラジオボタン装飾用定義
--------------------------------------------------------------------*/
/*決済選択*/

.selected1{
	position:relative;
	height:66px;
	display:block;
	font-size:180%;
	color:#fff;
	background:#80bf40;
	padding:12px;
	margin:7px 0;
	box-sizing:border-box;
	border:solid 2px #80bf40;
}

.selected1:hover {
	border:solid 2px #f7ac00;
}

.selected1 label{
	width:100%;
	height:100%;
	display:block;
	cursor: pointer;
}

.selected1 input[type="radio"] {
	margin-right:10px;
	width:25px;
  height:25px;
}


/*サークル選択*/

.selected1-circle{
	position:relative;
	height:66px;
	display:block;
	font-size:180%;
	color:#fff;
	background:#80bf40;
	padding:12px;
	margin:7px 0;
	box-sizing:border-box;
	border:solid 2px #80bf40;
}

.selected1-circle:hover {
	border:solid 2px #f7ac00;
}

.selected1-circle label{
	width:100%;
	height:100%;
	display:block;
	cursor: pointer;
}

.selected1-circle input[type="radio"] {
	margin-right:10px;
	width:25px;
  height:25px;
}




/*合体申込ジャンル表示*/

.selected1 .unit{
	position:absolute;
	top:-2px;
	right:-2px;
	color:#fff;
	background:#f7ac00;
	width:300px;
	height:66px;
	padding-top:20px;
	padding-left:10px;
	font-size:70%;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
}

/*合体申込ジャンル表示 選択できない場合*/

.selected1 .unit.unit-disabled{
	background:#bbbbbb;
}

/*決済選択 招待クーポン用*/
.selected1 .coupon {
	display:inline-block;
	font-size:70%!important;
	color:#555;
	margin-right:6px;
	vertical-align: 10px;
	margin-left:30px;
}

/*選択できない場合*/

.selected1.s-disabled {
	background:#bbbbbb;
	color:#fff;
	border:solid 2px #bbbbbb;
}

.selected1.s-disabled span.error {
	color:#eb0915;
	font-weight:bold;
	font-size:80%;
	margin-top:5px;
}

/*サークル選択 新規申込用*/

.selected2{
	height:66px;
	display:block;
	font-size:180%;
	color:#fff;
	background:#37ABC8;
	padding:12px;
	margin:7px 0;
	box-sizing:border-box;
	border:solid 2px #37ABC8;
}

.selected2:hover {
	border:solid 2px #f7ac00;
}

.selected2 label{
	width:100%;
	display:block;
	cursor: pointer;
}

.selected2 input[type="radio"] {
	margin-right:10px;
	width:25px;
  height:25px;
}


/* ボタン
--------------------------------------------------------------------*/

/***********おおきめ**************/

/* 送信（submit） */ 
input.btn-r { 
	background: #f7ac00;
	display:inline-block;
	width: 170px;
	color: #ffffff;
	text-align:center;
	font-size:130%;
	padding: 10px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	font-weight:bold;
}

input.btn-r:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* 送信aタグver */ 
a.btn-r { 
	background: #f7ac00;
	display:inline-block;
	width: 150px;
	color: #ffffff;
	text-align:center;
	font-size:130%;
	padding: 10px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
}

a.btn-r:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* グレー・戻るキャンセルなど */
a.btn-g { 
	background: #bbb;
	display:inline-block;
	width: 150px;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	padding: 10px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
}

a.btn-g:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* ブルー 編集など */
a.btn-b { 
	background: #37ABC8;
	display:inline-block;
	min-width: 150px;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	padding: 10px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight:bold;
}

a.btn-b:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/***********小さめ（横幅auto）**************/

/* 送信（submit） */ 
input.sbtn-r { 
	background: #f7ac00;
	display:inline-block;
	min-width: 100px;
	width:auto;
	color: #ffffff;
	text-align:center;
	font-size:130%;
	padding: 3px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
}

input.sbtn-r:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* 送信aタグver */ 
a.sbtn-r { 
	background: #f7ac00;
	display:inline-block;
	min-width: 100px;
	width:auto;
	color: #ffffff;
	text-align:center;
	font-size:130%;
	padding: 3px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.sbtn-r:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* グレー・戻るキャンセルなど */
a.sbtn-g { 
	background: #bbb;
	display:inline-block;
	min-width: 100px;
	width:auto;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	padding: 3px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.sbtn-g:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}

/* ブルー 編集など */
a.sbtn-b { 
	background: #37ABC8;
	display:inline-block;
	min-width: 100px;
	width:auto;
	color: #ffffff;
	text-align:center;
	font-size:130%; 
	padding: 3px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.sbtn-b:hover {
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}


/***********サークル選択専用**************/

a.btn-c { 
	background: #80bf40;
	display:block;
	width:100%;
	color: #ffffff;
	text-align:left;
	font-size:170%;
	padding: 13px 18px;
	border: none;
	cursor: pointer;
	font-weight:bold;
	margin:10px 0;
	box-sizing:border-box;
}

a.btn-c:after { 
	float:right;
	content:">>";
	color:#f7ac00;
}

a.btn-c:hover { 
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
}


/* 見出し
--------------------------------------------------------------------*/

/*h2*/

.section-head2 {
	border-left:13px solid #3F9D25;
	font-weight:bold;
	font-size:170%;
	padding:8px 15px;
	margin:0 0 10px 0;
}

.section-head2-1 {
	border-left:13px solid #f7ac00;
	font-weight:bold;
	font-size:170%;
	padding:8px 15px;
	margin:10px 0;
	
}

/*h3*/

.section-head3 {
	background:#DEF39F;
	padding:6px 15px;
	color:#3F9D25;
	font-weight:bold;
	font-size:140%;
	margin:10px 0;
}

.section-head3 img{
	vertical-align:-5px;
	margin-right:5px;
}

.section-head3-1 {
	background:#FFF6D5;
	padding:6px 15px;
	color:#3F9D25;
	font-weight:bold;
	font-size:140%;
	margin:10px 0;
}

.section-head3-1 img{
	vertical-align:-5px;
	margin-right:5px;
}
 
 
 /*h4*/

.section-head4 {
	border-left:10px solid #3F9D25;
	font-weight:bold;
	font-size:120%;
	padding:4px 13px;
	margin:10px 0;
}

.section-head4-1 {
	border-left:10px solid #f7ac00;
	font-weight:bold;
	font-size:120%;
	padding:4px 13px;
	margin:10px 0;
}

 /*h5*/

.section-head5 {
	background:#d4d4d4;
	padding:4px 15px;
	color:#555;
	font-weight:bold;
	font-size:120%;
	margin:10px 0;
}


 /*イベント主催者名*/

.promoter-name {
	margin:10px auto;
	width:70%;
	text-align:center;
	border-bottom:1px solid #f7ac00;
	border-top:1px solid #f7ac00;
	color:#555;
	font-weight:bold;
	font-size:140%;
	padding:5px;
}


/* テーブル
--------------------------------------------------------------------*/

/*ベーシックタイプ*/

.ta1 {
	width:100%;
	border:none;
	color:#555;
	border-collapse: collapse;
	box-sizing:border-box;
}

.ta1 th {
	background:#d4d4d4;
	padding:10px 15px;
	border-bottom:1px solid #bbb;
	width:20%;
	text-align:left;
}

.ta1 td {
	background:#fff;
	padding:10px 15px;
	border-bottom:1px solid #bbb;
}

/*サークル選択用*/

.ta2 {
	width:100%;
	border:none;
	color:#555;
	border-collapse: separate;
	box-sizing:border-box;
}

.ta2 th {
	background:#e5b800;
	padding:10px 15px;
	width:200px;
	color:#fff;
	border:none;
}

.ta2 td {
	background:transparent;
	padding:10px 15px;
	border:none;
}


/*販売実績系*/

.ta3 {
	width:100%;
	border:none;
	color:#555;
	border-collapse: collapse;
	box-sizing:border-box;
}

.ta3 th {
	background:#DEF39F;
	padding:10px 15px;
	width:200px;
	border:1px solid #bbb;
}

.ta3 th:first-child {
	width:8px;
}

.ta3 th:nth-child(2) {
	width:170px;
}

.ta3 th:nth-child(3) {
	width:20px;
}

.ta3 th:nth-child(4) {
	width:45px;
}

.ta3 th:nth-child(5) {
	width:50px;
}

.ta3 th:nth-child(6) {
	width:53px;
}

.ta3 th:nth-child(7) {
	width:53px;
}

.ta3 th:nth-child(8) {
	width:53px;
}

.ta3 th:nth-child(9) {
	width:53px;
}

.ta3 th:last-child {
	width:53px;
}

.ta3 td {
	background:transparent;
	padding:10px 15px;
	border:1px solid #bbb;
}

/*通販用*/

.ta4 {
	width:100%;
	border:none;
	color:#555;
	border-collapse: collapse;
	box-sizing:border-box;
	margin:10px auto;
}

.ta4 th {
	background:#e5b800;
	padding:10px 15px;
	width:200px;
	color:#fff;
	border:1px solid #fff;
}

.ta4 td {
	background:transparent;
	padding:10px 15px;
	border:1px solid #bbb;
}

.ta4 tr:nth-child(2n+1) {
	background:#FFF6D5;
}


/*エラー用*/

.ta-error {
	padding:0;
	width:100%;
	border-collapse: collapse;
	box-sizing:border-box;
	margin-bottom:10px;
}

.ta-error th {
	width:150px;
	padding:10px;
	background:#eb0915;
	color:#fff;
	border:solid 1px #eb0915;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	font-size:160%
}

.ta-error td {
	padding:10px;;
	background:#fdd3d6;
	color:#eb0915;
	border:solid 1px #eb0915;
	font-weight:bold;
	word-break: break-all;
}

.ta-error td ul li {
	 margin-bottom:0.6em;
}

.ta-error td ul li:last-child {
	 margin-bottom:0;
}

/*セットプラン選択用*/

.ta-set {
	margin:10px auto;
	padding:0;
	width:980px;
	border-collapse: collapse;
}

.ta-set th {
	width:180px;
	padding:10px;
	background:#37ABC8;
	color:#fff;
	border:solid 1px #37ABC8;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.ta-set td {
	padding:10px;;
	background:#d7eef4;
	border:solid 1px #37ABC8;
}

.ta-set .radio-item {
    display:block;
}

/*セットプランエラー用専用*/

.ta-set-e {
	padding:0;
	width:980px;
	border-collapse: collapse;
}

.ta-set-e th {
	width:180px;
	padding:10px;
	background:#3F9D25;
	color:#fff;
	border:solid 1px #3F9D25;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.ta-set-e td {
	padding:10px;;
	background:#fdd3d6;
	border:solid 1px #3F9D25;
}

.ta-set-e .radio-item {
    display:block;
}


/* 定義リスト
--------------------------------------------------------------------*/

/*黄色見出し付き大*/

dl.def1 {
	margin:10px auto;
	padding:0;
	width:814px;
	box-sizing:border-box;
}

dl.def1 dt {
	float:left;
	width:170px;
	margin:0;
	padding:10px;
	background:#e5b800;
	color:#fff;
	border:solid 1px #e5b800;
	font-weight:bold;
	text-align:center;
}

dl.def1 dd {
	float:left;
	width:600px;
	margin:0;
	padding:10px;;
	background:#FFF6D5;
	color:#555;
	border:solid 1px #e5b800;
}

/*緑見出し付き*/

dl.def2 {
    margin:10px auto;
    padding:0;
    width:814px;
    box-sizing:border-box;
    background:#3F9D25;
}

dl.def2 dt {
	float:left;
	width:170px;
	margin:0;
	padding:10px;
	background:#3F9D25;
	color:#fff;
	border:solid 1px #3F9D25;
	font-weight:bold;
	text-align:center;
}

dl.def2 dd {
	float:left;
	width:600px;
	margin:0;
	padding:10px;;
	background:#DEF39F;
	color:#555;
	border:solid 1px #3F9D25;
}

/*緑見出し付き*/

dl.def3 {
	margin:10px auto;
	padding:0;
	width:814px;
	box-sizing:border-box;
}

dl.def3 dt {
	float:left;
	width:170px;
    height: 22px;
	margin:0;
	padding:20px 10px;
	background:#3F9D25;
	color:#fff;
	border:solid 1px #3F9D25;
	font-weight:bold;
	text-align:center;
}

dl.def3 dd {
	float:left;
	width:600px;
	margin:0;
	padding:10px;;
	background:#DEF39F;
	color:#555;
	border:solid 1px #3F9D25;
}


/*小さめ 黄色見出し付き大*/

dl.def1-s {
	margin:10px auto;
	padding:0;
	width:600px;
	box-sizing:border-box;
}

dl.def1-s dt {
	float:left;
	width:150px;
	margin:0;
	padding:10px;
	background:#e5b800;
	color:#fff;
	border:solid 1px #e5b800;
	font-weight:bold;
	text-align:center;
}

dl.def1-s dd {
	float:left;
	width:406px;
	margin:0;
	padding:10px;;
	background:#FFF6D5;
	color:#555;
	border:solid 1px #e5b800;
}

/*小さめ 緑見出し付き*/

dl.def2-s {
	margin:10px auto;
	padding:0;
	width:600px;
	box-sizing:border-box;
}

dl.def2-s dt {
	float:left;
	width:150px;
	margin:0;
	padding:10px;
	background:#3F9D25;
	color:#fff;
	border:solid 1px #3F9D25;
	font-weight:bold;
	text-align:center;
}

dl.def2-s dd {
	float:left;
	width:406px;
	margin:0;
	padding:10px;;
	background:#DEF39F;
	color:#555;
	border:solid 1px #3F9D25;
}

/* ボックス
--------------------------------------------------------------------*/

/*黄色背景枠無し*/
.box1 {
	width:auto;
	background:#FFF6D5;
	padding:10px;
	/*margin:5px 0;*/
	box-sizing:border-box;
}

/*緑背景枠無し*/
.box2 {
	width:auto;
	background:#DEF39F;
	padding:10px;
	margin:5px 0;
	box-sizing:border-box;
}

/*黄色背景枠あり*/
.box1-br {
	width:auto;
	background:#FFF6D5;
	padding:10px;
	margin:5px 0;
	border:solid 1px #e5b800;
	box-sizing:border-box;
}

/*緑背景枠あり*/
.box2-br {
	width:auto;
	background:#DEF39F;
	padding:10px;
	margin:5px 0;
	border:solid 1px #3F9D25;
	box-sizing:border-box;
}

/*ただの枠*/
.basic_box {
	box-sizing:border-box;
	padding:10px;
	margin:0 auto;
	border:solid 1px #bbb;
}

/*注意換気用*/
.box-warning {
	width:auto;
	background:#FFE7F1;
	padding:10px;
	margin:5px 0;
	border:solid 1px #FF0066;
	color:#FF0066;
	box-sizing:border-box;
}

/*アラート用（アイコン付き）*/
.box-alerts {
	width:auto;
	background:#FFE7F1;
	padding:10px 10px 5px 10px;
	margin:5px 0;
	border:solid 1px #FF0066;
	color:#FF0066;
	box-sizing:border-box;
}

.box-alerts:before {
	content:url(../images/alerts-icon.png);
	vertical-align:-5px;
	margin:0;
}

.box-alerts a {
	color:#FF0066;
}

.box-alerts a:hover {
	color:#ff66a3;
	text-decoration: underline;
}


/*togglebox*/

.toggle-box  {
	box-sizing:border-box;
	margin:0 0 1.0em 1.0em;
}

/*toggle-box タイトル*/

.toggle-btn {
    display:inline-block;
	-webkit-appearance:none;
	background:#fff;
	border:none;
	border-bottom: 1px solid #3F9D25;
   padding-bottom: 1px;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:bold;
	margin-bottom:1.0em;
}

.toggle-btn:before {
	content:"▼";
	font-size:120%;
	color:#3F9D25;
}

/*toggle-box 合体用タイトル*/
.toggle-btn-title {
	display:block;
	-webkit-appearance:none;
	background:#fff;
	border:none;
	cursor: pointer;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:bold;
	font-size:150%;
}

.toggle-btn-title:before {
	content:"▼";
	font-size:150%;
	color:#3F9D25;
}

.toggle-btn-title:hover {
	border-bottom:1px solid #3F9D25;
}

/* アラート
--------------------------------------------------------------------*/

.warning {
	font-weight:bold;
	color:#eb0915;
}

.warning:before {
	content:url(../images/error-icon-s.png);
	vertical-align:-5px;
	margin-right:3px;
}


.field-validation-error {
	font-weight:bold;
	color:#eb0915;
}

.field-validation-error:before {
	content:url(../images/error-icon-s.png);
	vertical-align:-5px;
	margin-right:3px;
}

.validation-summary-errors ul li {
	font-weight:bold;
	color:#eb0915;
}

.validation-summary-errors ul li:before {
	content:url(../images/error-icon-s.png);
	vertical-align:-5px;
	margin-right:3px;
}


/* 説明用ベーシックリスト
--------------------------------------------------------------------*/

.basic_list {
	list-style-position:inside;
	list-style-type:disc;
	margin:0.5em 0 1.5em 0;
}

.basic_list li{
	margin-bottom:0.3em;
}

/* フォントオプション
--------------------------------------------------------------------*/

/*注意文言用*/
.fontatn {
	color:#3129e9;
}

.fontbold {
	font-weight:bold!important;
}

.font50{
	font-size:50%!important;
}

.font60{
	font-size:60%!important;
}

.font70{
	font-size:70%!important;
}

.font80{
	font-size:80%!important;
}

.font90{
	font-size:90%!important;
}

.font110{
	font-size:110%!important;
}

.font120{
	font-size:120%!important;
}

.font130{
	font-size:130%!important;
}

.font140{
	font-size:140%!important;
}

.font150{
	font-size:150%!important;
}

.font160{
	font-size:160%!important;
}

.font170{
	font-size:170%!important;
}

.fontred{
	color:#eb0915!important;
}

.fontgreen{
	color:#3F9D25!important;
}

.fontgrey{
	color:#bbbbbb!important;
}

.fontpink{
	color:#FF0066!important;
}

.fontorange{
	color:#f7ac00!important;
}

.font-leftarrow:before {
	content:url(../images/arrow.png);
	margin:0 3px 0 2px;
}

.font-rightarrow:after {
	content:url(../images/arrow.png);
	margin:0 2px 0 3px;
}	

/* オプション
--------------------------------------------------------------------*/
.centering{
	display:block;
	margin:0 auto!important;
}

.text-left{
	text-align:left!important;
}

.text-right{
	text-align:right!important;
}

.text-center{
	text-align:center!important;
}

.f-left{
	float:left!important;
}

.f-right{
	float:right!important;
}

.dis-block{
	display:block;
}

.dis-inline{
	display:inline;
}

.w10{
	width:10%!important;
}

.w20{
	width:20%!important;
}

.w30{
	width:30%!important;
}

.w40{
	width:40%!important;
}

.w50{
	width:50%!important;
}

.w60{
	width:60%!important;
}

.w70{
	width:70%!important;
}

.w80{
	width:80%!important;
}

.w90{
	width:90%!important;
}

.w100{
	width:100%!important;
}

.h100px{
	height:100px!important;
}

.h200px{
	height:200px!important;
}

.h250px{
	height:250px!important;
}

.h300px{
	height:300px!important;
}

.h350px{
	height:350px!important;
}

.h400px{
	height:400px!important;
}

.h450px{
	height:450px!important;
}

.h500px{
	height:500px!important;
}


.p5 {
	padding:5px !important;
}

.p10 {
	padding:10px !important;
}

.p15 {
	padding:15px !important;
}

.p20 {
	padding:20px !important;
}

.p25 {
	padding:25px !important;
}

.p30 {
	padding:30px !important;
}

.p35 {
	padding:35px !important;
}

.p40 {
	padding:40px !important;
}


.p-top5 {
	padding-top:5px !important;
}

.p-top10 {
	padding-top:10px !important;
}

.p-top15 {
	padding-top:15px !important;
}

.p-top20 {
	padding-top:20px !important;
}

.p-top25 {
	padding-top:25px !important;
}

.p-top30 {
	padding-top:30px !important;
}

.p-top35 {
	padding-top:35px !important;
}

.p-top40 {
	padding-top:40px !important;
}



.p-bottom5 {
	padding-bottom:5px !important;
}

.p-bottom10 {
	padding-bottom:10px !important;
}

.p-bottom15 {
	padding-bottom:15px !important;
}

.p-bottom20 {
	padding-bottom:20px !important;
}

.p-bottom25 {
	padding-bottom:25px !important;
}

.p-bottom30 {
	padding-bottom:30px !important;
}

.p-bottom35 {
	padding-bottom:35px !important;
}

.p-bottom40 {
	padding-bottom:40px !important;
}




.m5 {
	margin:5px !important;
}

.m10 {
	margin:10px !important;
}

.m15 {
	margin:15px !important;
}

.m20 {
	margin:20px !important;
}

.m25 {
	margin:25px !important;
}

.m30 {
	margin:30px !important;
}

.m35 {
	margin:35px !important;
}

.m40 {
	margin:40px !important;
}


.m-top5 {
	margin-top:5px !important;
}

.m-top10 {
	margin-top:10px !important;
}

.m-top15 {
	margin-top:15px !important;
}

.m-top20 {
	margin-top:20px !important;
}

.m-top25 {
	margin-top:25px !important;
}

.m-top30 {
	margin-top:30px !important;
}

.m-top35 {
	margin-top:35px !important;
}

.m-top40 {
	margin-top:40px !important;
}



.m-bottom5 {
	margin-bottom:5px !important;
}

.m-bottom10 {
	margin-bottom:10px !important;
}

.m-bottom15 {
	margin-bottom:15px !important;
}

.m-bottom20 {
	margin-bottom:20px !important;
}

.m-bottom25 {
	margin-bottom:25px !important;
}

.m-bottom30 {
	margin-bottom:30px !important;
}

.m-bottom35 {
	margin-bottom:35px !important;
}

.m-bottom40 {
	margin-bottom:40px !important;
}





/* テキスト系box
--------------------------------------------------------------------*/
.text1 {
	margin:0 0 0 1.0em;
	padding:0;
}

.text1 p {
	margin-bottom:1.0em;
}

.text1 p:last-child {
	margin-bottom:0;
}

/*------*/

.text2 {
	margin:0;
	padding:0;
}

.text2 p {
	margin-bottom:1.0em;
}

.text2 p:last-child {
	margin-bottom:0;
}


/* テキストアイコン
--------------------------------------------------------------------*/
.icon {
	display:inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:none;
	padding:1px 4px;
	margin-left:3px;
	margin-bottom:2px;
	font-size:90%;
	font-weight:bold;
}

.icon.required {
	background:#eb0915;
	color:#fff;
}

.icon.pub {
	background:#e5b800;
	color:#fff;
}

.icon.comiket {
	background:#e5b800;
	color:#eb0915;
}

.icon.g-event {
	background:#fff;
	color:#eb0915;
}


/***********************************************************************************************
 追加・通販系
***********************************************************************************************/

/*通販受付中*/
.shop-box {
	position:relative;
	display:block;
	border:solid 1px #ccc;
	box-sizing:border-box;
	padding:10px;
	margin:10px 0;
}

.shop-box .item-direction a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.shop-box a:hover{
    background-color:#DEF39F;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.shop-box .item-img {
	float:left;
	margin-right:10px;
	display:block;
	border:solid 1px #ccc;
	padding:0;
	text-align:center;
	width:150px;
	height:150px;
}

.shop-box .item-img img{
	max-width:150px;
	max-height:150px;
	height:auto;
	width:auto;
}

.shop-box .item-direction {
	float:left;
	width:496px;
	border:none;
}

span.links {
	color: #3F9D25;
	text-decoration:none;
}

/*通販受け付け終了*/
.shop-closed {
	background:#ddd;
}

.shop-closed  span.links {
	color: #555;
	text-decoration:none;
}