@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

/* 基本 */
body{
	background:#fff;
	/*font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
	font-size:90%;
	color: #333;
}

body {
  -webkit-text-size-adjust: 100%;
}

html {overflow-y:scroll;}

p,li,dt,dl {line-height:1.6;}

p {margin:0 0 10px 0;}

li {list-style-type:none;}

img {border:0;}

strong{color:red;}

.strong_02{
	color: #fff900;
    /*text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;*/
    font-weight: bold;
    font-size: 17px;
}

a {color:#00bcd4; font-weight: bold; text-decoration:none;}

a:hover {color:#4fd0e0;}

a:hover img{
	opacity: 0.7;
}

.clear {clear:both;}

.m0 {margin-right: 0px;}

.mt10{ margin-top: 10px;}

.mb0{ margin-bottom: 0px;}

.mb10{ margin-bottom: 10px;}

.ml10{ margin-left: 10px;}

.red{ color:#D12225; font-weight:bold;}

.big_dl {
    color: #ff2c2c;
    font-size: 16px;
    font-weight: bold;
}

.centerarea{ text-align:center;}

#container{
	position: relative;
	min-height: 100%;
	width: 100%;
	margin: 0 auto;}

/* ヘッダー */
#header{
	width: 1000px;
	height: auto;
	margin: 20px auto 20px;
	background: #ffe49a;
}

#topic_text{
	width: 480px;
	float: right;
	margin: 13px 10px 0;
}

#topic_text p{
    line-height: 15px;
    font-size: 12px;
	font-family: "M PLUS Rounded 1c";
}

#event_info{
	background: #6478bb;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-family: "M PLUS Rounded 1c";
	font-size: 20px;
}

/* 見出し */

h1{
	width: 490px;
    float: left;
    margin: 8px 0 -10px 10px;
}

h1 a:hover img{opacity: 1;}

h1.sp{display:none;}

h2.topic_test{
	font-family: "M PLUS Rounded 1c";
	font-size: 15px;
	letter-spacing: -1px;
}

h2.about_info{
	background: #ffe49a;
	border-radius: 6px;
    font-size: 15px;
    padding: 7px 5px;
}

h2.date_list{
    background: #6478bb;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 5px;
    /* border: solid 1px #000; */
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-family: "M PLUS Rounded 1c";
}

h2.intro_title{
	font-size: 18px;
    font-family: TT-JTCウインS4P;
    padding-bottom: 5px;
    text-align: center;
    margin-top: 10px;
}

h2.news_title{position: relative;
	padding: 0.4em 0.75em;
	background-color: #e60012;
	border-radius: 6px;
	z-index: -1;
	font-size: 1em;
    font-weight: bold;
	color: #fff;
	clear: both;
	max-width: 93%;
	margin: 0 0 10px 0;
}


h3{
	background: #fb0;
    text-align: center;
    color: #fff;
    font-size: 30px;
    letter-spacing: 5px;
    font-family: "M PLUS Rounded 1c";
    padding: 8px 0;
}

h3.contact{
	background: #00A7BD;
    text-align: center;
    color: #fff;
    font-size: 30px;
    letter-spacing: 5px;
    font-family: "M PLUS Rounded 1c";
    padding: 8px 0;
}

h3.title_second{
	background: #fff;
	border: solid 2px #fb0;
	border-radius: 30px;
	text-align: center;
	color: #fb0;
	font-size: 25px;
	letter-spacing: 5px;
	font-family: "M PLUS Rounded 1c";
	padding: 2px 0;
}

h4{
	background: #e5e5e5;
    padding: 5px;
    margin: 10px 0;
}

h4.sub{
	position: relative;
	padding: 6px;
	background: #3ce4bd;
	color: #fff;
	margin: 10px 0 20px;
}

h4.sub:after{
	position: absolute;
	content: '';
	top: 100%;
	left: 10px;
	border: 10px solid transparent;
	border-top: 10px solid #3ce4bd;
	width: 0;
	height: 0;
}

h5.net_pdf{
	background: #d0e097;
	font-size: 12px;
    padding: 5px;
}

h5{
    background: #c4e6ff;
    padding: 2px 5px;
}

h5.copyuse{
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #fffde9;
    border-left: solid 5px #d0e097;
	font-size: 13px;
}

h5.sample_title{
	border-bottom: dotted 2px #a5a5a5;
	padding: 0 0 4px;
	margin-bottom: 7px;
	background: none;
}

/* Twitter */

#twitter_area iframe {
	box-sizing: border-box !important;
	border: solid 1px #ffbb00 !important;
	border-radius: 5px;
}

#main{
	width:1000px;
	margin: 0 auto;}

#main2{margin: 10px 0 0;}

/* メインイラスト */

#top_right{float:right;}

/* お知らせ */

#centerarea{
	background: #f3f3f3;
    padding: 5px 4px;
    margin: 0 0 10px 0;
}

#centerarea p{ margin:5px;}

/* イベント概要 */
#top_left{
	float: left;
    width: 280px;
    margin-right: 20px;
	font-size: 13px;
}

#top_left ul{
	margin: 0 5px;}
	
#top_left ul li{
	margin: 5px 0;}

#countdown_sche{
	background: #ccc;
    padding: 7px 5px;
}

#count_sche{
    font-size: 15px;
}

#dl_btn{
	margin-top: 10px;
	text-align: center;}

nav {
	width: 280px;
    height: 470px;
}

nav li{
	background: #ccc;
    width: 130px;
    height: 130px;
    margin-top: 20px;
    margin-right: 20px;
	float: left;
}

nav li a{
	display: block;
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 130px;
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;

}

dl.sche_list{
    margin: 0;
    padding: 13px;
    line-height:1.8;
    width: 90%;
    height: 129px;
    overflow: auto;
    border: solid 1px #6478bb;
	background: #fffffff;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

dl.sche_list dt{
    width:6em;
    margin:0;
    padding:0;
}

dl.sche_list dd{
    border-bottom:1px dotted #ccc;
}

/* Google Map */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 31%;
	position: relative;
	margin: 0 4px;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 300px;
	width: 1000px;
}

/* PDFDLボタン */

.dl_flaat_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px;
    width: 300px;
    text-decoration: none;
    color: #00BCD4;
    background: #ECECEC;
    transition: .4s;
	margin-bottom: 10px;
}

.dl_flaat_btn02 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 10px;
    width: 260px;
    text-decoration: none;
    color: #00BCD4;
    background: #ECECEC;
    transition: .4s;
	margin-bottom: 10px;
}

.dl_flaat_btn:hover {
  background: #00bcd4;
  color: white;
}

/* ネットプリント */

#addcopy{
	border: 2px solid #b6ce61;
	-moz-border-radius: 6px;
	margin: -10px auto 10px;
	padding: 10px;
	background-color: #feffd3;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
	min-height: 28px;
	width: 380px;
	border-radius: 5px;
	text-align:center;
}

#addcopy strong{color:#8b8e0c;}

#addcopy ul li{ margin: 0;}

/* サイトメイン部分 */

#intro{
	border: solid 1px #000;
    padding: 0 15px;
    margin: 10px 0px;
}

/* メニュー */

.gblnv_box{ display:none;}

.button_base {
    margin: 0;
    border: 0;
    font-size: 18px;
    position: relative;
    width: 280px;
    height: 50px;
	color:#fff;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

.b03_skewed_slide_in {
    overflow: hidden;
    /*border: #FFBB00 solid 2px;*/
	margin-bottom: 10px;
	border-radius: 5px;
	/*font-family: "M PLUS Rounded 1c";*/
}

.b03_skewed_slide_in div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
}

.b03_skewed_slide_in div:nth-child(1) {
    color: #ffffff;
    background-color: #FFBB00;
}

.b03_skewed_slide_in div:nth-child(2) {
    background-color: #6478BB;
    width: 310px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-250px, 0px) skewX(-30deg);
    -webkit-transform: translate(-330px, 0px) skewX(-30deg);
    -moz-transform: translate(-250px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -280px;
    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}

.b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate(-15px, 0px) skewX(-30deg);
    -webkit-transform: translate(-15px, 0px) skewX(-30deg);
    -moz-transform: translate(-15px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.30000000000000004s ease;
    -webkit-transition: left 0.30000000000000004s ease;
    -moz-transition: left 0.30000000000000004s ease;
}

/* ジャンル */

#genre{
	background: #fbffc5;
    border-radius: 5px;
    margin: 10px 0;
    padding: 20px;
    font-size: 13px;
}

ul.genre01{
	float: left;
    width: 50%;
    margin-right: 10px;
}

/* ディーラー参加 */

ul.capa {
  padding: 0.5em 1em 0.5em 2.5em;
  position: relative;
  width: 840px;
  margin: 0 auto 10px;
}

ul.capa li {
  line-height: 30px;
  padding: 4px 0;
  list-style-type: none!important;/*ポチ消す*/
}

ul.capa li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  position: absolute;
  left: 0.25em; /*左端からのアイコンまで*/
  color: #3ce4bd; /*アイコン色*/
}

ul.check {
  padding: 0em 1em 0.5em 2em;
  position: relative;
}

ul.check li {
  line-height: 1.5;
  padding: 2px 0px;
  list-style-type: none!important;
}

ul.check li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: gray; /*アイコン色*/
}

#entry_sp{
	margin: 0 auto;
}

#entry_sp ul{
	width: 620px;
    padding: 0 210px;
}

#entry_1sp,
#entry_2sp{
	width: 980px;
    padding: 10px;
    overflow: hidden;
}

#limit_area,
#add_area{
	background: #fffeca;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto 10px;
}

.add_post{ margin: 0 0;}

.add_post ::before {
  font-family: "Font Awesome 5 Free";
  content: "\f199";
  font-weight: 900;
  font-size: 35px;
  line-height: 30px;
  margin-right: 5px;
  color: #6478BB; /*アイコン色*/
  vertical-align: middle;
}

.img_sp img {
	width: 200px;
    float: left;
}

#sample{
	width: 930px;
    margin: -5px auto 0;
    background: #f1f1f1;
    border-radius: 5px;
    padding: 15px;
}

#sample ul{ font-size:12px;}

.exp{ margin: 0 25px 10px;}

/*ディーラー参加申込み*/

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  margin: 10px auto -30px;}

.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #ffbb00;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

input[name="tab_item"] {
  display: none;
}

.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

.tabs input:checked + .tab_item {
  background-color: #ffbb00;
  color: #fff;
}

/* 番号付きリスト */

ol.rounded-list {
    counter-reset:li;
    list-style: none;
    *list-style: decimal;
    font: 15px;
    padding: 0;
	margin-top: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

 
ol.rounded-list p {
	position: relative;
    display: block;
    padding: .4em .4em .4em 1.5em !important;
    margin: .5em 0 .5em 16px;
    background: #ecfff1;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: .3em;
    transition: all .3s ease-out;
}

.box ol.rounded-list p {
	font-size:130%;
}
 
ol.rounded-list p:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #3ce4bd;
	color: #fff;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.groupblock {
	border:solid 1px #CCC;
	border-radius:10px;		/* CSS3草案 */
	-webkit-border-radius:10px;	/* Safari,Google Chrome用 */
	-moz-border-radius:10px;	/* Firefox用 */
	box-shadow:0px 0px 5px #CCC;
	-webkit-box-shadow:0px 0px 5px #CCC;
	-moz-box-shadow:0px 0px 5px #CCC;
	background:#fff;
	padding:10px 10px 10px 10px;
	margin:10px 0 5px 0;
}

/* 発送物リスト */

ol.send {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0 10px;
  margin: 0 auto 20px;
}

ol.send li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.send li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffbb00;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* コスプレ */

#cos_add{margin: 0 10px;}

#cos_list{
	width: 750px;
    margin: 10px auto;
}

.cos_ok{
	background: #e9fbff;
    border-radius: 5px;
    padding: 10px;
    width: 350px;
    float: left;
    margin-right: 10px;
}

.cos_ng{
	background: #e9fbff;
    border-radius: 5px;
    padding: 10px;
    width: 350px;
	height: 392px;
    float: left;
}

/* お問合せ */
.bt_contac{
	background: #00bcd4;
    width: 360px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

.bt_contac a{
	color: #fff;
    font-size: 1.2em;
}

.bt_contac a:hover{
	color: #ffed00;
}

/* FOTTER */

#back-top{
	display:none;/*ここはかえない*/
	position:fixed;
	bottom:2%;
	right:2%;
	z-index:10000;
}

#back-top a{
	background:url(../image/bt_pagetop.png) no-repeat;/*画像ファイルを指定*/
	display:block;
	width:64px;
	height:64px;
	text-indent:-9999px;
}

footer{
	text-align:center;
	height: 70px;}

footer p{
	padding: 15px 0 0;}

footer a{
	color:#E93076;
	font-weight:bold;}

footer a:hover{
	color:#E93076;
	font-weight:bold;}