@charset "UTF-8";

/* ============================================================
00: body
============================================================ */
body{
font-size:100%;
}

/* ============================================================
01: toughNav
============================================================ */

#toughContents h2 {
	padding: 10px 10px 0.5em 10px;
}

/* ============================================================
02: common
============================================================ */

#toughContents div.head,
#toughContents div.review{
	padding-bottom: 10px;
	background-color:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	_zoom: 1;
}

#toughWrapper #toughContents a{
	color: #0672D8;
}

#toughContents div.review{
	width: auto;
	padding: 0 20px;
}
#toughContents div.review{
	margin-bottom: 10px;
	padding-bottom: 20px;
}
#toughContents div.review div.block,
#toughContents div.foot div.block {
	overflow: hidden;
	_zoom: 1;
	padding-top: 20px;
}
/* ---------- h3 ---------- */
#toughContents h3 {
	margin-bottom: 10px;
}
/* ---------- text ---------- */
#toughContents .text {
	margin-bottom: 15px;
}
/* ---------- cap ---------- */
#toughContents .cap {
	padding: 0 5px;
	font-size: 90%;
}

/* ---------- textLink ---------- */
#toughWrapper #toughContents a{
	color: #0672D8;
}

/* ============================================================
02: div.head
============================================================ */
#toughContents {
	font-size: 12px;
}
#toughContents div.head {
	margin-bottom: 10px;
}

/* ============================================================
02: div.head
============================================================ */
#toughContents {
	font-size: 12px;
}
#review01 h3{
background-image:url(/tough/angling/spring/images/review01_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:32px;
	text-indent:-9999px;
}
#review01 h3.title02{
background-image:url(/tough/angling/spring/images/review01_title01.png);
height:33px;
}

#review02 h3{
background-image:url(/tough/angling/spring/images/review02_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:32px;
	text-indent:-9999px;
}
#review03 h3{
background-image:url(/tough/angling/spring/images/review03_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:32px;
	text-indent:-9999px;
}
#review04 h3{
background-image:url(/tough/angling/spring/images/review04_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:18px;
	text-indent:-9999px;
}
#review05 h3{
background-image:url(/tough/angling/spring/images/review05_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:18px;
	text-indent:-9999px;
}
#review06 h3{
background-image:url(/tough/angling/spring/images/review06_title.png);
	background-repeat:no-repeat;
	width:694px;
	height:45px;
	text-indent:-9999px;
}


/* ============================================================
04: div.review
============================================================ */
#toughContents div.review {
	padding-bottom: 30px;
	margin-bottom: 10px;
}
#toughContents div.review p.pagetop {
	position: relative;
	text-align: right;
	top: 15px;
	clear:both;
}


/* ------------------------------
common
------------------------------ */
#toughContents div.review div.block,
#toughContents div.foot div.block {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div.block{
	padding-top: 20px;
	margin-top: 20px;
	border-top: #dedede 1px solid;
}
div.block h3,
div.block p.image {
	margin-bottom: 20px;
}
#toughContents div.review div.block h3,
#toughContents div.foot div.block h4 {
	margin: 0 0 15px 0;
}
#toughContents div.review div.block div.text p,
#toughContents div.foot div.block div.text p {
	margin-bottom: 1.6em;
}
#toughContents div.review div.block p.cap {
	font-size: 90%;
}

/* ------------------------------
div#review01
div#review02
------------------------------ */
#toughContents div.review div#review01 div.imageAndText{
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div#review01 {
	margin: 0 -20px;
	padding: 20px 20px 0;
	border-top: none;
}
div#review01 div.imageAndText{
clear:both;
}

/* ------------------------------
div#profile
------------------------------ */
#toughContents div.review div#profile p.image {
	width: 237px;
	float: left;
}
#toughContents div.review div#profile div.text {
	width: 435px;
	float: right;
}

/* ------------------------------
div#product
------------------------------ */
#product {
margin:0;
}
#product ul{
padding:0;
}
#product li{
float:none;
width:auto;
border:0;
}

#toughContents div.foot {
	width: auto;
	padding-reft: 0 20px;
	background:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	padding: 0 20px 0;
}

#toughContents div.foot div#product {
	border-top: none;
}
#toughContents div.foot div#product h4,
#toughContents div.foot div#accessary h4 {
	display: block;
	margin-bottom: 20px;
}
#toughContents div.foot div#product div.imageAndText,
#toughContents div.foot div#accessary div.imageAndText01,
#toughContents div.foot div#accessary div.imageAndText02 {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.foot div#product div.imageAndText p.image {
	width: 326px;
	margin-top: 0;
	float: left;
}
#toughContents div.foot div#product div.imageAndText div.text {
	width: 340px;
	float: left;
	margin-bottom: 1.6em;
}
#toughContents div.foot div#product div.imageAndText div.text ul {
	line-height:1.5em;
	margin-left:0.5em;
}

#toughContents div.foot div#product div.imageAndText div.text ul li {
	text-indent: -0.5em;
}
#toughContents div.foot div#product div.imageAndText p.btn {
	float: left;
}
#toughContents div.foot div#accessary div.imageAndText01 {
	width: 337px;
	float: left;
}
#toughContents div.foot div#accessary div.imageAndText02 {
	width: 337px;
	float: right;
}
#toughContents div.foot div#accessary div.imageAndText01 div.image,
#toughContents div.foot div#accessary div.imageAndText02 div.image {
	width: 136px;
	float: left;
}
#toughContents div.foot div#accessary div.imageAndText01 div.text,
#toughContents div.foot div#accessary div.imageAndText02 div.text {
	width: 180px;
	float: right;
}

#sns{
margin:10px 0 0 0 ;
}


/* ============================================================
02: div.head
============================================================ */
#toughContents {
	font-size: 12px;
}
#toughContents div.head {
	margin-bottom: 10px;
}
#toughContents div.head .who{
max-width:722px;
padding:1.5%;
}
#toughContents div.head .who div{
float:left;
}
#toughContents div.head div.who div.headImg{
margin-right:10px;
margin-bottom: 15px;
}
#toughContents div.head div.who div.text{
margin-right: 10px;
width: 220px;
}
#toughContents div.head div.who div.text p.name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
}
#toughContents div.head div.who div.text p.name span.reading {
    font-size: 10px;
    font-weight: normal;
}
#toughContents div.head .who .intro{
width:50%;
height:auto;
}
#toughContents div.head div.who div.text p span{
font-weight:bold;
font-size:13px;
}




/* ============================================================
04: div.review
============================================================ */
#toughContents div.review {
	padding-bottom: 30px;
	margin-bottom: 10px;
}
#toughContents div.review p.pagetop {
	position: relative;
	text-align: right;
	top: 15px;
}

/* ------------------------------
common
------------------------------ */
#toughContents div.review div.block,
#toughContents div.foot div.block {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div.block,
#toughContents div.foot div.block {
	padding-top: 20px;
	margin-top: 20px;
	border-top: #dedede 1px solid;
}
#toughContents div.review div.block h3,
#toughContents div.review div.block p.image {
	margin-bottom: 20px;
}
#toughContents div.review div.block h4,
#toughContents div.foot div.block h3 {
	margin: 0 0 15px 0;
}
#toughContents div.review div.block div.text p,
#toughContents div.foot div.block div.text p {
	margin-bottom: 1.6em;
}
#toughContents div.review div.block p.cap {
	font-size: 90%;
}

/* ------------------------------
div#review01
div#review02
------------------------------ */
#toughContents div.review div#review01 div.imageAndText,
#toughContents div.review div#review01 ul.imageAndText02,
#toughContents div.review div#review02 ul.imageAndText {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div#review01 {
	margin: 0 -20px;
	padding: 20px 20px 0;
	border-top: none;
}
#toughContents div.review div#review01 div.imageAndText div.image {
	float:left;
	width:219px;
}
#toughContents div.review div#review01 div.imageAndText div.text,
#toughContents div.review div#review02 div.imageAndText div.text {
	float:right;
	width:455px;
}
#toughContents div.review div#review01 div.imageAndText div.image p.image {
	margin-bottom:5px;
}
#toughContents div.review div#review01 div.imageAndText div.image p.cap {
	margin-bottom:20px;
}
#toughContents div.review div#review01 ul.imageAndText02 li,
#toughContents div.review div#review02 ul.imageAndText li {
	margin-right: 20px;
	float: left;
	width: 218px;
}
#toughContents div.review div#review01 ul.imageAndText02 li.lEnd,
#toughContents div.review div#review02 ul.imageAndText li.lEnd {
	margin:0;
}
#toughContents div.review div#review01 ul.imageAndText02 li p.cap,
#toughContents div.review div#review02 ul.imageAndText li p.cap {
	padding-bottom: 20px;
}
/* ------------------------------
div#review03
div#review04
div#review05
------------------------------ */
#toughContents div.review div#review03 ul.imageAndCaption,
#toughContents div.review div#review04 ul.imageAndCaption,
#toughContents div.review div#review05 ul.imageAndCaption {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div#review03 ul.imageAndCaption li,
#toughContents div.review div#review04 ul.imageAndCaption li,
#toughContents div.review div#review05 ul.imageAndCaption li {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	width: 218px;
}
#toughContents div.review div#review03 ul.imageAndCaption li.lEnd,
#toughContents div.review div#review04 ul.imageAndCaption li.lEnd,
#toughContents div.review div#review05 ul.imageAndCaption li.lEnd {
	margin:0;
}
#toughContents div.review div#review03 ul.imageAndCaption p.image,
#toughContents div.review div#review04 ul.imageAndCaption p.image,
#toughContents div.review div#review05 ul.imageAndCaption p.image {
	margin-bottom:5px;
}
/* ------------------------------
div#review06
------------------------------ */
#toughContents div.review div#review06 ul.featurePoint {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.review div#review06 h3 {
	margin-bottom: 5px;
}
#toughContents div.review div#review06 ul.featurePoint li {
	margin-right: 20px;
	float: left;
	width: 218px;
}
#toughContents div.review div#review06 ul.featurePoint li.lEnd {
	margin:0;
}
#toughContents div.review div#review06 ul.featurePoint p.point {
	margin-bottom: 5px;
}
#toughContents div.review div#review06 p.compiled {
width:100%;
}
#toughContents div.review div#review06 p.compiled img.imageCut{
width:11%;

}
#toughContents div.review div#review06 p.compiled img.textCut{
width:87%;
}


/* ------------------------------
div#product
------------------------------ */
#toughContents div.foot div#product {
	margin: 0 -20px;
	padding: 20px 20px 0;
	border-top: none;
}
#toughContents div.foot div#product h4,
#toughContents div.foot div#product h4 span,
#toughContents div.foot div#accessary h4 {
	display: block;
	margin-bottom: 10px;
}
#toughContents div.foot div#product div.imageAndText,
#toughContents div.foot div#accessary div.imageAndText01,
#toughContents div.foot div#accessary div.imageAndText02 {
	overflow: hidden;
	_zoom: 1;
}
#toughContents div.foot div#product div.imageAndText p.image {
	width: 238px;
	margin-top: 0;
	float: left;
}
#toughContents div.foot div#product div.imageAndText div.text {
	width: 228px;
	float: left;
	margin-bottom: 0.6em;
}
#toughContents div.foot div#product div.imageAndText div.text ul {
	line-height:1.5em;
	margin-left:0.5em;
}
#toughContents div.foot div#product div.imageAndText div.text ul li {
	text-indent: -0.5em;
}
#toughContents div.foot div#product div.imageAndText p.btn {
	float: none;
}
#toughContents div.foot div#accessary div.imageAndText01 {
	width: 337px;
	float: left;
}
#toughContents div.foot div#accessary div.imageAndText02 {
	width: 337px;
	float: right;
}
#toughContents div.foot div#accessary div.imageAndText01 div.image,
#toughContents div.foot div#accessary div.imageAndText02 div.image {
	width: 166px;
	float: left;
}
#toughContents div.foot div#accessary div.imageAndText01 div.text,
#toughContents div.foot div#accessary div.imageAndText02 div.text {
	width: 151px;
	float: right;
}

/* ============================================================
〜768px
============================================================ */
@media screen and (max-width: 767px){
body {
  min-width: 320px;
  line-height: 1.5;
  color: #333;
}
img {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: auto;
}
#toughContainer{
background:none;
}
#toughWrapper #toughContainer{
width:auto;
max-width:920px;
}
#review01 h3,
#review01 h3.title02,
#review02 h3,
#review03 h3,
#review04 h3,
#review05 h3,
#review06 h3{
text-indent:0px;
background-image:none;
color:#000099;
width:100%;
height:auto;
margin:1em auto;
font-weight:bold;
font-size:160%;
}
#toughContainer #toughContents{
width:auto;
float:none;
}
#toughContents div.review, #toughContents #tg2, #toughContents #foot{
width:auto;
}

/* ============================================================
03: div.review
============================================================ */
#toughContents div.head .who .intro{
float:none;
clear:both;
width:auto;
}
#toughContents div.review,
#toughContents div.foot {
padding-left:3%;
padding-right:3%;
}
#toughContents div.review div#review01 div.imageAndText div.image,
#toughContents div.review div#review01 ul.imageAndText02 li.image,
#toughContents div.review div#review02 ul.imageAndText li.image,
#toughContents div.review div#review03 ul.imageAndCaption li,
#toughContents div.review div#review04 ul.imageAndCaption li,
#toughContents div.review div#review05 ul.imageAndCaption li,
#toughContents div.review div#review06 ul.featurePoint li{
width:auto;
text-align:center;
float:none;
margin:0;
}
#toughContents #profile p.image{
width:auto;
text-align:center;
float:none;
}
#toughContents div.review div#review01 div.imageAndText div.text,
#toughContents div.review div#review01 ul.imageAndText02 li.lEnd,
#toughContents div.review div#review02 ul.imageAndText li.lEnd,
#toughContents div.review div#review01 ul.imageAndText02 li,
#toughContents div.review div#review02 ul.imageAndText li{
float:none;
width:auto;
}

#toughContents div.review div#review01 div.imageAndText div.text,
#toughContents div.review div#review02 div.imageAndText div.text{
float:none;
width:auto;
text-align:left;
}

#toughContents div.review div#institution p.image,
#toughContents div.review div#profile p.image,
#toughContents div.foot div#product div.imageAndText p.image,
#toughContents div.foot div#accessary div.imageAndText01 div.image,
#toughContents div.foot div#accessary div.imageAndText02 div.image,
#toughContents div.foot div#accessary div.imageAndText01,
#toughContents div.foot div#accessary div.imageAndText02{
width:auto;
text-align:center;
float:none;
}
#toughContents div.review div#institution div.text,
#toughContents div.review div#profile div.text,
#toughContents div.foot div#product div.imageAndText div.text,
#toughContents div.foot div#product div.imageAndText p.btn,
#toughContents div.foot div#accessary div.imageAndText01 div.text,
#toughContents div.foot div#accessary div.imageAndText02 div.text{
float:none;
width:auto;
}

#toughContents div.foot div#accessary div.imageAndText01 h4,
#toughContents div.foot div#accessary div.imageAndText01 .text,
#toughContents div.foot div#accessary div.imageAndText02 h4,
#toughContents div.foot div#accessary div.imageAndText02 .text{
width:auto;
text-align:left;
float:none;
}

#toughContents div.foot div#accessary div.imageAndText01 div.image p,
#toughContents div.foot div#accessary div.imageAndText02 div.image p {
margin-bottom:0.5em;
}

.btn{
display:none;
}

}