/* --- setting --- */
.entry-header .entry-title .entry-title-inner{
	border-color: #8099c8;
}
.entry-mainimg figure{
	border-color: #8099c8;
}
.entry-mainimg span:nth-child(1):after,
.entry-mainimg span:nth-child(1):before,
.entry-mainimg span:nth-child(2):after,
.entry-mainimg span:nth-child(2):before{
	background: #8099c8;
}
#topics-nav li a span:after{
	border-color: #8099c8 transparent transparent transparent;	
}
.topics-header h4 span{
	color: #8099c8;
}
.topics-header h4:after,
.topics-header h4:before{
	background: #8099c8;
}

#one-point > span:nth-child(1):after,
#one-point > span:nth-child(1):before,
#one-point > span:nth-child(2):after,
#one-point > span:nth-child(2):before{
	background: #8099c8;
}
#one-point .point-inner dl dt{
	border-bottom: 2px solid #8099c8;
}
#page-nav-katsuyou li{
	background: #8099c8;
}
#page-nav-katsuyou li:nth-child(1):after,
#page-nav-katsuyou li:nth-child(3):before{
	background: #8099c8;
}

.flow-box .flow h5 i,
.flow-box-s li figure i{
	font-family: Helvetica , Arial ,sans-serif;
}
#entry-topics-4 .topics-comment-inner dd{
	border-top: 1px solid #8099c8;
}
#entry-topics-4 .topics-comment{
	border: 1px solid #8099c8;
	box-sizing: border-box;
}

.entry-body .product .product-img span,
.entry-body .product .attachment i,
.entry-body .product dt i,
.entry-col .fig-box p,
#entry-topics-2 .fig-detail dt,
#entry-topics-2 .fig-detail dd,
#entry-topics-4 .fig-box3 dt,
#entry-topics-4 .fig-box3 dd,
.fig-box figcaption,
.entry-body .product .attachment figcaption,
#entry-topics-4 .topics-comment-inner dd,
.fig-title,
.fig-box .fig-item h5,
#entry-topics-3 .fig-item .label,
.fig-box p i{
	font-family: "ヒラギノUD角ゴ W6 JIS2004", "Hiragino UD Sans W6 JIS2004","ヒラギノUD角ゴ StdN W6",sans-serif;
	font-weight: bold;
}
.flow-box .flow .flow-txt p,
.memo dd{
	font-family: "ヒラギノUD角ゴ W5 JIS2004", "Hiragino UD Sans W5 JIS2004","ヒラギノUD角ゴ StdN W5",sans-serif;
}
/*.fig-title{
	background: #8099c8;
	text-align: center;
	color: #fff;
}*/
p.entry-header-credit{
	color: #8099c8;	
}

@media screen and (min-width: 737px) {

	#topics-nav{
		margin: -13.5px auto 0;
		width: 760px;
	}
	#topics-nav ul{
		font-size: 0;
/*		margin: 0 -25px;
*/	}
	#topics-nav ul li{
		width: 200px;
/*		padding: 0 25px;
*/	}
	#topics-nav li + li{
		margin: 0;
	}
	#topics-nav li:nth-child(n+4){
		margin-top: 60px;
	}
	/*  topics-header
	------------------------------------------------------------------*/
	.topics-header h4:after,
	.topics-header h4:before{
		width: 212px;
	}

	.entry-col .fig-box{
		position: relative;
		margin: auto;
		width: 800px;
	}
	.entry-col .fig-box figure img{
		width: 100%;
		height: auto;
	}
	.entry-col .fig-box figcaption{
		padding: 10px 0 0;
		font-size: 12px;
		font-weight: bold;
	}
	.entry-col .fig-box p{
		font-size: 12px;
	}
	.entry-col .fig-box p + p{
		margin-top: 30px;
	}
	.entry-topics-col + .entry-topics-col{
		margin-top:50px;
	}

	/*  fig-box
	------------------------------------------------------------------*/

	.txt + .fig-box,
	.fig-box + .txt{
		margin-top: 50px;
	}


	/* #entry-topics-2  */

	#entry-topics-2 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-2 .fig-box p{
		position: relative;
		padding: 25px 110px 25px 50px;
	}
	#entry-topics-2 .fig-box p i{
		display: inline-block;
		margin-top: 5px;
		font-size: 10px;
	}
	#entry-topics-2 .fig-box p img{
		position: absolute;
		bottom: 5px;
		right: 45px;
	}
	#entry-topics-2 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-2 .fig-box .fig-item{
		display: flex;
	}
	#entry-topics-2 .fig-box figure:nth-child(1){
		width: 535px;
	}
	#entry-topics-2 .fig-box figure:nth-child(2){
		margin-left: 5px;
		width: 260px;
	}

	/* #entry-topics-3  */

	#entry-topics-3 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-3 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap{
		display: flex;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item{
		width: 50%;
		box-sizing: border-box;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item + .fig-item{
		margin: 0 0 0 5px;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure{
		position: relative;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure + figure{
		margin-top: 5px;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure + figure:before{
		content: "";
		position: absolute;
		display: block;
		margin: auto;
		top: -17px;
		left: 0;
		right: 0;
		width: 35px;
		height: 32px;
		background: url(../img/arrow_d.png);
		background-size: 100% 100%;
	}
	#entry-topics-3 .fig-box1 p{
		padding: 25px 50px;
	}
	#entry-topics-3 .fig-box2 p img{
		position: absolute;
		bottom: 5px;
		right: 70px;
	}
	#entry-topics-3 .fig-box2 p{
		padding: 25px 350px 25px 50px;
	}


	/* #entry-topics-4  */

	#entry-topics-4 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-4 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-4 .fig-box1 p{
		padding: 25px 50px;
		text-align: center;
	}
	#entry-topics-4 .fig-box1 .fig-item{
		display: flex;
	}
	#entry-topics-4 .fig-box1 figure + figure{
		margin-left: 5px;
	}

	#entry-topics-4 .fig-box2 p{
		padding: 25px 50px;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap{
		display: flex;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item:nth-child(1){
		width: 520px;
		box-sizing: border-box;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item:nth-child(2){
		margin-left: 5px;
		width: 280px;
		box-sizing: border-box;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item + .fig-item{
		margin: 0 0 0 5px;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item figure{
		position: relative;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item figure + figure{
		margin-top: 5px;
	}


	/* #entry-topics-5  */

	#entry-topics-5 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-5 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-5 .fig-box p{
		padding: 25px 50px;
	}
	#entry-topics-5 .fig-box .fig-item-wrap{
		display: flex;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item:nth-child(1){
		width: 520px;
		box-sizing: border-box;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item:nth-child(2){
		margin-left: 5px;
		width: 270px;
		box-sizing: border-box;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item + .fig-item{
		margin: 0 0 0 5px;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item figure{
		position: relative;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item figure + figure{
		margin-top: 5px;
	}




}


@media screen and (max-width: 736px) {

	#topics-nav:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
	}

	#topics-nav ul{
		margin: auto;
		width: 275px;
	}
	#topics-nav ul li{
		display: block;
		position: relative;
		width: 100%;
	}
	#topics-nav li + li{
		margin-top: 10px;
	}
	#topics-nav li a {
		font-size: 11px;
	}
	#topics-nav li a span:after {
	    right: 8px;
	}

	/*  topics-header
	------------------------------------------------------------------*/
	.topics-header h4:after,
	.topics-header h4:before{
		width: calc(50% - 110px);
	}


	.entry-col .fig-box{
		position: relative;
		margin: auto;
	}
	.entry-col .fig-box figure img{
		width: 100%;
		height: auto;
	}
	.entry-col .fig-box figcaption{
		padding: 10px 0 0;
		font-size: 12px;
		font-weight: bold;
	}
	.entry-col .fig-box figcaption br{
		display: none;
	}
	.entry-col .fig-box p{
		font-size: 12px;
	}
	.entry-col .fig-box p + p{
		margin-top: 15px;
	}


	.entry-topics-col + .entry-topics-col{
		margin-top:50px;
	}

	/*  fig-box
	------------------------------------------------------------------*/

	.txt + .fig-box,
	.fig-box + .txt{
		margin-top: 50px;
	}


	/* #entry-topics-2  */

	#entry-topics-2 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-2 .fig-box p{
		position: relative;
		padding: 20px 90px 20px 20px;
	}
	#entry-topics-2 .fig-box p i{
		display: inline-block;
		margin-top: 5px;
		font-size: 10px;
	}
	#entry-topics-2 .fig-box p img{
		position: absolute;
		top: 50%;
		right: 25px;
		width: 38px;
		transform: translateY(-50%);
	}
	#entry-topics-2 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-2 .fig-box .fig-item{
		display: flex;
	}
	#entry-topics-2 .fig-box figure:nth-child(1){
		width: 535px;
	}
	#entry-topics-2 .fig-box figure:nth-child(2){
		margin-left: 5px;
		width: 260px;
	}

	/* #entry-topics-3  */

	#entry-topics-3 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-3 .fig-box{
		padding: 5px;
		background: #fff;
	}
/*	#entry-topics-3 .fig-box1 .fig-item-wrap{
		display: flex;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item{
		width: 50%;
		box-sizing: border-box;
	}*/
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item + .fig-item{
		margin-top: 20px;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure{
		position: relative;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure + figure{
		margin-top: 5px;
	}
	#entry-topics-3 .fig-box1 .fig-item-wrap .fig-item figure + figure:before{
		content: "";
		position: absolute;
		display: block;
		margin: auto;
		top: -17px;
		left: 0;
		right: 0;
		width: 35px;
		height: 32px;
		background: url(../img/arrow_d.png);
		background-size: 100% 100%;
	}
	#entry-topics-3 .fig-box1 p{
		position: relative;
		padding: 20px;
	}
	#entry-topics-3 .fig-box2 p img{
		position: absolute;
		top: -20px;
		right: 10px;
		width: 140px;
	}
	#entry-topics-3 .fig-box2 p{
		position: relative;
		padding: 60px 20px 20px;
	}


	/* #entry-topics-4  */

	#entry-topics-4 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-4 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-4 .fig-box1 p{
		padding: 20px;
	}
	#entry-topics-4 .fig-box1 figure + figure{
		margin-top: 5px;
	}

	#entry-topics-4 .fig-box2 p{
		padding: 20px;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item:nth-child(2){
		display: flex;
		margin-top: 5px;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item:nth-child(2) figure{
		width: 50%;
	}
	#entry-topics-4 .fig-box2 .fig-item-wrap .fig-item:nth-child(2) figure + figure{
		margin-left: 5px;
	}


	/* #entry-topics-5  */

	#entry-topics-5 .fig-box + .fig-box{
		margin-top: 15px;
	}

	#entry-topics-5 .fig-box{
		padding: 5px;
		background: #fff;
	}
	#entry-topics-5 .fig-box p{
		padding: 20px;
	}
	#entry-topics-5 .fig-box .fig-item-wrap{
		display: flex;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item:nth-child(1){
		width: 520px;
		box-sizing: border-box;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item:nth-child(2){
		margin-left: 5px;
		width: 270px;
		box-sizing: border-box;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item + .fig-item{
		margin: 0 0 0 5px;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item figure{
		position: relative;
	}
	#entry-topics-5 .fig-box .fig-item-wrap .fig-item figure + figure{
		margin-top: 5px;
	}





}

@media screen and (max-width: 374px) {
	#topics-nav ul{
		padding: 0 5px;
	}
}