@charset "UTF-8";
/* format.css */

* {
	margin:0;
	padding:0;
}
html {
	background:#184966 url(/images/format/BgBlue.png) repeat;
}
body {
	min-width:1000px;
	word-break: normal;
	word-wrap: break-word;
	font-size: 14px  ;
  /*font-family:"游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:"TBChibiRGothicPlusK R", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
}

a {
	text-decoration:none;
	color:#F87918;
}
a:hover {
	color:#F89B35;
}

.clearfix:after {
visibility:hidden;
height:0;
display: block;
font-size: 0;
content: " ";
clear: both;

}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.sp{
	display:none;
}
.pcNone {
  display: none;
}

.adjustImage {
	opacity: 0;
}
.adjustW {
	max-width: initial !important;
	opacity: 1;
}
.adjustH {
	max-height: initial !important;
	opacity: 1;
}

/*-----------------------------
　　Nav
------------------------------*/

#NavWrapper {
	width:100%;
	height:128px;
	background:url(../images/format/BgNav.png) bottom repeat-x;
}
#NavInner {
	width:1000px;
	margin:0 auto;
}
#Nav {
	list-style-type:none;
}
#Nav li {
	float:left;
	margin:35px 20px 0 0;
	line-height:2em;
}
#Nav li a {
	display:block;
	height:0;
	padding-top:28px;
	background:url(../images/format/Nav.png) no-repeat;
	overflow:hidden;
}
#Nav li#NavAbout a {
	width:71px;
}
#Nav li#NavAbout a:hover,
#About #Nav li#NavAbout a {
	background-position:0 -28px;
}
#Nav li#NavAccess a {
	width:97px;
	background-position:-71px 0;
}
#Nav li#NavAccess a:hover,
#Access #Nav li#NavAccess a {
	background-position:-71px -28px;
}

#Nav li#NavTicket span {
	display:block;
	width:92px;
	height:0;
	padding-top:28px;
	background:url(../images/format/Nav.png) no-repeat;
	background-position:-168px 0;
	overflow:hidden;
}
#Nav li#NavTicket a {
    width:92px;
    background-position:-168px 0;
}
#Nav li#NavTicket a:hover,
#Ticket #Nav li#NavTicket a {
    background-position:-168px -28px;
}

#Nav li#NavCreators a {
    width:73px;
    background-position:-260px 0;
}
#Nav li#NavCreators a:hover,
#Creators #Nav li#NavCreators a {
    background-position:-260px -28px;
}
#Nav li#NavCreators span {
	display:block;
	width:73px;
	height:0;
	padding-top:28px;
	background:url(../images/format/Nav.png) no-repeat;
	background-position:-260px 0;
	overflow:hidden;
}
#Nav li#NavWorkshop span {
	display:block;
	width:130px;
	height:0;
	padding-top:28px;
	background:url(../images/format/Nav.png) no-repeat;
	background-position:-348px 0;
	overflow:hidden;
}
#Nav li#NavWorkshop a {
	width:130px;
	background-position:-333px 0;
}
#Nav li#NavWorkshop a:hover,
#Workshop  #Nav li#NavWorkshop a {
	background-position:-333px -28px;
}
#Nav li#NavHistory span {
	display:block;
	width:88px;
	height:0;
	padding-top:28px;
	background:url(../images/format/Nav.png) no-repeat;
	background-position:-478px 0;
	overflow:hidden;
}
#Nav li#NavHistory a {
	width: 87px;
    background-position:-463px 0;
}
#Nav li#NavHistory a:hover,
#History #Nav li#NavHistory a {
	background-position:-463px -28px;
}
#Nav li#NavFaq a {
    width: 93px;
    background-position: -550px 0;
}
#Nav li#NavFaq a:hover,
#Faq #Nav li#NavFaq a {
	background-position: -550px -28px;
}
#Nav li#NavEntry a {
	width:110px;
	background-position:-645px 0;
}
#Nav li#NavEntry a:hover,
#Entry01 #Nav li#NavEntry a,
#Entry02 #Nav li#NavEntry a,
#Entry03 #Nav li#NavEntry a,
#Entry04 #Nav li#NavEntry a {
	background-position:-645px -28px;
}
#BtnEntry,
#BtnTicket {
	width:192px;
	height:52px;
	padding-top:20px;
	line-height:2em;
	float:right;
}
#BtnEntry a,
#BtnTicket a {
	display:block;
	width:197px;
	height:0;
	padding-top:52px;
	overflow:hidden;
}
#BtnEntry a {
	background:url(../images/format/BtnEntry.png) no-repeat;
}
#BtnTicket a {
	background:url(../images/format/BtnTicket.png) no-repeat;
}
#BtnEntry a:hover,
#BtnTicket a:hover {
	background-position:0 -52px;
}


/*-----------------------------
　　Footer
------------------------------*/

#Footer {
	clear:both;
	padding:50px 0;
	background:#184966 url(/images/format/BgBlue.png) repeat;
}
#FooterInner {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#FooterContents {
	width:540px;
	margin:0 45px 50px 0;
	float:left;
}
#FooterAccount {
	width:210px;
	margin-right:45px;
	float:left;
	color:#999999;
	font-weight:bold;
}
#FooterMobile {
	width:160px;
	float:left;
}
#FooterMobile #URL {
	padding:10px 0 0 7px;
	color:#FFFFFF;
	font-size: 13px  ;
	letter-spacing:0.1em;
	line-height:1.3em;
}
.footerTitle {
	margin-bottom:20px;
	border-bottom:1px solid #DDD;
}
#FooterContents ul {
	margin-left:7px;
	list-style-type:none;
}
#FooterContents ul li {
	margin-bottom:10px;
	padding-left:20px;
	line-height:1.8em;
	background:url(/images/format/FooterIconCircle.png) no-repeat center left;
	font-size: 13px     ;
	color:#999999;
}
#FooterContents ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
#FooterContents ul li span {
	text-decoration:none;
	color:#6C859C;
}
#FooterContents ul li a:hover {
	color:#9DCAE3;
}
#FooterContents ul li.entry a,
#FooterContents ul li.myPage a {
	color:#FEF35A;
}
#FooterContents ul li.entry a:hover,
#FooterContents ul li.myPage a:hover {
	color:#FFFFFF;
}
#FooterContents ul li.entry {
	background:url(/images/format/FooterIconEntry.png) no-repeat center left;
}
#FooterContents ul li.myPage {
	background:url(/images/format/FooterIconMyPage.png) no-repeat center left;
}
#FooterContentsFirst {
	width:165px;
	float:left;
}
#FooterContentsSecond {
	width:163px;
	float:left;
}
#FooterContentsThird {
	width:185px;
	float:left;
}
#FooterAccount ul {
	margin-left:10px;
	list-style-type:none;
}
#FooterAccount ul li {
	margin-bottom:15px;
	letter-spacing:0.1em;
}
#FooterAccount ul li img {
	margin-right:10px;
	vertical-align:middle;
}
#FooterAccount ul li a {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#FooterAccount ul li a:hover {
	color:#9DCAE3;
}
#QR {
	margin-left:7px;
}
#FooterCopyright {
	clear:both;
	padding-top:30px;
	border-top:	none;
	overflow:hidden;
}
.sponsorship {
	padding-top:20px;
	line-height:1.6em;
	font-size: 13px;
	color:#FFF;
}
.sponsorship strong {
	font-weight:bold;
	color:#FFFFFF;
}
#FooterSponsorship {
	width:690px;
	float:left;
}
#FooterAP {
	width:290px;
	margin-top:5px;
	float:right;
}
#SPFooter {
	display:none;
}
.clearfix {width:100%;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
 }

 /* ------------------------------
 推奨ブラウザモーダル
------------------------------ */
#ModalRecommendBrowserCover{
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
       opacity: .7;
  background: #fff;

      filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: 'alpha(opacity=70)';  /* ie 8 */
  -moz-opacity: .7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: .7;              /* Safari 1.x */
}
#ModalRecommendBrowser{
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  width: 560px;
  height: 430px;
  margin: -215px 0 0 -280px;
  border: 1px solid #ccc;
  background: #34495e;
}
#ModalRecommendBrowser h3{
  font-size: 26px;
  margin: 45px 0 30px 0;
  text-align: center;
  color: #fff;
}
#ModalRecommendBrowser p{
  font-size: 13px  ;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
#recommendBrowserList{
  margin: 20px 0 0 0;
  list-style-type: none;
  text-align: center;
}
#recommendBrowserList li{
  display: inline-block;
  width: 70px;
  height: 100px;
  margin: 0 10px;
  vertical-align: top;
}
#recommendBrowserList li a{
  color: #fff;
}
#recommendBrowserList li a img{
  margin: 0 0 5px 0;
}
#recommendInfo{
  display: block;
  width: 110px;
  margin: 30px auto 0;
  padding: 5px 30px 4px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}
#ModalRecommendBrowser .Close{
  font-size: 20px;
  line-height: 17px;
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  color: #ccc;
}
#cookieInput{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  padding: 10px 0 0 0;
  text-align: center;
  background: #e9e8e3;
}
#cookieInput input{
  display: inline-block;
}
#cookieInput label{
  display: inline-block;
  color: #34495e;
}




.checkCircle {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  overflow: hidden;
  width: 29px;
  height: 29px;
  cursor: pointer;
  white-space: nowrap;
  text-indent: -9999px;
  border-radius: 14px;
  background: #fff;
  -webkit-box-shadow: 1px 6px 7px -4px #5c5c5c;
     -moz-box-shadow: 1px 6px 7px -4px #5c5c5c;
          box-shadow: 1px 6px 7px -4px #5c5c5c;
}
.checkCircle:after {
  position: absolute;
  top: 9px;
  left: 7px;
  display: block;
  width: 16px;
  height: 12px;
  content: "";
  background: url(/images/creators/iconAddList.png);
}
.checkCircle.checked {
  background: #f89299;
}
.checkCircle.checked:after {
  background: url(/images/creators/iconAddListOn.png);
}


.underSlider {
  position: fixed;
  z-index: 999;
  bottom: 0;
  background: #e3e1dd;
  box-shadow: 0 -2px 3px rgba(0,0,0,.2);
}
.sliderInnner {
  width: 1000px;
  margin: 0 auto;
}
.slider {
  position: relative;
  display: inline-block;
  float: left;
  width: 775px;
  height: 60px;
}
.slider .sliderList {
  overflow: hidden;
  height: 60px;
  background-color: #e3e1dd;
}
.slider .sliderList li {
  position: relative;
  padding: 0;
}
.slider .sliderList li a,
.slider .sliderList li a .title,
.slider .sliderList li .title a {
  color: #333;
  font-size: 16px;
}
.slider .sliderList li a .title {
  display: block;
  margin-top: 6px;
}
.slider .sliderList li.slideItemPhoto {
  display: inline-block;
  overflow: hidden;
  width: 60px !important;
  height: 60px !important;
}
.slider .sliderList li.slideItemPhoto:nth-child(even) {
  background-color: #ddd;
}
.slider .sliderList li.slideItemPhoto:nth-child(odd) {
  background-color: #ccc;
}


.slider .sliderList li.slideItemPhoto a {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.slider .sliderList li.slideItemPhoto a img {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  vertical-align: baseline;
}

.slider .sliderList li.slideItemPhoto p {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
}


.btnAll {
  display: inline-block;
  float: left;
  width: 200px;
  height: 34px;
  margin: 10px 0 0 13px;
  text-align: center;
  border-bottom: 4px solid #d67688;
  border-radius: 5px;
  background-color: #ea8195;
}
.btnAll.disable {
  pointer-events: none;
  background-color: #D5D3D5;
  border-bottom: 4px solid #CCCACC;
}
.btnAll a {
  display: block;
  padding: 11px 15px;
  letter-spacing: 1px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.btnAll:hover {
  opacity: .7;
}

.underSlider .help	{
  float: left;
  width: 775px;
  height: 50px;
  position: relative;
  border-right: 2px solid #fff;
  margin: 5px 0;
}
.underSlider .help .pc p {
  padding: 5px 5px 5px 15px;
  color: #E5607B;
  line-height: 20px;
}
.underSlider .help .pc p strong {
  font-size: 17px;
}
.underSlider .help .pc a {
  position: absolute;
  right: 20px;
  top: 7px;
  display: block;
  background: #E88297;
  color: #fff;
  width: 165px;
  padding: 0 0 0 30px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
}
.underSlider .help .pc a img {
  width: 20px;
  position: absolute;
  left: 13px;
  top: 8px;
}



#shareModalWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#shareModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#shareModalWrapper .shareModal {
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 320px;
  height: 150px;
  margin: -75px 0 0 -160px;
  border-radius: 5px;
  background: #fff;
}
#ShareModalHeader {
  margin: 10px 0 25px;
  font-size: 13px;
  font-weight: bold;
}
#shareModalWrapper .shareModal .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
#shareModalWrapper .shareModal .modalContent {
  padding: 20px 0 0 0;
  text-align: center;
}
#shareModalWrapper .shareModal .modalContent .snsButtons {
  display: inline-block;
  padding: 0 7px;
  vertical-align: middle;
}


#productModalWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#productModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.productModal {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 955px;
  margin: 0 0 30px -475.5px;
  background-color: #fff;
  background-image: url(/images/creators/BgProductModal.png);
  background-repeat: repeat-y;
}
.productModal .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
.productModal .thumb {
  position: relative;
  display: block;
  /*background: #555555;*/
  float: left;
  width: 700px;
  min-height: 700px;
  /*padding: 100% 0 0 0;*/
  border: none;
}
.productModal .thumb p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 0;
}
.productModal .thumb p img {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  vertical-align: baseline;
}
.productModal .right {
  position: relative;
  float: right;
  width: 205px;
  min-height: 550px;
  padding: 50px 25px 100px;
}
.productModal .right .productName {
  margin: 0 0 20px 0;
  font-size: 20px;
  line-height: 24px;
}
.productModal .right .price {
  margin: 0 0 20px 0;
}
.productModal .right .comment {
  margin: 0 0 20px 0;
}
.tags {
  list-style-type: none;
}
.tags .tag {
  /*height: 9px;*/
  display: inline-block;
  margin: 0 6px 6px 0;
  color: #f7969e;
  border: 1px solid #f7969e;
  border-radius: 5px;
  /*line-height: 13px;*/
  background: #fff;
  font-size: 12px;
  font-weight: bold;
}
.tags .tag a {
  display: block;
  padding: 7px 16px;
  transition: background .3s ease, color .3s ease;
}
.btnAddWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #eee;
}
.productModal .btnAddList {
  position: relative;
  width: 175px;
  height: 37px;
  margin: 20px auto;
  cursor: pointer;
  text-align: center;
  border: solid 1px #bbb;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0,0,0,.3);
  line-height: 37px;
}
.productModal .btnAddList:after {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 16px;
  height: 12px;
  content: "";
  background: url(/images/creators/iconAddList.png);
}
.productModal .btnAddList.checked {
  color: #fff;
  border: solid 1px #f89299;
  background: #f89299;
}
.productModal .btnAddList.checked:after {
  background: url(/images/creators/iconAddListOn.png);
}
.arrowLeft {
  position: absolute;
  top: 320px;
  left: -50px;
}
.arrowRight {
  position: absolute;
  top: 320px;
  right: -50px;
}





/*-----------------------------
　　チェックリストとは？
------------------------------*/
#helpModalWrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}
#helpModalWrapper .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#checkListHelp {
	width:660px;
	background:#FFF;
	padding:45px;
	position:absolute;
  top: 30px;
  left: 50%;
	margin-left:-375px;
	z-index:100;
}
#checkListHelp .BtnCancel {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 5px;
  color: #666;
  border-radius: 30px;
  background: #fff;
}
#checkListHelp .title{
	color:#EA657A;
	font-weight:bold;
	font-size:22px;
	margin-bottom:30px;
	text-align:center;
}
#checkListHelp .read{
	line-height:1.6em;
	font-size:15px;
	color:#333;
	margin-bottom:40px;
}
#checkListHelp ol {
	padding: 0 47px;
}
#checkListHelp ol li {
	margin-bottom:35px;
	list-style-type:none;
}
#checkListHelp ol li .text {
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:16px;
	line-height:1.4em;
}
#checkListHelp ol li .text span {
	font-size:22px;
	color:#EA657A;
	margin-right:5px;
}
#checkListHelp ol li .checkNote {
	border:1px solid #E73A00;
	padding:22px;
}
#checkListHelp ol li .checkNote {
	width: 250px;
    float: right;
}
#checkListHelp ol li .checkNote dt {
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
	color:#E73A00;
}
#checkListHelp ol li .checkNote dd {
	color:#333;
	line-height:1.5em;
	font-size:14px;
}
#checkListHelp ol li .checkNote dd strong {
	font-weight:bold;
	background:#FFFF99;
}