@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年3月31日 */
/* last updated:2015年3月31日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	001.firstBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.commentBlock {
		text-align:center;
		background:url(/cmp/tajimi/common/images/bg_red.png);
	}
	.commentBlock .inner {
		background:url(/cmp/tajimi/common/images/bg_red_top.png) repeat-x top;
		padding:140px 0px 30px;
	}
	.commentBlock br {
		display:none;
	}
	.commentBlock .inner p {
		font-size:138%;
		line-height:2.2;
		text-shadow:0 1px #690404;
	}
}

@media screen and (max-width: 639px) {
	.commentBlock {
		text-align:center;
		background:url(/cmp/tajimi/common/images/bg_red.png);
		background-size:256px auto;
	}
	.commentBlock .inner {
		background:url(/cmp/tajimi/common/images/bg_red_top.png) repeat-x top;
		background-size:auto 19px;
		padding:30px 0px 10px;
	}
	.commentBlock .inner p {
		font-size:108%;
		text-shadow:0 1px #690404;
		padding:0px 20px 0px;
	}
}



/* --------------------------------------------------
	003.storyBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#storyBlock {
		width:990px;
		text-align:center;
		margin:0 auto;
		padding:150px 0 100px;
		overflow:hidden;
		zoom:1;
	}
	#storyBlock h2 {
		padding-bottom:50px;
	}
	#storyBlock h2 span {
		width:100%;
		text-indent:-10000px;
		height:60px;
		background:url(/cmp/tajimi/common/images/txt_story.png) no-repeat 50% 50%;
		display:block;
	}
	#storyBlock .textBox {
		text-align:left;
		font-size:113%;
		background:url(/cmp/tajimi/common/images/fig_utsuwa_pc.png) no-repeat 50% 50%;
		padding:0 20px;
	}
	#storyBlock .textBox p {
		line-height:2.2;
		padding-bottom:2em;
	}
}

@media screen and (max-width: 639px) {
	#storyBlock {
		text-align:center;
		margin:50px auto 20px auto;
		overflow:hidden;
		zoom:1;
	}
	#storyBlock h2 {
		padding:0 0 30px 0;
	}
	#storyBlock h2 span {
		font-size:375%;
		line-height:1.1;
		color:rgb(255, 0, 0);
		display:block;
	}
	#storyBlock .textBox {
		text-align:left;
		font-size:108%;
		background:url(/cmp/tajimi/common/images/fig_utsuwa_pc.png) no-repeat 50% 50%;
		padding:0 20px;
	}
	#storyBlock .textBox p {
		line-height:1.6;
		padding-bottom:2em;
	}
}

/* --------------------------------------------------
	003.ruleBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#ruleBlock {
		width:980px;
		text-align:center;
		padding:60px 0 0;
		margin:0 auto;
	}
	#ruleBlock h2 {
		padding-bottom:50px;
	}
	#ruleBlock h2 span {
		width:100%;
		text-indent:-10000px;
		height:60px;
		background:url(/cmp/tajimi/common/images/txt_rule.png) no-repeat 50% 50%;
		display:block;
	}
	#ruleBlock .textBox {
		font-size:113%;
	}
	#ruleBlock .textBox p {
		line-height:2.2;
		padding-bottom:2.2em;
	}
	#ruleBlock .textBox .time {
		line-height:40px;
	}
	#ruleBlock .textBox .time b {
		color:#ff0000;
	}
	#ruleBlock .textBox .time b span {
		font-size:278%;
	}
	#ruleBlock figure {
		text-align:center;
		padding:20px 0 100px;
		display:block;
	}
	#ruleBlock .map h3 {
		height:46px;
		text-indent:-10000px;
		background:url(/cmp/tajimi/common/images/txt_map.png) no-repeat 50% 50%;
	}
	#ruleBlock .map figure {
		padding:0 0;
	}
}
@media screen and (max-width: 639px) {
	#ruleBlock {
		text-align:center;
		margin:50px auto 20px auto;
		overflow:hidden;
		zoom:1;
	}
	#ruleBlock h2 {
		padding:0 0 30px 0;
	}
	#ruleBlock h2 span {
		font-size:375%;
		line-height:1.1;
		color:rgb(255, 0, 0);
		display:block;
	}
	#ruleBlock .textBox {
		text-align:left;
		font-size:108%;
	}
	#ruleBlock .textBox p {
		padding:0 20px;
	}
	#ruleBlock figure {
		text-align:center;
		padding:20px 0;
	}
	#ruleBlock figure img {
		width:300px;
		height:auto;
	}
	#ruleBlock .map h3 {
		text-align:center;
		font-size:167%;
	}
	#ruleBlock .map figure img {
		width:320px;
		margin:0 auto;
	}
	#ruleBlock .textBox .time {
		text-align:center;
		line-height:40px;
	}
	#ruleBlock .textBox .time b {
		color:#ff0000;
	}
	#ruleBlock .textBox .time b span {
		font-size:278%;
	}
}

/* --------------------------------------------------
	004.outlineBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#outlineBlock {
		width:980px;
		position:relative;
		padding:100px 0 20px;
		margin:0 auto;
	}
	#outlineBlock h2 {
		padding-bottom:50px;
		text-align:center;
	}
	#outlineBlock h2 span {
		width:100%;
		text-indent:-10000px;
		height:60px;
		background:url(/cmp/tajimi/common/images/txt_outline.png) no-repeat 50% 50%;
		display:block;
	}
	#outlineBlock h2 span {
		width:100%;
		text-indent:-10000px;
		height:60px;
		background:url(/cmp/tajimi/common/images/txt_outline.png) no-repeat 50% 50%;
		display:block;
	}
	#outlineBlock .innerBox dl {
		padding:15px 30px 15px;
		background:url(/cmp/tajimi/common/images/bg_black_a75.png);
		border-radius:10px;
		margin-bottom:10px;
	}
	#outlineBlock .innerBox dl dt {
		width:12%;
		text-align:center;
		float:left;
	}
	#outlineBlock .innerBox dl dd {
		width:84%;
		float:right;
		position:relative;
	}
	#outlineBlock .innerBox dl dd small {
		font-size:75%;
	}
	#outlineBlock .innerBox dl dd i {
		font-size:88%;
		text-decoration:line-through;
	}
	#outlineBlock .innerBox dl dd u {
		text-decoration:none;
	}
	#outlineBlock .innerBox dl dd ul li {
		padding-left:20px;
		margin-bottom:5px;
		position:relative;
	}
	#outlineBlock .innerBox dl dd ul li:before {
		font-size:75%;
		content:"●";
		color:#666;
		left:0px;
		position:absolute;
		padding:5px 0;
	}
}

@media screen and (max-width: 639px) {
	#outlineBlock {
		text-align:center;
		margin:50px auto 20px auto;
		overflow:hidden;
		zoom:1;
	}
	#outlineBlock h2 {
		padding:0 0 10px 0;
	}
	#outlineBlock h2 span {
		font-size:375%;
		line-height:1.1;
		color:rgb(255, 0, 0);
		display:block;
	}
	#outlineBlock .innerBox dl {
		padding:15px 10px;
		border-bottom:1px solid #444;
		position:relative;
	}
	#outlineBlock .innerBox dl dt {
		font-size:113%;
		color:#666;
		text-align:left;
	}
	#outlineBlock .innerBox dl dd {
		text-align:left;
	}
	#outlineBlock .innerBox dl dd small {
		font-size:83%;
		display:block;
	}
	#outlineBlock .innerBox dl dd i {
		font-size:88%;
		text-decoration:line-through;
	}
	#outlineBlock .innerBox dl dd u {
		text-decoration:none;
	}
	#outlineBlock .innerBox dl dd ul li {
		padding-left:20px;
		position:relative;
		margin-bottom:5px;
	}
	#outlineBlock .innerBox dl dd ul li:before {
		font-size:71%;
		content:"●";
		color:#666;
		left:0px;
		position:absolute;
		padding:2px 0;
	}
}



/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		width:980px;
		position:relative;
		padding:100px 0;
		margin:0 auto;
	}
	#faqBlock h2 {
		padding-bottom:50px;
		text-align:center;
	}
	#faqBlock h2 span {
		width:100%;
		text-indent:-10000px;
		height:60px;
		background:url(/cmp/tajimi/common/images/txt_faq.png) no-repeat 50% 50%;
		display:block;
	}
	#faqBlock article {
		width:50%;
		float:left;
		padding:30px;
		position:relative;
	}
	#faqBlock article.q1 span {
		width:157px;
		height:112px;
		text-indent:-10000px;
		background:url(/cmp/tajimi/common/images/question01.png) no-repeat;
		position:absolute;
		left:30px;
		top:0px;
	}
	#faqBlock article.q2 span {
		width:157px;
		height:112px;
		text-indent:-10000px;
		background:url(/cmp/tajimi/common/images/question02.png) no-repeat;
		position:absolute;
		right:30px;
		top:0px;
	}
	#faqBlock article h3 {
		font-size:138%;
		text-align:center;
		padding:35px 0 10px;
	}
	#faqBlock article h3 br {
		display:none;
	}
	#faqBlock article .inner {
		letter-spacing:0;
		background:#000;
		border:3px solid #1B1B1B;
		padding:20px;
		position:relative;
	}
	#faqBlock article .inner:after {
		content:" ";
		display:block;
		position:absolute;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
	#faqBlock figure {
		text-align:center;
		padding:20px 0;
		clear:both;
	}
}

@media screen and (max-width: 639px) {
	#faqBlock {
		text-align:center;
		margin:50px auto 20px auto;
		overflow:hidden;
		zoom:1;
	}
	#faqBlock h2 {
		padding:0 0 10px 0;
	}
	#faqBlock h2 span {
		font-size:375%;
		line-height:1.1;
		color:rgb(255, 0, 0);
		display:block;
	}
	#faqBlock article {
		background:#000;
		border:3px solid #1B1B1B;
		padding:5px 15px 15px;
		margin:10px;
		position:relative;
	}
	#faqBlock article span {
		color:rgb(255, 0, 0);
	}
	#faqBlock article h3 {
		font-size:125%;
		line-height:1.4;
		text-align:center;
		padding:5px 0 10px;
	}
	#faqBlock article .inner {
		font-size:88%;
		letter-spacing:0;
		color:#000;
		background:#ccc;
		padding:15px;
		position:relative;
	}
	#faqBlock article.q3 .inner {
		min-height:auto;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
	#faqBlock figure img {
		width:303px;
		margin:0 auto;
	}
}

/* --------------------------------------------------
	007.paymentBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#paymentBlock {
		text-align:center;
		background:url(/cmp/tajimi/common/images/bg_off.png) no-repeat 50% 50%;
	}
	#paymentBlock h2 {
		height:94px;
		background:url(/cmp/tajimi/common/images/txt_all.png) no-repeat 50% 50%;
		text-indent:-10000px;
		padding:10px 0 40px;
	}
	#paymentBlock p {
		font-size:125%;
		line-height:2;
		padding-bottom:20px;
	}
	#paymentBlock p b {
		color:#ff0000;
	}
}

@media screen and (max-width: 639px) {
	#paymentBlock {
		text-align:center;
	}
	#paymentBlock h2 {
		font-size:200%;
		line-height:1.1;
		color:rgb(255, 0, 0);
		padding:10px 0 0px;
	}
	#paymentBlock p {
		font-size:108%;
		padding:15px 10px;
	}
	#paymentBlock p b {
		color:#ff0000;
	}
	#paymentBlock figure img {
		width:77px;
	}
}