@charset "UTF-8";
*{font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-feature-settings : "palt"; }
img{width: auto; max-width: 100%;}
.wp{padding-top: 100px;}

.header_box{
	width: 98%;
	max-width: 1000px;
	margin:  0 auto;
	padding-bottom: 50px;
}

.lead_box,
.lead_box2,
.lead_box3{ width: 95%; max-width: 900px; margin:  0 auto; padding-bottom: 16px;}
.lead_box3 h3{color: #bcf6ff;}

ul.tab_menu{
	width: calc(95% - 10px);
	max-width: 900px;
	margin:  0 auto;
	list-style-type: none;
	padding:0;
	letter-spacing: -.40em;
	padding-left: 10px;
	padding-bottom: 24px;
}
ul.tab_menu li{width: calc(33% - 4px); display: inline-block; letter-spacing: normal; padding: 0 2px;}

.title_box{min-height: 75px; padding: 10px 0 10px 0;}
.cont1_title{background: url(/sangokushi13/wpk/event_edit/tab1_bg.jpg) top center; }
.cont2_title{background: url(/sangokushi13/wpk/event_edit/tab2_bg.jpg) top center; }
.cont3_title{background: url(/sangokushi13/wpk/event_edit/tab3_bg.jpg) top center;}

.title_box_bg{height: 5px; background: url(/sangokushi13/wpk/event_edit/tab_bottom.jpg) top center repeat-x; margin-bottom: 32px;}
.title_box p{ width: 95%; max-width: 1000px; margin: 0 auto; text-align: center; font-size: 70px; line-height: 1.2; font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-feature-settings : "palt"; font-weight: bold; text-shadow: 1px 1px 3px #000;}
.cont_main hr{width: 95%; border-top: 1px solid #ffcc00; margin: 32px auto;}
.wp_cont_box{ width: 95%; max-width: 900px; margin: 0 auto; border: solid 1px #555; background-color: rgba(0,0,0,0.8); text-align: left; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); padding-top: 48px;}

.new_title{ background:url(/sangokushi13/wpk/event_edit/new.gif) top left no-repeat rgba(0,0,0,0.8);}

.item_box{}
.item_left_box{width: 58%; float: left; }
.item_right_box{ width: 38%; float: right; padding-top: 32px;}


.banner_100san{width: 95%; max-width: 900px; margin: 0 auto; letter-spacing: -.40em;}
.banner_100san li{width: calc(50% - 6px); margin: 0 3px; display:inline-block; letter-spacing: normal;}

.work_date_box,
.work_date_box2,
.work_date_box3{ width: 95%; max-width: 1000px; margin: 0 auto; font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-feature-settings : "palt";}
.work_date_box4{ width: 100%; max-width: 1000px; margin: 0 auto; font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-feature-settings : "palt";}
.work_date_box dt{font-size:50px; color: #ffcc00; padding-bottom: 8px;}
.work_date_box2 dt{font-size:30px; color: #ffcc00; width: 80%; padding-bottom: 16px; line-height: 1.2;}
.work_date_box3 dt{font-size:30px; color: #00aeff; width: 80%; padding-bottom: 16px; line-height: 1.2;}
.work_date_box4 dt{font-size:30px;
	background: rgb(84,164,173);
	background: -moz-linear-gradient(top,  rgba(84,164,173,1) 0%, rgba(0,135,143,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(84,164,173,1) 0%,rgba(0,135,143,1) 100%);
	background: linear-gradient(to bottom,  rgba(84,164,173,1) 0%,rgba(0,135,143,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54a4ad', endColorstr='#00878f',GradientType=0 );
	 color: #fff; width: 100%; margin-bottom: 16px; padding: 16px 0; font-weight: bold; line-height: 1.2;}
.work_date_box4 dt p{width: 95%; margin: 0 auto; text-shadow: 0 -1px 1px #1a4042, -1px 0 1px #1a4042, 1px 0 1px #1a4042;}

.work_date_sscome_box{width: 95%; margin: 0 auto;}
.work_date_ss{width: calc(50% - 4px); max-width: 1000px; margin: 16px auto; border: solid 2px #ffcc00; display: inline-block; vertical-align: top;}
.work_date_comment{width: calc(48% - 5px); max-width: 900px; margin:  0 auto; display: inline-block; padding-left: 5px; padding-top: 8px; padding-bottom: 16px;}
.work_date_infolink{width: 100%; }
.work_date_comment_title{border-top: solid 2px #ff9600; border-bottom: solid 2px #ff9600; text-align: center; padding: 4px 0; color: #ff9600; margin: 8px 0;}

.work_date_infolink a{display: block; width: calc(100% - 16px); padding: 8px; background: #ffcc00; color: #000; text-align: right; text-decoration: none;}
.work_date_infolink a:link { color: #000 !important; }
.work_date_infolink a:visited { color: #000; }
.work_date_infolink a:hover { background: #f00; color: #fff !important;}
.work_date_infolink a:active { color: #000; }

.ct{width: 95%; max-width: 1000px; margin: 0 auto; font-size: 50px; text-align: center; font-feature-settings : "palt"; padding: 43px 0; line-height: 1.2; }

.work_event_date{width: 95%; max-width: 1000px; margin: 0 auto; border-collapse: collapse;}
.work_event_date th,
.work_event_date td{ background: #f1b4b7; padding: 5px; color: #000; border: solid 1px #000;}
.work_event_date td a{color: #800000;}
.work_event_date th{ background: #6a1417; color: #fff;  }
ul.work_event_date { background: #f1b4b7; list-style-type: none; color: #000;}
ul.work_event_date li{width: calc(100% - 14px); padding: 5px; border: solid 2px #000; border-top: solid 1px #000;}
ul.work_event_date li.event_overv{ color: #000; border: solid 2px #000;  font-weight: bold;}

th.work_event_date_th1,td.work_event_date_td1{width:150px; }
th.work_event_date_th2,td.work_event_date_td2{width:100px; text-align: center; }
th.work_event_date_th3,td.work_event_date_td3{width:320px;}
th.work_event_date_th4{}
th.work_event_date_th1,
th.work_event_date_th2,
th.work_event_date_th4{text-align: center; }

tr.wbg td{background: #fff;}
tr.pbg td{background: #f1b4b7;}


.text_box{width: 95%; max-width: 900px; margin:  0 auto; padding-bottom: 16px;}
h3.subtitle{font-size: 24px; color:#ffcc00; padding-top: 32px;}
h4.minititle{font-size: 20px; color:#00f3ff; padding-top: 24px;}
h5.pftitle{font-size: 18px; color: #a2fbff; padding-top: 16px;}
.red{color: #f00;}
.coram{ width: 95%; background: #102829; padding: 16px 2.5%; max-width: 900px; margin:  0 auto; margin: 10px auto;}
.pflink{width: 95%; max-width: 900px; margin: 0 auto;}

/* tab */
.content_area{padding-bottom: 32px;}
.tab_area{ width:100%; max-width:980px; overflow:hidden; display:table; margin:0 auto;}
.tab_area li{ cursor: pointer; vertical-align:middle; display:table-cell; opacity: 0.70;}
.tab_area li:hover{opacity: 1;}
.all_area { overflow: hidden;}
.tab_area li.select{opacity: 1; text-align: center; color: #ffcc00;}
.tab_area li.select:before{content: "▼"; font-size: 30px;}

.hide{display:none;}


@media screen and (max-width: 740px) {
	th.work_event_date_th1,td.work_event_date_td1{width:150px; }
	th.work_event_date_th2,td.work_event_date_td2{width:100px; }
	th.work_event_date_th3,td.work_event_date_td3{width:200px;}
	th.work_event_date_th4{}
	}


@media screen and (max-width: 640px) {
	.wp{padding-top: 30px;}
	.header_box{padding-bottom: 30px;	}
	ul.tab_menu{ width: calc(100% - 5px); padding-left: 5px; padding-bottom: 16px; }
	.title_box p{ font-size:7.875vw; line-height: 2.1; }
	.title_box{min-height: auto; padding: 10px 0 10px 0; }
	.lead_box2,	.lead_box3{width: 90%; padding-bottom: 32px;}
	.lead_box{ width: 90%;}
	.work_date_box dt{width: 95%; font-size:7.875vw;}
	.work_date_box2 dt{width: 95%; font-size:4.875vw;}
	.work_date_box4 dt{font-size:6.075vw;}
	.ct{font-size:6.875vw; }
	.wp_cont_box{padding-top: 32px;}
	th.work_event_date_th1,td.work_event_date_td1{width:auto; }
	th.work_event_date_th2,td.work_event_date_td2{width:auto;  }
	th.work_event_date_th3,td.work_event_date_td3{width:auto; }
	th.work_event_date_th4{}
	.tab_area li.select:before{content: "▼"; font-size: 20px;}
	.work_date_sscome_box{width: 95%; margin: 0 auto;}
	.work_date_ss{width: calc(100% - 4px); margin: 16px auto; display: block;}
	.work_date_comment{width: calc(100% - 4px); margin: 16px auto; display: block; padding-left: 0; padding-top: 0;}

.item_left_box{width: 100%; float: none; }
.item_right_box{ width: 100%; float: none; padding-top: 32px;}

	}

	@media screen and (max-width: 340px) {
		ul.tab_menu li{width: calc(95% - 4px); display: block; letter-spacing: normal; padding: 0 2px; margin: 0 auto 5px auto;}
		ul.tab_menu{ width: calc(100% - 0); padding-left: 0; padding-bottom: 16px; }

		}


.edit3_stem{letter-spacing: -.40em;}
.edit3_stem .stem_cont{}
.stem .stem_cont a{text-decoration: none;}
.stem .stem_cont a:hover{color: #ff0;}




.stem .title_box p{font-size:30px;}
.stem .stem_cont{width: calc(33.3% - 8px); display:inline-block; margin:3px; vertical-align: top; border: solid 1px #34718d; letter-spacing: normal; background:#34718d;}

.stem .stem_cont2{margin-top: 5px;}

.stem #alert{width: 95%; max-width: 950px; margin: 0 auto;}
.stem .cont_main hr{border:none;}
.stem #btn_area{width: 95%; max-width: 700px; margin: 32px auto 0 auto;}

#body_id_confirm .stem_cont{width: calc(33% - 8px); display:inline-block; margin:3px 0px;}
#body_id_confirm .stem_input_box,
#body_id_confirm .stem_link_box{display: none;}

.stem_name_box{text-align:center; font-size: 20px; padding: 8px 0;}
.stem_ss_box{}
.stem_link_box{text-align:center; padding: 10px 0;}
.stem_input_box{text-align:center; padding: 10px 0; background:#f4bd40; color: #000;}
.stem_input_box label{}

.stem_input_box input[type="checkbox"] {margin-right: 5px;}

.stem_cp{text-align: center; color: #fff; padding: 16px 0;}

#btn_nxt{width: 100%; max-width: 1000px; background: #f4bd40; color: #000; border: none; padding: 10px 0; font-size: 30px;}
#btn_nxt:hover{opacity:0.65;}

#btn_bck{width: 100%; max-width: 1000px; background: #f4bd40; color: #000; border: none; padding: 10px 0; font-size: 30px; margin-bottom: 16px;}
#btn_bck:hover{opacity:0.65;}

.btn_form{padding-top: 32px;}
.btn_form a{display: block; width: 95%; max-width: 700px; background: #f4bd40; color: #000 !important; border: none; padding: 20px 0; font-size: 30px; text-align: center; text-decoration: none; margin: 0 auto;}
.btn_form a:hover{opacity:0.65;}
.btn_form .close{display: block; width: 95%; max-width: 700px; background: #cccccc; color: #000 !important; border: none; padding: 20px 0; font-size: 30px; text-align: center; text-decoration: none; margin: 0 auto;}

input[type="submit"] { -webkit-appearance: none; border-radius: 0; cursor:pointer;}

@media screen and (max-width: 640px) {
	.stem .title_box p{font-size:4.375vw; line-height: 1.2;}
}


@media screen and (max-width: 460px) {
	.stem .stem_cont{width: calc(100% - 8px); display:inline-block; margin:3px; vertical-align: top; border: solid 1px #34718d;}
}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


/* aw */
.award_title {
/*
	width: calc(100% - 30px);
	max-width:400px;
    background: #fff;
    border: 2px solid #306e72;
    box-shadow: 0 0 0 2px #fff;
    color: #326987;
    padding: 10px 10px 30px 10px;
    line-height: 1.5;
    margin: 0 auto 50px auto;
*/
font-size: 30px;
text-align: center;
margin-bottom: 50px;
}

.wp_cont_box2{ width: 95%; max-width: 900px; margin: 0 auto; border: solid 1px #555; background-color: rgba(0,0,0,0.8); text-align: left; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);}

.aw_title_box{ letter-spacing: -.40em; background:url(/sangokushi13/wpk/event_edit/contest/aw_bg.jpg) top center repeat-x; -moz-background-size:auto 100%; background-size:auto 100%; }
.aw_title_img{width: 20%; letter-spacing: normal; display:inline-block; vertical-align: middle; margin: -10px 0 0 -10px;}
.aw_title_img img{width: auto; max-width: 100%;}
.aw_title_txt{width: calc(80% - 80px); letter-spacing: normal; display:inline-block; vertical-align: middle; padding: 10px; }
.aw_title_txt p{ padding-top: 8px; font-size: 40px; color: #fff; font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-feature-settings : "palt"; font-weight: bold; text-shadow: 1px 1px 3px #000;}


.awonly .work_date_ss{border: solid 2px #fbd446 !important;}
.awonly .work_date_comment_title{border-top: solid 2px #00f3ff !important; border-bottom: solid 2px #00f3ff !important; color: #00f3ff !important;}


@media screen and (max-width: 750px) {
.aw_title_txt p{ font-size:4.375vw;}
}


@media screen and (max-width: 640px) {
.aw_title_box{ background:url(/sangokushi13/wpk/event_edit/contest/aw_bg.jpg) bottom center repeat-x; -moz-background-size:auto 40%; background-size:auto 40%; }
.aw_title_img{width: 100%; max-width: 200px; display: block; margin: 10px auto 0 auto;}
.aw_title_txt{width: calc(100% - 80px); display: block; padding-top: 0; margin: 0 auto;}

.aw_title_txt p{ padding-top: 0; margin: 0; font-size:5.375vw; text-align: center; padding-bottom: 30px; padding-top: 8px;}


}