@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;
}

*:focus {
    outline: none;
}

select {
    background:#fff -webkit-image-set( url(../img/select_arrow.png)   1x,url(../img/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: 10000;
}

#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:980px;
    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:326px;
    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;
}

/* フッター
--------------------------------------------------------------------*/
#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: 980px;
    background:#fff;
}

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

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

/* カラム無し メインカラム
--------------------------------------------------------------------*/
#single_main {
    width:100%;
    box-sizing:border-box;
    /*mpadding:5px;
	argin-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: 163px;
    margin-right: 5px;
    text-align: center;
}

div.entry_list_imgbox img {
    max-width: 163px;
    max-height: 163px;
}

/*申し込み受付中・通常イベント途中テーブル*/
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;
    text-align: center;
}

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

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:100px;
    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;
}

input[type="text"].inp_form_error, input[type="password"].inp_form_error{
    border: solid 1px #eb0915;
    background: #fdd3d6;
}
select.inp_form_error{
    border: solid 1px #eb0915;
    background: #fdd3d6 -webkit-image-set( url(../img/select_arrow.png)   1x,url(../img/select_arrow2x.png)  2x ) no-repeat right !important;
}

.textform:Disabled {
    background:#bbb;
}

span.textform {
    display: inline-block;
}


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

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

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


select.textform-e {
    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;
    min-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;
}

/* ブルー 編集など */
input.btn-b { 
    background: #37ABC8;
    display:inline-block;
    min-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-b:hover { 
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
    opacity: 0.5;
}

a.btn-b { 
    background: #37ABC8;
    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;
}
.login-wrap a.btn-b { 
    background: #37ABC8;
    display:inline;
    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 {
    height: 30px;
    line-height: 30px;
    margin-bottom: 7px;
    padding: 0 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    border-left: 10px solid #3f9d25;
    color: #000;
}

.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;
    margin:20px 0 5px 0;
}
.ta2 tr{
    display: block;
    margin-bottom: 3px;
}
.ta2 th {
    background:#e5b800;
    padding-left:13px;
    width: 200px;
    color:#fff;
    border:none;
}
.ta2 td {
    width: 75%;
    height: 35px;
    background:transparent;
    padding:10px;
    border:none;
    word-break: break-all;
}

/*販売実績系*/

.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;
}


/*エラー用*/

.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;
}

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.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;
}

/*注意換気用*/
.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{
    margin: 10px 0;
}
.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;
}

/* ソーシャルログイン
--------------------------------------------------------------------*/
/*.content-wrap{
	overflow: hidden;
	margin: 40px auto;
}*/
.login-wrap{
    box-sizing: border-box;
    width: 80%;
    margin: 20px auto;
}
.attention-text{
    color: #df0000;
    font-size: 12px;
    font-weight: bold;
}
/***********ソーシャルログイン**************/
.s-login{
    width: 570px;
    padding-left: 50px;
    margin: 10px auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.s-login div {
    margin: 0px 3px;
}

.s-login .line {
    display: block;
    width: 275px;
    height: 51px;
}

.s-login .line:hover img {
        display: none!important;
    }

.s-login .line:hover {
        background-image: url("../images/login/line_hover.png");
        background-repeat: no-repeat;
    }

.s-login .line:active {
        background-image: url("../images/login/line_hold.png");
        background-repeat: no-repeat;
    }