/* --- setting --- */
.entry-header .entry-title .entry-title-inner{
	border-color: #af9e48;
}
.entry-mainimg figure{
	border-color: #af9e48;
}
.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: #af9e48;
}
#topics-nav li a span:after{
	border-color: #af9e48 transparent transparent transparent;	
}
.topics-header h4 span{
	color: #af9e48;
}
.topics-header h4:after,
.topics-header h4:before{
	background: #af9e48;
}

#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: #af9e48;
}
#one-point .point-inner dl dt{
	border-bottom: 2px solid #af9e48;
}
#page-nav-katsuyou li{
	background: #af9e48;
}
#page-nav-katsuyou li:nth-child(1):after,
#page-nav-katsuyou li:nth-child(3):before{
	background: #af9e48;
}

.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 #af9e48;
}
#entry-topics-4 .topics-comment{
	border: 1px solid #af9e48;
	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{
	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: #af9e48;
	text-align: center;
	color: #fff;
}
p.entry-header-credit{
	color: #af9e48;	
}


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

	#topics-nav{
		margin: -13.5px auto 0;
		width: 760px;
	}
	#topics-nav ul{
		font-size: 0;
	}
	#topics-nav ul li{
		padding: 0 15px;
	}
	#topics-nav ul li:nth-child(1),
	#topics-nav ul li:nth-child(2),
	#topics-nav ul li:nth-child(3){
		width: 186px;
	}
	#topics-nav li + li{
		margin: 0;
	}
/*	#topics-nav ul + ul{
		margin-top: 50px;
	}
*/
	#topics-nav ul li:nth-child(n+4){
		margin-top: 50px;
		
	}
	/*  topics-header
	------------------------------------------------------------------*/
	.topics-header h4:after,
	.topics-header h4:before{
		width: 205px;
	}

	.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
	------------------------------------------------------------------*/
	.fig-cap{
		padding: 20px 0 0;
	}
	/* #entry-topics-1 */

	#entry-topics-1 .fig-box .fig-item-wrap{
		display: flex;		
	}
	#entry-topics-1 .fig-box .fig-item{
		width: 50%;
	}
	#entry-topics-1 .fig-box .fig-item h5{
		text-align: center;
		line-height: 50px;
		color: #fff;
		font-weight: bold;
	}
	#entry-topics-1 .fig-box .fig-item1 h5{
		background: #af9e48;
	}
	#entry-topics-1 .fig-box .fig-item2 h5{
		background: #af9e48;
	}
	#entry-topics-1.fig-cap{
		padding: 15px 0 0;
	}
	#entry-topics-1 .fig-box1 .fig-item-wrap{
		margin: 0 -7px;
	}
	#entry-topics-1 .fig-box1 .fig-item{
		position: relative;
		margin: 0 7px;
		background: #fff;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner-wrap{
		padding: 5px;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -2px;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure{
		padding: 0 2px;
		box-sizing: border-box;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
		width: 50%;
	}
	#entry-topics-1 .fig-box1 .fig-item p{
		padding: 20px;
	}


	/* #entry-topics-3 */

	#entry-topics-3 .fig-box {
		margin-top: 50px;
		background: #fff;
	}
	#entry-topics-3 .fig-box .fig-item{
		display: flex;
		padding: 5px;
	}
	#entry-topics-3 .fig-box .fig-item figure{
	}
	#entry-topics-3 .fig-box .fig-item figure + figure{
		margin-left: 5px;
	}
	#entry-topics-3 .fig-box p{
		padding: 20px;
		text-align: center;
	}
	#entry-topics-3 .fig-box p span{
		display: inline-block;
		text-align: left;
	}


	/* #entry-topics-4 */

	#entry-topics-4 .fig-box .fig-item-wrap{
		display: flex;		
	}
	#entry-topics-4 .fig-box .fig-item{
		width: 50%;
	}
	#entry-topics-4 .fig-box .fig-item h5{
		text-align: center;
		line-height: 50px;
		color: #fff;
		font-weight: bold;
	}
	#entry-topics-4 .fig-box .fig-item1 h5{
		background: #c9716a;
	}
	#entry-topics-4 .fig-box .fig-item2 h5{
		background: #d5823b;
	}
	#entry-topics-4.fig-cap{
		padding: 15px 0 0;
	}
	#entry-topics-4 .fig-box .fig-item-wrap{
		margin: 0 -7px;
	}
	#entry-topics-4 .fig-box .fig-item{
		position: relative;
		margin: 0 7px;
		background: #fff;
	}
	#entry-topics-4 .fig-box .fig-item-inner-wrap{
		padding: 5px;
	}
	#entry-topics-4 .fig-box .fig-item-inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -2px;
	}
	#entry-topics-4 .fig-box .fig-item-inner figure{
		padding: 0 2px;
		box-sizing: border-box;
	}
	#entry-topics-4 .fig-box .fig-item1 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-4 .fig-box .fig-item1 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
		width: 50%;
	}

	#entry-topics-4 .fig-box .fig-item2 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-4 .fig-box .fig-item2 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
	}


	#entry-topics-4 .fig-box .fig-item p{
		padding: 20px;
	}




}


@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
	------------------------------------------------------------------*/

	.fig-cap{
		padding: 20px 0 0;
	}

	/* #entry-topics-1 */

	#entry-topics-1 .fig-box .fig-item h5{
		text-align: center;
		line-height: 45px;
		color: #fff;
		font-weight: bold;
	}
	#entry-topics-1 .fig-box .fig-item + .fig-item{
		margin-top: 20px;
	}

	#entry-topics-1 .fig-box .fig-item1 h5{
		background: #af9e48;
	}
	#entry-topics-1 .fig-box .fig-item2 h5{
		background: #af9e48;
	}
	#entry-topics-1.fig-cap{
		padding: 15px 0 0;
	}
	#entry-topics-1 .fig-box1 .fig-item-wrap{
		margin: 0 -7px;
	}
	#entry-topics-1 .fig-box1 .fig-item{
		position: relative;
		margin: 0 7px;
		background: #fff;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner-wrap{
		padding: 5px;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -2px;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure{
		padding: 0 2px;
		box-sizing: border-box;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-1 .fig-box1 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
		width: 50%;
	}
	#entry-topics-1 .fig-box1 .fig-item p{
		padding: 20px;
	}


	/* #entry-topics-3 */

	#entry-topics-3 .fig-box {
		margin-top: 50px;
		background: #fff;
	}
	#entry-topics-3 .fig-box .fig-item{
		padding: 5px;
	}
	#entry-topics-3 .fig-box .fig-item figure + figure{
		margin-top: 5px;
	}



	/* #entry-topics-4 */

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

	#entry-topics-4 .fig-box .fig-item h5{
		text-align: center;
		line-height: 45px;
		color: #fff;
		font-weight: bold;
	}
	#entry-topics-4 .fig-box .fig-item1 h5{
		background: #c9716a;
	}
	#entry-topics-4 .fig-box .fig-item2 h5{
		background: #d5823b;
	}
	#entry-topics-4.fig-cap{
		padding: 15px 0 0;
	}
	#entry-topics-4 .fig-box .fig-item-wrap{
		margin: 0 -7px;
	}
	#entry-topics-4 .fig-box .fig-item{
		position: relative;
		margin: 0 7px;
		background: #fff;
	}
	#entry-topics-4 .fig-box .fig-item-inner-wrap{
		padding: 5px;
	}
	#entry-topics-4 .fig-box .fig-item-inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -2px;
	}
	#entry-topics-4 .fig-box .fig-item-inner figure{
		padding: 0 2px;
		box-sizing: border-box;
	}
	#entry-topics-4 .fig-box .fig-item1 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-4 .fig-box .fig-item1 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
		width: 50%;
	}

	#entry-topics-4 .fig-box .fig-item2 .fig-item-inner figure:nth-child(1){
		width: 100%;
	}
	#entry-topics-4 .fig-box .fig-item2 .fig-item-inner figure:nth-child(n+2){
		margin-top: 5px;
	}


	#entry-topics-4 .fig-box .fig-item p{
		padding: 20px;
	}



}

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