@charset "utf-8";

/*#container*/
body{
	background:#FFF;
	margin:0;
	padding:0;
	word-break:break-all; 
}
body.index{
	background: url(../img/thisis_index_bg_03.jpg) top center;
	-moz-background-size: 725px 575px; /* Firefox */
	-webkit-background-size: 725px 575px; /* Safari,Chromeなど */
	-o-background-size: 725px 575px; /* Opera */
	-ms-background-size: 725px 575px; /* ie */
	background-size: 725px 575px;
}
body.shock{
	background: url(../img/thisis_shock_bg.jpg) top center;
	-moz-background-size: 725px 525px; /* Firefox */
	-webkit-background-size: 725px 525px; /* Safari,Chromeなど */
	-o-background-size: 725px 525px; /* Opera */
	-ms-background-size: 725px 525px; /* ie */
	background-size: 725px 525px;
}
body.news{
	background:#0E0E29 url(../img/news_bg.jpg) top center no-repeat;
	-moz-background-size: 750px 400px; /* Firefox */
	-webkit-background-size: 750px 400px; /* Safari,Chromeなど */
	-o-background-size: 750px 400px; /* Opera */
	-ms-background-size: 750px 400px; /* ie */
	background-size: 750px 400px;
}


body a{
	-webkit-tap-highlight-color: rgba(255,105,183,0.6);
}
#container{
	clear:both;
	margin:0;
	width:100%;
}

/**/
#body h2.note{
	background:#FFF;
	margin:10px;
	padding:10px;
	font-size:12px;
	font-weight:normal;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
}
#body h2 a{
	text-decoration:underline;
}
#body article .entry{
	background:#FFF;
	margin:0 0 15px;
}
#body article .entry header .title{
	padding:10px;
	margin:0 0 10px;
}
#body article .entry.pdf header .title{
	background:#FF3333;
	padding:10px;
	margin:0 0 10px;
}
#body article .entry.pdf.vol2 header .title{
	background:#00C7E3;
}
#body article .entry.pdf.vol3 header .title{
	background:#009900;
}
#body article .entry header h2{
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	font-size:20px;
	line-height:1.4;
}
#body article .entry.pdf header h2{
	color:#FFF;
}
#body article .entry.pdf header h3{
	color:#FFF;
	font-size:12px;
	line-height:1.4;
}
#body article .entry header .pdf-btn a{
	color:#FFF;
	text-decoration:underline;
}

#body article .entry .txt{
	padding:0 10px 10px;
}
#body article .entry .txt p{
	font-size:12px;
	margin:0 0 15px 0;
}
#body article .entry .txt dt{
	font-size:14px;
	font-weight:800;
}
#body article .entry .txt dt a{
	text-decoration:underline;
	color:#0066FF;
}
#body article .entry .txt dd{
	font-size:12px;
	margin:0 0 10px 25px;
}

.shock #body article .entry .txt{
	padding:10px;
}
.shock #body article .entry .txt strong{
	background-color: #ffff00;
}

.shock #body article .entry .txt h2{
	text-align:right;
	font-size:20px;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	color: #F33;
}
.shock #body article .entry .txt h2 small{
	font-size:10px;
}

/*nav*/
nav.back{
	margin:20px 0 0 0;
	width:320px;
	line-height:44px;
	text-align: center;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	font-size:14px;
}
nav.back a{
	display:block;
	width:320px;
	height:50px;
	-webkit-tap-highlight-color: rgba(255,105,183,0.6);
	text-decoration:none;
	color: #000;
}

/*2nd*/
header.second-header{
	width:100%;
	background:#000;
	height:50px;
}
header.second-header nav#title h1{
	width:205px;
	float:left;
}
header.second-header a#simple-menu{
	display:block;
	color:#FFF;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	font-size:14px;
	text-decoration:none;
	line-height:50px;
	width:60px;
	float:right;
	padding:0 0 0 20px;
	background: url(../img/sidr_icon.gif)  no-repeat 0 18px;
}

#container section#body article{
	margin:20px 10px;
}
#container section#body article .img{
	margin:0 auto 10px;
	text-align:center;
}
#container section#body article .img.right{
	margin:0 0 10px 10px;
	float:right;
}



/*news*/
body.news #container header.title {
	margin:5px;
}
body.news #container header.title h2 {
	margin:5px 0;
	font-family:"ヒラギノ明朝 ProN","HG明朝E","MS P明朝","MS 明朝", serif;
	font-size:9px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
}
body.news #container header.title p{
	text-align:center;
	color:#FFF;
	font-size:11px;
	line-height:2;
}
body.news #container header.title p a {
	color:#FFF;
	text-decoration:underline;
}

#container section#body.news {
	margin:0 5px;
}
#container section#body.news nav ul {
	text-align:center;
	margin:10px 0 0 0;
}
#container section#body.news nav ul li {
	background:#EAF2F9;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	margin:0 5px 0 0;
	padding:5px;
	text-align:center;
	display:inline;
	font-size:12px;
}
#container section#body.news nav ul li:hover {
	background:#C6DBEE;
}
#container section#body.news nav ul li a {
	color:#1F79BF;
}
#container section#body.news nav ul li a:hover {
	text-decoration:none;
}
#container section#body.news article{
	margin:10px 0;
}
#container section#body.news article h2{
	margin:0;
	color:#000;
	font-size:20px;
	font-family:"ヒラギノ明朝 ProN","HG明朝E","MS P明朝","MS 明朝", serif;
	line-height:1.3;
	text-align:center;
}
#container section#body.news article .news-box{
	margin:0 0 10px 0;
	padding:10px;
	background:#FFF;
	clear:both;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
#container section#body.news article .news-box header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:#000 solid 1px;
}
#container section#body.news article .news-box header ul{
	margin:0 0 5px;
}
#container section#body.news article .news-box header ul li{
	float:left;
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	color:#000;
	border-right: none;
	font-size:10px;
}
#container section#body.news article .news-box header ul li a{
	text-decoration:underline;
	color:#000;
}
#container section#body.news article .news-box header ul li a:hover{
	text-decoration:none;
}
#container section#body.news article .news-box header ul li.btn-facebook{
	border-right:none;
}
#container section#body.news article .news-box header h3{
	margin:0 0 10px 0;
	padding:0;
	color:#000;
	font-size:14px;
	font-family:"ヒラギノ明朝 ProN","HG明朝E","MS P明朝","MS 明朝", serif;
	line-height:1.3;
}
#container section#body.news article .news-box header h3 a{
	color:#000;
	text-decoration:none;
}
#container section#body.news article .news-box .txt{
	margin:10px 0 0 0;
	padding:0;
	color:#000;
	font-size:12px;
}
#container section#body.news article .news-box .txt p{
	margin:0 0 10px 0;
}
#container section#body.news article .news-box .txt p a{
	color:#5B5BC8;
}
#container section#body.news article .news-box .txt img{
	margin:0 auto 5px !important;
	float:none !important;
	max-width: 220px !important;
	height:auto;
	display:block;
}
#container section#body.news article .news-box .txt iframe{
	margin:0 auto 5px !important;
	float:none !important;
	max-width: 290px !important;
	height:auto;
	display:block;
}
#past{
	text-align:center;
	margin:0 0 20px;
}
#past a{
	font-size:20px;
	text-align:center;
	color: #FFF;
	text-decoration:none;
}
#past a:hover{
	text-decoration: underline;
}

blockquote {
    border: 2px solid #666666;
    margin: 0 0 10px;
    padding: 10px 10px 0;
}
/*products*/
body.products {
	margin:0;
}
body.products img {
    max-width: 100%;
    height:auto;
}
body.products #container {
	margin:0;
}
body.products #container header.title h2 {
	text-align:center;
	font-size:9px;
	font-weight:normal;
	color:#000;
	margin:10px 0 0 0;
}
body.products #container header.title h1 {
	text-align:center;
	font-family: 'Cabin', sans-serif;
	font-size:16px;
	line-height:1.4;
}
body.products #container header.title p {
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:10px 0;
}
body.products #container header.title p a {
	color:#000;
	text-decoration:underline;
}
body.products #container header.title p a:hover {
	text-decoration:none;
}
body.products #container header.title ul {
	margin:0 auto 10px;
	width:300px;
	text-align:center;
}
body.products #container header.title ul li {
	float:left;
}
body.products #container #body article {
	margin:0 0 30px;
}
body.products #container #body article header {
	margin:0 auto 10px;
}
body.products #container #body article header h2 {
	font-size:16px;
	font-family: 'Cabin', sans-serif;
	background:#000;
	color:#FFF;
	width:320px;
	text-align:center;
	margin:0 0 0 0;
}
body.products #container #body article section.product-box {
	margin:0 10px 10px;
}
body.products #container #body article section.product-box.tshirt .img .img-item{
	background:#00CCFF;
	width:260px;
	margin:0 auto 5px;
}
body.products #container #body article section.product-box.book .img .img-item{
	width:150px;
	margin:0 auto;
}
body.products #container #body article section.product-box.goods.item-01 .img .img-item{
	background:#FF153F;
}
body.products #container #body article section.product-box.goods.item-02 .img .img-item{
	background:#FEEE29;
}
body.products #container #body article section.product-box.post .img .img-item{
	background:#6699FF;
}
body.products #container #body article section.product-box.pamphlet .img .img-item{
	background:#FEEE29;
}
body.products #container #body article section.product-box h3 {
	font-family:"ヒラギノ明朝 ProN","HG明朝E","MS P明朝","MS 明朝", serif;
	font-size:16px;
	line-height:1.4;
}
body.products #container #body article section.product-box p {
	font-size:12px;
	margin:0 0 5px 0;
}
body.products #container #body article section.product-box p.spec {
	font-size:10px;
}


body.products #container #body article section.product-box.collaboration {
	border-bottom:#000 dotted 2px;
}
body.products #container #body article section.product-box.collaboration .img {
	float:none;
}
body.products #container #body article section.product-box.collaboration.item-01 .img .img-item {
	background:#00CCFF;
}
body.products #container #body article section.product-box.collaboration.item-02 .img .img-item {
	background:#FEEE29;
}
body.products #container #body article section.product-box.collaboration.item-03 .img .img-item {
	background:#6699FF;
}
body.products #container #body article section.product-box.collaboration.item-04 .img .img-item {
	background:#FF153F;
}
body.products #container #body article section.product-box.collaboration .txt {
	float:none;
}


body.products #container #body article blockquote {
	margin:10px;
	padding:0;
	border:#000 solid 3px;
	text-align:center;
}
body.products #container #body article blockquote p {
	text-align:center;
	font-size:11px;
	margin:10px;
}
body.products #container #body article blockquote figure {
	text-align:center;
	margin:10px;
}
body.products #container #body article section.product-box .product-box-s .txt h3 {
	font-size:14px;
	margin:10px 0 0 0;
}
body.products #container #body article section.product-box .product-box-s {
	border-bottom:#000 solid 1px;
}





