@charset "utf-8";
/* CSS Document */
body{ font-family: YakuHanJP,'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif; line-height:150%; color: #1d1d1d;}
.fontBold{font-weight: bold;}
.fontBig{font-size: 120%;}
.fontSmall{font-size: 80%;}
.fontRed{ color: #e60012;}
.fontAlign{text-align: center;}
a:link{color:#1d1d1d; text-decoration: none;}
a:visited{color:#1d1d1d; text-decoration: none;}
a:hover{color:#1d1d1d; text-decoration: underline;}

a[href^="tel:"] { cursor: default; text-decoration: none;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.btnBack { text-align: center; margin-top: 80px;}
.btnBack a { background: #35bbbd; padding: 10px 20px; color: #fff;}
.btnBack a:hover { text-decoration: none;}

/*PC*/
@media screen and (min-width: 769px) {
	/* Flash */
	.flash{display: inline-block;}
	.flash:hover {
	  opacity: 1;
	  -webkit-animation: flash 1s;
	  animation: flash 1s;
	}
@-webkit-keyframes flash {
	  0% {
		opacity: .4;
	  }
	  100% {
		opacity: 1;
	  }
	}
@keyframes flash {
	  0% {
		opacity: .4;
	  }
	  100% {
		opacity: 1;
	  }
}
	
	
	body{background-image: url(../image/bgBodyL.jpg), url(../image/bgBodyR.jpg); background-repeat: repeat-y; background-position: left, right;}
	.spOnly{display: none !important;}
	
	/*Header*/
	header{background: url(../image/bgHeader.png); height: 85px;min-width:1200px; }
	#wrapperHeader{width: 1200px; margin: 0 auto;display: flex;align-items: center; }
	#wrapperHeader h1{padding-top: 3px;}
	#wrapperHeader h2{ font-size: 30px; margin-left: 19px; line-height: 90%; padding-top: 5px;}
	#wrapperHeader h2 #txtRelease{background: #fff; padding: 0 20px; font-size: 24px; border-radius: 50px;}
	#wrapperHeader h2 #txtReleaseDay{font-size: 18px;}
	
	/*Menu*/
	#btnMenu{background: #fff; width: 85px; height: 82px; margin-left: auto; padding: 22px 17px;cursor: pointer; z-index: 9999;}
	
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 50px;
	  height: 35px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #ffd738;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 15px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(16px) rotate(-45deg);
	  transform: translateY(16px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-16px) rotate(45deg);
	  transform: translateY(-16px) rotate(45deg);
	}
	
	/* メニューactive後の処理 */
	#btnMenu.active{background: #ffd738;}
	#btnMenu.active .menu-trigger span{background-color: #1d1d1d;}
	
	#wrapperMenu {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.7);
		position: fixed;
		top: 0px;
		z-index: 100;
		transition: all .4s;
	}
	#wrapperMenu nav{width: 1000px; position: absolute; background: #fff; border: 2px solid #ffdc37; padding: 30px 35px; left: 0; right: 0; margin: auto;}
	#wrapperMenu nav h2{ background-image: url(../image/bgMenuL.png),url(../image/bgMenuR.png); background-position: left center,right center; margin: 0 auto 29px; text-align: center; font-size: 30px; color: #35bbbd; width: 700px;}
	#wrapperMenu nav #navMainMenu{display: flex;flex-wrap: wrap;justify-content: space-around; padding: 0 30px 10px;}
	#wrapperMenu nav #navMainMenu li a{ display: block;padding: 20px 0; border: 3px solid #ffdc37; border-radius: 5px; width: 270px; height: 79px; font-size: 23px; text-align: center; margin-bottom: 17px; font-weight: bold;}
	#wrapperMenu nav #navMainMenu li a:hover{text-decoration: none;}
	#wrapperMenu nav #navMainMenu li i{ font-size: 33px; padding-right: 10px;}
	#wrapperMenu nav #navMainMenu li img{margin-right:10px; display: inline-block; margin-bottom: 5px;}
	#navNewComic a{ padding: 7px 20px !important;}
	
	#wrapperMenu nav #navSubMenu{background: url(../image/bgLine.png) top center repeat-x;display: flex;flex-wrap: wrap;justify-content: space-around; padding: 50px 30px 0;}
	#wrapperMenu nav #navSubMenu li a{ display: block;padding: 20px 0; border: 3px solid #ffdc37; border-radius: 5px; width: 270px; height: 79px; font-size: 18px; text-align: center; margin-bottom: 17px; font-weight: bold;}
	#wrapperMenu nav #navSubMenu li img{ display: inline-block; margin-bottom: 10px; margin-right: 5px;}
	#wrapperMenu nav #navSubMenu li a:hover{text-decoration: none;}
	
	/*wrapperContents*/
	#wrapperContents{width: 1200px; margin: 35px auto 50px;}
	#wrapperBtn{display: flex;justify-content: center; padding: 55px 0; background-image: url(../image/bgLine.png), url(../image/bgLine.png); background-repeat: repeat-x; background-position: top, bottom; margin: 25px 0;background-color: #fff; min-width:1200px; }
	

	
	#wrapperBtn div { margin: 0 20px; width: 30%;}
	#wrapperBtn div img { width: 100%; height: auto;}
	
	/*Footer*/
	#btnPagetop{cursor: pointer; position: fixed; right: 20px; z-index: 9999;}
	
	
	footer {margin: 90px 0 0;background: #f9f9f9;min-width:1200px;}
	footer p { margin-bottom: 0px !important;}
	.boxItemFooter {width: 100%;background: #ffffff;box-shadow: 6px 6px rgba( 234, 234, 234, 0.9);position: relative;}
	.footerInner {width: 1120px;margin: 0 auto;position: relative;}
	.btn1 {width: 40px;height: 40px;box-shadow: 6px 6px rgba( 234, 234, 234, 0.9);background: url(/image/btn_img1.png);text-align: center;}
	.btn1 img {width: 40px;height: 40px;}
	.footerBtn {top: -6px;right: 12px;position: absolute;display: none;}
	.footerBtn img {width: 14px;height: 9px;padding: 16px 0 0;}
	.footerBannerArea {padding: 10px 0;}
	.footerTextArea {float: left;margin: 20px 40px 0 0;}
	.footerTextArea:last-child {margin: 30px 0 0;}
	.footerWidth1 {width: 90px;}
	.footerWidth2 {width: 110px;}
	.footerWidth3 {width: 80px;}
	.footerWidth4 {width: 98px;}
	.footerWidth5 {width: 290px;}
	.footer2Column {float: left;margin: 0 26px 0 0;}
	.footer2Column:last-child {margin: 0;}
	.footerTextArea p {line-height: 1.8;}
	.footerTextArea ul li {background: url(/image/liststyle_img1.png) no-repeat 4px 9px;background-size: 4px 4px;padding: 0 0 0 12px;line-height: 1.8;}
	.footerTextArea ul li a {color: #777777;text-decoration: none;width: 100%;display: block;}
	.footerTextArea ul li a:hover {color: #0065a6;}
	.footerTextArea ul li a:link {transition: 0.3s;}
	.copyright {font-size: 11px;color: #777777;text-align: right;margin: 30px 0;}
	footer .txt1 {font-size: 12px;line-height: 1.6;color: #444444;}
	footer .txt2 {font-size: 12px;line-height: 1.6;font-weight: bold;color: #444444;}
	footer ul {list-style: none;}
	footer .clear {clear: both;}	
	
	
	
	/*下層テンプレ*/
	.wrapperContentsLow{display: flex;flex-wrap: wrap; margin-bottom: 27px !important;}
	#wrapperLineLow{width: 87px; background: url(../image/common/bgLineLow.png) repeat-y center;}
	#wrapperContentsLow_L{width: 274px; padding-bottom: 17px;}
	#wrapperContentsLow_L h2 img{width: 274px; height: auto; border: 2px solid #1d1d1d;}
	#wrapperContentsLow_L ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	#wrapperContentsLow_L ul li{margin: 5px 0 0;}
	#wrapperContentsLow_R{ width: 69%;}
	#wrapperTwitter h3{text-align: center; color: #fff; background: #35bbbd; font-size: 24px; padding: 8px 0; margin-top: 12px;}
	#wrapperTwitter iframe{border-bottom: 1px solid #e0e0e0 !important;border-left: 1px solid #e0e0e0 !important;border-right: 1px solid #e0e0e0 !important;}
	.title{padding: 8px 14px; max-width: 1200px; margin: 38px auto 0;}

	/*.subTitle{font-size: 22px; font-weight: normal; padding: 6px 34px; border-bottom: 1px #b5b5b5 dashed; margin-bottom: 15px;}*/
	
	#wrapperContentsLow_R h3{font-size: 22px; font-weight: normal; padding: 6px 34px; border-bottom: 1px #b5b5b5 dashed; margin-bottom: 15px; margin-top: 30px;}
	#wrapperContentsLow_R h3:first-child {margin-top: 0px;}
}

/* SP */
@media screen and (max-width: 768px) {
	body{background: url(../image/bgBodyL.jpg) center repeat-y;}
	.pcOnly{display: none !important;}
	
	/*Header*/
	header{background: url(../image/bgHeader.png); height: 43px; }
	#wrapperHeader{ margin: 0 auto;display: flex;align-items: center; }
	#wrapperHeader h1{padding: 5px;}
	#wrapperHeader h1 img{width: 110px; height: auto;}
	#wrapperHeader h2{ margin-left: 5px;}
	#wrapperHeader h2 #txtRelease{background: #fff; padding: 0 20px; font-size: 24px; border-radius: 50px;}
	#wrapperHeader h2 #txtReleaseDay{font-size: 18px;}
	
	/*Menu*/
	#btnMenu{background: #fff; width: 45px; height: 40px; margin-left: auto; padding: 9px;cursor: pointer; z-index: 9999;position: fixed; right: 0; top: 0px; border: 1px solid #ffd738;}
	
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 25px;
	  height: 20px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #ffd738;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(9px) rotate(-45deg);
	  transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
	}
	
	/* メニューactive後の処理 */
	#btnMenu.active{background: #ffd738;}
	#btnMenu.active .menu-trigger span{background-color: #1d1d1d;}
	
	#wrapperMenu {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.95);
		position: fixed;
		top: 0px;
		z-index: 9990;
		transition: all .4s;
	}
	#wrapperMenu nav{}
	#wrapperMenu nav h2{margin: 20px auto; text-align: center; font-size: 1.4rem; color: #35bbbd; }
	#wrapperMenu nav #navMainMenu{display: flex;flex-wrap: wrap;justify-content: space-between; margin: 0 5px;}
	#wrapperMenu nav #navMainMenu li{width: 49%; height: 60px; display: inline-block; vertical-align: top; padding: 15px 0 0; border: 3px solid #ffdc37; background: #fff; border-radius: 5px; margin: 0 0 5px;}
	#wrapperMenu nav #navMainMenu li a{ display: block; text-align: center; font-weight: bold;}
	#wrapperMenu nav #navMainMenu li a:hover{text-decoration: none;}
	#wrapperMenu nav #navMainMenu li i{ font-size: 1.2rem; padding-right: 5px;}
	#wrapperMenu nav #navMainMenu li img{margin-right:5px; display: inline-block; margin-bottom: 5px; width: 20px; height: auto;}
	#navNewComic a{}
	
	#wrapperMenu nav #navSubMenu{background: url(../image/bgLine.png) top center repeat-x;display: flex;flex-wrap: wrap;justify-content: space-between; margin: 10px 5px; padding-top: 30px;}
	#wrapperMenu nav #navSubMenu li{width: 49%; height: 60px; display: inline-block; vertical-align: top; padding: 15px 0 0; border: 3px solid #ffdc37; background: #fff; border-radius: 5px; margin: 0 0 5px; font-size: 0.8rem;}
	#wrapperMenu nav #navSubMenu li a{ display: block; text-align: center; font-weight: bold;}
	#wrapperMenu nav #navSubMenu li img{ display: inline-block; margin-bottom: 10px; margin-right: 5px; width: 80px; height: auto;}
	#wrapperMenu nav #navSubMenu li a:hover{text-decoration: none;}
	
	/*wrapperContents*/
	#wrapperContents{ margin-bottom: 90px;}
	#wrapperContents img{max-width: 100% !important; height: auto !important;}
	#wrapperBtn{padding: 35px 0; background: url(../image/bgLine.png) repeat-x top #fff; margin: 10px 0;}
	#wrapperBtn img{width: 100%; height: auto;}
	#wrapperBtn div{margin: 0 20px 10px; }
	
	/*Footer*/
	#btnPagetop{cursor: pointer; position: fixed; right: 5px; z-index: 9999;}
	#btnPagetop img{width: 50px; height: auto;}
	
	
	footer {margin: 10px 0 0;}
	.boxItemFooter {width: 94%;margin: 0 auto 0;background: #f9f9f9;box-shadow: 0px 0px;position: relative;}
	.footerTextArea {display: none;}
	.footerInner {width: 100%;}
	.footerBannerArea {text-align: center;}
	.footerBannerArea img {width: 134px;height: auto;}
	.copyright {text-align: left;width: 94%;margin: 30px auto 30px;}
	.copyright {font-size: 11px;color: #777777;}
	.footerBtn {top: 120px;right: 0px;display: none;}
	

	
	/*下層テンプレ*/
	
	#wrapperContentsLow_R{ margin: 0 20px;}
	.title{padding: 8px 12px; margin: 15px 20px;}
	.title img{width: auto; height:30px;}
	#wrapperContentsLow_R h3{font-size: 1.2rem; font-weight: normal; padding: 0 0 5px 30px; border-bottom: 1px #b5b5b5 dashed; margin-bottom: 7px;}
	
}

/* SP */
@media screen and (max-width: 360px) {
	body{background: url(../image/bgBodyL.jpg) center repeat-y;}
	.pcOnly{display: none !important;}
	
	/*Header*/
	header{background: url(../image/bgHeader.png); height: 43px; }
	#wrapperHeader{ margin: 0 auto;display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;align-items: center; -webkit-align-items:center;}
	#wrapperHeader h1{padding: 5px;}
	#wrapperHeader h1 img{width: 110px; height: auto;}
	#wrapperHeader h2{ margin-left: 5px;}
	#wrapperHeader h2 #txtRelease{background: #fff; padding: 0 20px; font-size: 24px; border-radius: 50px;}
	#wrapperHeader h2 #txtReleaseDay{font-size: 18px;}
	
	/*Menu*/
	#btnMenu{background: #fff; width: 45px; height: 40px; margin-left: auto; padding: 9px;cursor: pointer; z-index: 9999;position: fixed; right: 0; top: 0px; border: 1px solid #ffd738;}
	
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 25px;
	  height: 20px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #ffd738;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(9px) rotate(-45deg);
	  transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
	}
	
	/* メニューactive後の処理 */
	#btnMenu.active{background: #ffd738;}
	#btnMenu.active .menu-trigger span{background-color: #1d1d1d;}
	
	#wrapperMenu {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.95);
		position: fixed;
		top: 0px;
		z-index: 9990;
		transition: all .4s;
	}
	#wrapperMenu nav{}
	#wrapperMenu nav h2{margin: 20px auto; text-align: center; font-size: 1.4rem; color: #35bbbd; }
	#wrapperMenu nav #navMainMenu{display: flex;flex-wrap: wrap;justify-content: space-between; margin: 0 5px;}
	#wrapperMenu nav #navMainMenu li{width: 49%; height: 45px; display: inline-block; vertical-align: top; padding: 8px 0 0; border: 3px solid #ffdc37; background: #fff; border-radius: 5px; margin: 0 0 5px;}
	#wrapperMenu nav #navMainMenu li a{ display: block; text-align: center; font-weight: bold;}
	#wrapperMenu nav #navMainMenu li a:hover{text-decoration: none;}
	#wrapperMenu nav #navMainMenu li i{ font-size: 1.2rem; padding-right: 5px;}
	#wrapperMenu nav #navMainMenu li img{margin-right:5px; display: inline-block; margin-bottom: 5px; width: 20px; height: auto;}
	#navNewComic a{}
	
	#wrapperMenu nav #navSubMenu{background: url(../image/bgLine.png) top center repeat-x;display: flex;flex-wrap: wrap;justify-content: space-between; margin: 10px 5px; padding-top: 30px;}
	#wrapperMenu nav #navSubMenu li{width: 49%; height: 45px; display: inline-block; vertical-align: top; padding: 8px 0 0; border: 3px solid #ffdc37; background: #fff; border-radius: 5px; margin: 0 0 5px; font-size: 0.7rem;}
	#wrapperMenu nav #navSubMenu li a{ display: block; text-align: center; font-weight: bold;}
	#wrapperMenu nav #navSubMenu li img{ display: inline-block; margin-bottom: 10px; margin-right: 5px; width: 80px; height: auto;}
	#wrapperMenu nav #navSubMenu li a:hover{text-decoration: none;}
	
	/*wrapperContents*/
	#wrapperContents{}
	#wrapperContents img{max-width: 100% !important; height: auto !important;}
	#wrapperBtn{padding: 35px 0; background: url(../image/bgLine.png) repeat-x top #fff; margin: 10px 0;}
	#wrapperBtn img{width: 100%; height: auto;}
	#wrapperBtn div{margin: 0 20px 10px; }
	
	/*Footer*/
	#btnPagetop{cursor: pointer; position: fixed; right: 5px;}
	#btnPagetop img{width: 50px; height: auto;}
	
	
	
	
	
	
	
	
	/*下層テンプレ*/
	#wrapperContentsLow_R{ margin: 0 20px;}
	.title{padding: 8px 12px; margin: 15px 20px;}
	.title img{width: auto; height:30px;}
	#wrapperContentsLow_R h3{font-size: 1.1rem; color: #38b4b6; font-weight: normal; padding: 0 30px 5px; border-bottom: 1px #b5b5b5 dashed; margin-bottom: 7px;}

}