@charset "utf-8";
/* CSS Document */

/************************/
/*____ 基礎 ____*/
#LP-body,#LP-foot{min-width:960px;}
#LP-body{padding:0;}
#LP-foot{margin-bottom:50px;}
.width-XS{width:300px; margin:auto;}
.width-S{width:480px; margin:auto;}
.width-M{width:600px; margin:auto;}
.width-L{width:780px; margin:auto;}
.width-XL{width:960px; margin:auto;}
.productGrid{ margin:auto 5px;}
.logoWrapper{text-align:center;}

a.cmBtn {
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #666;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 4rem;
	margin-bottom:0.5rem;
}
a.cmBtn:before {
	right:1rem;
}
a.cmBtn:hover {
	opacity:1;
    background-color: #bcc;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #468;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 4rem;
	margin-bottom:0.5rem;
}
#totop {
	display: none;
	width: 60px;
	height: 60px;
	background: #ff4e22;
	
	border-radius: 3px;
	position: fixed;
	
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
#totop a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 0;
}
#totop a i {
	font-size: 20px;
	color: #FFF;
}
#totop a span {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #FFF;
}

/************************/
/*____ レイアウト ____*/
/*____ 1ブロック ____*/
/*____ 2ブロック ____*/
.Flex.col-2 > *{width:calc(100%/3); flex-grow:1;}
/*____ 3ブロック ____*/
.Flex.col-3 > *{width:calc((100% - 1rem) / 3);margin-bottom:4rem;}
/*____ 4ブロック ____*/
/************************/
/*____ figcaption ____*/
/************************/
/*____ あしあと ____*/
#topicpath_style.trace-box {
    font-size: x-small;
    margin: 0 auto;
    padding: 2px 10px 3px;
    text-align: left;
    width: 940px;
}
/************************/
/*____ 看板 ____*/
.title-container{
	min-width:960px;
	text-align:center;
}
.titleImg:after {padding-top: 40%;}
.title-wrapper{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: -moz-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%);
    background: -webkit-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%);
    background: linear-gradient(to bottom,transparent 0,rgba(40,40,40,0.5) 100%);
    color: #fff;
    line-height: 1;
}
.titleH1 {
    font-size: 2.5rem;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #fff;
	line-height:2.75rem;
}
.titleH1 span{
	display:block;
}
.titleP{
    line-height: 1.9;	
    font-size: 20px;
	color:#FFF;
}

/************************/
/*____ 見出し関係 ____*/
.headLine{margin:100px auto 50px;}
.headLineDeg{margin:0 auto 25px;}


/*____ 見出し関係 ____*/
.h2{font-size:1.9rem;padding:0 0 2em 0;}
.h3{
  	font-size:1.75rem;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		/page/anshin/
*/

/************************/
/*レイアウト*/
.cmTxt{padding:0 2em 6em;}

/************************/
/*____ 看板関係 ____*/
.kanban{
	padding:10rem 0 0rem;
}
.kanban h1{
	font-size:2.5rem;
}

/************************/
/*____ 序文 ____*/
.jobun p{font-size:1.1rem;}

/************************/
/*____  本物関連 ____*/
.honmonoFigure > li{padding:3em;}
.honmonoFigure dt{
	font-size:2rem;
}
.honmonoFigure dd{
	min-height:6rem;
	width:calc(50% - 2px - 1em);
	padding:0.5em;
	font-size:1.5rem;
}
.honmonoFigure span{
	font-size:0.9rem;
}

/************************/
/*____  並行関連 ____*/
.arrowFigure{
	padding:5em;
}

.arrowFigure > li{
	width:calc(50% - 2em);
	font-size:1.4rem;
}

.arrowFigure span:not(.chushaku){
	height: 4.8em;
	font-size:0.95rem;
}
.arrowFigure span.chushaku{
	height: 2.4em;
	white-space:nowrap;
}
/************************/
/*____  注意関連 ____*/
.attentionTable{
	padding:1em 0;
}
.attentionTable > li{
	width:calc(50% - 7em);
}

.attentionTable dt{
	font-size:1.5rem;
}
.attentionTable dd{
	font-weight:200;
}


/************************/
/*  */
.hr{ background-color:transparent;border-style:dashed;margin-bottom:6rem;}
.section{padding-top:2rem; margin-bottom:4rem;}

.clip{
	display:inline-block;
	width:calc((100% - 2rem) / 3 );
	margin-bottom:0.5rem;
	transition:all 0.3s ease 0s;
}
.clip.active{
	width:0px;
	height:0px;
	margin-bottom:1rem;
}

.jobunTxt > p{font-weight:200;}
.kbnr {
    margin: 0 auto 1rem 0;
    display: inline-block;
}