html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:0 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
nav,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:none;
}
ins{
text-decoration:none;
}
ins,mark{
background-color:#ff9;
color:#252525;
}
mark{
font-style:italic;
font-weight:700;
}
del{
text-decoration:line-through;
}
abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input,select{
vertical-align:middle;
}

body{
width:100%;
background:#fff;
color: #252525;
font-size: 10px;
font-family: 'Roboto', 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
line-height:1.5;
overflow-x: hidden;
}
a {
color:#252525;
outline:none;
text-decoration:none;
}
a:hover {
opacity:.7;
}
input[type="button"]:hover ,
input[type="submit"]:hover {
opacity:.7;
cursor:pointer;
}
img {
max-width:100%;
outline:none;
vertical-align:bottom;
}
.none{
display: none;
}

.clearfix:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.clearfix {
min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
height: 1px;
/*\*//*/ /*MAC IE5.x対策*/
height: auto;
overflow: hidden;
/**/
}
/* .clearfix */

.pcHide {
display:none;
}

.en {
font-family: 'Roboto', sans-serif;
}

.boxo{
	opacity: 0.7;
	cursor: pointer;
}

#wrap{
	padding: 150px 0 0;
	overflow: hidden;
}
.inner {
	max-width: 1200px;
	margin: 0 auto;
}
.inner-line {
	margin-top: 50px;
	border-top: 1px solid #DFDFDF;
}

/* head */
#head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #C9C9C9;
	z-index: 10;
}
#head .logo{
	height: 76px;
	padding: 22px 30px 0;
	box-sizing: border-box;
	line-height: 1.3;
}
#head .logo a{
	display: inline-block;
}
#head .logo .area{
	position: absolute;
	top: 0;
	left: 230px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-width: 104px;
	height: 60px;
	padding: 0 10px 12px;
	background: #F06400;
	border-radius: 0 0 10px 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1.3;
}
#head .top{
	display: none;
	position: absolute;
	top: 26px;
	left: 360px;
	padding-right: 14px;
	font-size: 14px;
}
#head .top a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
#head .link {
	position: absolute;
	top: 22px;
	right: 324px;
}
#head .link li{
	float: left;
	margin-left: 10px;
}
#head .link .btn{
	width: 128px;
	margin: -5px 15px 0 0;
	border-radius: 8px;
	border: 1px solid #F06400;
	font-size: 16px;
	font-weight: bold;
}
#head .link img{
	width: 28px;
}
#head .link .btn a{
	position: relative;
	display: block;
	height: 36px;
	padding: 0 0 0 38px;
	box-sizing: border-box;
	background: url(/img/ico1.png) no-repeat 13px center;
	background-size: 19px auto;
	line-height: 36px;
}
#head .link .btn a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #F06400;
    border-bottom: 1px solid #F06400;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}

#head .nav {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: bold;
}
#head .nav li{
	float: left;
	width: 76px;
	box-sizing: border-box;
}
#head .nav li span,
#head .nav li a{
	display: block;
	width: 76px;
	height: 76px;
	padding-top: 45px;
	text-align: center;
	box-sizing: border-box;
}
#head .nav li span:hover{
	cursor: pointer;
	opacity:.7;
}
#head .nav .area span{
	background: #F06400 url(/img/ico2.png) no-repeat center 10px;
	color: #fff;
}
#head .nav .company a{
	background: #FAF1EC url(/img/ico8.png) no-repeat center 12px;
}
#head .nav .search span{
	font-size: 12px;
	background: url(/img/ico3.png) no-repeat center 12px;
	border-left: 1px solid #C9C9C9;
}
#head .nav .menu span{
	font-size: 12px;
	background: url(/img/ico4.png) no-repeat center 14px;
	border-left: 1px solid #C9C9C9;
}
#head .nav .act span{
	background: url(/img/ico6.png) no-repeat center 16px;
}
#head .nav .area.act span{
	background: #F06400 url(/img/ico12.png) no-repeat center 16px;
}
#head .category{
	position: relative;
	margin-bottom: -1px;
	padding: 0 0 0 10px;
	border-top: 1px solid #C9C9C9;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 4px solid #EEEEEE;
}
#head .category .larw,
#head .category .rarw{
	position: fixed;
	width: 50px;
	height: 46px;
	z-index: 3;
	cursor: pointer;
}
#head .category .larw{
	display: none;
	left: 0;
	background: url(/img/bg4.png) no-repeat left center;
}
#head .category .rarw{
	right: 0;
	background: url(/img/bg5.png) no-repeat right center;
}
#head .category ul{
	position: relative;
	height: 52px;
	margin-bottom: -4px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	z-index: 2;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#head .category li{
	position: relative;
	display: inline-block;
	margin: 0 20px;
	z-index: 5;
}
#head .category li a{
	display: block;
	padding: 12px 0;
}
#head .category li a:hover{
	color: #F06400;
	opacity: 1;
}
#head .category .act{
	margin-bottom: -4px;
	border-bottom: 4px solid #F06400;
}

#head .sub-category{
	display: none;
	background: #FAF1EC;
}
#head .sub-category ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 26px;
	padding: 15px 0;
}
#head .sub-category li {
	width: 280px;
	margin-bottom: 7px;
}
#head .sub-category li a{
	position: relative;
	display: block;
	padding: 8px 0 8px 25px;
	font-size: 16px;
}
#head .sub-category li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 16px;
    left: 12px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
#head .sub-category li.act a{
	background: #fff;
	border-radius: 12px;
	color: #F06400;
	font-weight: bold;
}
#head .sub-category li.act a:after {
    border-left: 1px solid #F06400;
    border-bottom: 1px solid #F06400;
}
@media screen and (max-width: 1300px) {
	#head .logo .area,
	#head .top{
		display: none !important;
	}
	#head .area-name{
		display: block;
        padding: 5px 15px;
        border-top: 1px solid #CECECE;
        background: #F06400;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
	}
	#head .area-name a{
		display: block;
		margin: -5px -15px;
        padding: 5px 15px;
        color: #fff;
	}
}
@media screen and (max-width: 750px) {
	#head {
		transition: 0.5s all;
	}
	#head .logo{
		width: 120px;
		height: 50px;
		margin-left: 15px;
		padding: 16px 0 0 0;
	}
	#head .logo img{
		vertical-align: top;
	}
	#head .logo .area,
	#head .top,
	#head .link{
		display: none;
	}
	#head .nav li{
		width: 50px;
	}
	#head .nav li span,
	#head .nav li a{
		width: 50px;
		height: 50px;
		padding: 0;
		font-size: 0;
	}
	#head .nav .area span{
		background: #F06400 url(/img/ico2.png) no-repeat center center;
		background-size: auto 18px;
	}
	#head .nav .company a{
		background: #FAF1EC url(/img/ico8.png) no-repeat center center;
		background-size: auto 17px;
	}
	#head .nav .search span{
		font-size: 0;
		background: url(/img/ico3.png) no-repeat center center;
		background-size: auto 18px;
	}
	#head .nav .menu span{
		font-size: 0;
		background: url(/img/ico4.png) no-repeat center center;
		background-size: auto 14px;
	}

	#head .category{
		position: relative;
		padding-right: 0;
	}
	#head .category .larw, #head .category .rarw{
		height: 40px;
	}
	#head .category ul{
		height: 44px;
		overflow-x: auto;
		white-space: nowrap;
	}
	#head .category li{
		margin: 0 13px;
	}
	#head .category li a{
		padding: 8px 0;
	}
	#head .sub-category ul{
		padding: 15px;
	}
}


/* side-nav */
#side-nav{
	display: none;
	position: fixed;
	top: 77px;
	right: 0;
	width: 375px;
	max-height: calc(100% - 77px);
	padding: 56px 0 30px;
	background: #F2F1EA;
	border-radius: 20px 0 0 20px;
	font-size: 16px;
	z-index: 12;
	box-sizing:  border-box;
	overflow-y: auto;
}
#side-nav h2 {
	margin: 0 20px;
	font-size: 18px;
}
#side-nav .close {
	position: absolute;
	top: 16px;
	right: 20px;
	padding-right: 26px;
	background: url(/img/ico6.png) no-repeat right center;
}
#side-nav .close.btm {
	position: static;
	width: 74px;
	margin: 20px auto 0;
	text-align: center;
}
#side-nav .close:hover {
	cursor: pointer;
	opacity: 0.8;
}
#side-nav .search-text {
	width: 300px;
    margin: 20px auto 0;
    font-size: 14px;
}
#side-nav .act{
	background: #F06400;
}
#side-nav .menu-list1{
	display: flex;
	flex-wrap: wrap;
	column-gap: 8px;
	margin: 20px 0 0 23px;
}
#side-nav .menu-list1 li{
	width: 104px;
	margin-bottom: 8px;
	text-align: center;
}
#side-nav .menu-list1 li a{
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	height: 60px;
	border: 1px solid #252525;
	border-radius: 12px;
	background: #fff;
	line-height: 1.3;
	box-sizing: border-box;
}
#side-nav .menu-list1 li a:hover{
	background: #F06400;
	border: 1px solid #F06400;
	color: #fff;
	opacity: 1;
}

#side-nav .menu-list2 {
	margin-top: 30px;
	border-bottom: 1px solid #CECDCA;
}
#side-nav .menu-list2 li a{
	position: relative;
	display: block;
	border-top: 1px solid #CECDCA;
	padding: 20px 26px;
}
#side-nav .menu-list2 li a:hover{
	background: #F06400;
	border-top: 1px solid #F06400;
	color: #fff;
	opacity: 1;
}
#side-nav .menu-list2 li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
#side-nav .menu-list2 li a:hover:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	opacity: 1;
}
#side-nav .menu-list2 li .sub-category{
	display: none;
}

#side-nav .menu-list2 li.sub li a:hover{
	color: #252525;
	background: none;
	border: none;
    border-top: 1px solid #CECDCA;
}

#side-nav .menu-list2 li.sub.act a{
	color: #fff;
}
#side-nav .menu-list2 li.sub.act{
	padding-bottom: 20px;
}
#side-nav .menu-list2 li.sub.act a:after{
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotateZ(-45deg);
}
#side-nav .menu-list2 li .sub-category{
	margin: 0 15px;
	padding: 0 20px;
	background: #fff;
	border-radius: 12px;
}
#side-nav .menu-list2 li.sub .sub-category a{
	padding: 10px 0;
	border-top: 1px dotted #898989;
	color: #252525;
	font-size: 14px;
}
#side-nav .menu-list2 li.sub .sub-category a:hover{
	color: #F06400;
	font-weight: bold;
	background: none;
}
#side-nav .menu-list2 li.sub .sub-category li:nth-child(1) a{
	border: none;
}
#side-nav .menu-list2 li.sub .sub-category .act{
	background: none;
}
#side-nav .menu-list2 li.sub .sub-category .act a{
	color: #F06400;
	font-weight: bold;
}

#side-nav .top-block{
	margin: 70px 0 30px;
}
#side-nav .top-block .menu-list2{
	margin-top: 20px;
}
#side-nav .top-block .top-link{
	position: relative;
	margin: 20px 0 0;
	padding-right: 40px;
	text-align: right;
}
#side-nav .top-block .top-link a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}

#side-nav .menu-list3 {
	width: 320px;
	margin: 0 auto;
}
#side-nav .menu-list3 li{
	position: relative;
	margin-top: 20px;
	padding-left: 1em;
}
#side-nav .menu-list3 li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}

#side-nav .menu-btn {
	width: 320px;
	margin: 30px auto 0;
}
#side-nav .menu-btn li {
	margin-bottom: 8px;
}
#side-nav .menu-btn a {
	position: relative;
	display: block;
	padding: 11px;
	border: 1px solid #252525;
	background: #fff;
	border-radius: 26px;
	text-align: center;
}
#side-nav .menu-btn a:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 13px;
	height: 10px;
	margin: auto 18px;
	background: url(/img/arw2.png) no-repeat;
}
#side-nav .menu-btn .ad a {
	border: 1px solid #F06400;
}
#side-nav .menu-btn .ad a:before{
	position: relative;
	display: inline-block;
	width: 24px;
	height: 21px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background: url(/img/ico1.png) no-repeat;
	background-size: 24px auto;
}

#side-nav .sns{
	display: flex;
	justify-content: space-between;
	width: 320px;
	margin: 30px auto 0;
}
#side-nav .sns img{
	max-height: 40px;
}

#side-nav .contact{
	width: 320px;
	margin: 30px auto 0;
}
#side-nav .contact a{
	display: block;
	padding: 14px;
	border: 1px solid #252525;
	background: #fff;
	border-radius: 12px;
	text-align: center;
}
#side-nav .contact a:before {
    display: inline-block;
    content: '';
    width: 27px;
    height: 22px;
    margin-right: 14px;
    background: url(/img/mail2.png) no-repeat;
    vertical-align: middle;
}

#side-nav .area {
	padding-bottom: 60px;
}
#side-nav .area dl {
	margin-top: 20px;
	border-bottom: 1px solid #CECDCA;
}
#side-nav .area dt {
	position: relative;
	display: block;
	border-top: 1px solid #CECDCA;
	padding: 20px 26px;
}
#side-nav .area dt:after {
	display: block;
	content: '';
	position: absolute;
	top: 30px;
	right: 20px;
	width: 16px;
	height: 0;
	border-bottom: 3px solid #ADAAA2;
	vertical-align: top;
}
#side-nav .area dt:before {
	display: block;
	content: '';
	position: absolute;
	top: 30px;
	right: 20px;
	width: 16px;
	height: 0;
	border-bottom: 3px solid #ADAAA2;
	transform: rotateZ(-90deg);
	vertical-align: top;
}
#side-nav .area dt:hover {
	cursor: pointer;
	opacity: 0.8;
}
#side-nav .area dt.open {
	color: #F06400;
	font-weight: bold;
}
#side-nav .area dt.open:before {
	display: none;
}
#side-nav .area dd {
	display: none;
}
#side-nav .area dd ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 8px;
	margin: 0 0 0 26px;
}
#side-nav .area dd ul li{
	width: 158px;
	margin-bottom: 8px;
	text-align: center;
}
#side-nav .area dd ul li a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 60px;
	padding: 0 18px;
	border: 1px solid #252525;
	border-radius: 12px;
	background: #fff;
	text-align: left;
	line-height: 1.3;
	box-sizing: border-box;
}
#side-nav .area dd ul li a:hover{
	background: #F06400;
	border: 1px solid #F06400;
	color: #fff;
}


#side-nav .search .text,
#side-nav .search .select{
	width: 300px;
	margin: 0 auto;
}
#side-nav .search .text{
	margin-top: 20px;
}
#side-nav .search .select{
	padding-top: 8px;
}
#side-nav .search .select li{
	margin-top: 12px;
}
#side-nav .search .text input[type=text]{
	width: 100%;
	padding: 15px 18px;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 29px;
	box-sizing: border-box;
}
#side-nav .search .select select{
	width: 100%;
	height: 45px;
	padding: 10px 18px;
	border: 1px solid #707070;
    background: #fff url(/img/ico7.png) no-repeat right center;
	color: #252525;
	border-radius: 23px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#side-nav .search .select li .select-box{
	position: relative;
	display: inline-block;
	width: 100%;
	min-height: 45px;
    background: #fff;
	vertical-align: top;
	color: #252525;
	font-size: 16px;
	box-sizing: border-box;
}
#side-nav .search .select li .select-box .text{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 45px;
	margin: 0;
	padding: 10px 18px;
    color: #B4B4B4;
	box-sizing: border-box;
	z-index: 6;
}
#side-nav .search .select li .select-box .select-item {
	position: relative;
	min-height: 45px;
    padding: 0 50px 0 10px;
    border: 1px solid #707070;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
	z-index: 4;
	background: #fff;
}
#side-nav .search .select li .select-box .select-item:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50px;
	border-radius: 0 8px 8px 0;
	background: #707070;
	z-index: 5;
}
#side-nav .search .select li .select-box .select-btn{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 45px;
    border-radius: 0 8px 8px 0;
    background: #707070 url(/img/ico7.png) no-repeat right center;
	z-index: 5;
}
#side-nav .search .select li .select-box .select-btn:hover{
	opacity: 0.7;
}
#side-nav .search .select li .select-box .select-btn.on {
    background: #707070 url(/img/ico15.png) no-repeat right center;
}
#side-nav .search .select li .select-box .select-item li{
    display: inline-block;
	margin: 5px 5px 5px 0;
    padding: 5px 8px;
    background: #707070;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}
#side-nav .search .select li .select-box select{
	width: 100%;
	height: 45px;
	margin-right: 16px;
	padding: 10px 18px;
	border: 1px solid #707070;
    background: #fff url(/img/ico7.png) no-repeat right center;
	color: #252525;
	border-radius: 8px;
	box-sizing: border-box;
	color: #252525;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#side-nav .search .select li .select-box .item-list{
	display: none;
	position: relative;
    width: 100%;
    margin-bottom: 12px;
	padding: 0;
    color: #252525;
    font-size: 16px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
	z-index: 10;
}
#side-nav .search .select li .select-box .item-list ul{
	padding: 0 20px;
}
#side-nav .search .select li .select-box .item-list ul li{
    display: inline-block;
    margin: 8px 20px 0 0;
}
#side-nav .search .select li .select-box .item-list li label{
	position: relative;
	display: block;
	overflow: hidden;
    font-size: 14px;
}
#side-nav .search .select li .select-box .item-list li label.ck{
    color: #F06400;
}
#side-nav .search .select li .select-box .item-list li label input{
    vertical-align: top;
}
#side-nav .search .select li .select-box .item-list li label input[type="checkbox"]:checked {
    accent-color: #F06400;
}
#side-nav .search .select li .select-box + p{
	display: inline-block;
}


#side-nav .search .btn{
	width: 160px;
	margin: 20px auto 0;
}
#side-nav .search .btn input[type=submit]{
	width: 100%;
	height: 48px;
	padding: 0 0 0 30px;
	border: 1px solid #252525;
    background: #fff url(/img/ico3.png) no-repeat 30px center;
	background-size: 20px;
	border-radius: 24px;
	text-align: center;
	color: #252525;
	font-size: 16px;
	font-weight: bold;
}
#side-nav .search .keyword {
	margin-top: 30px;
	padding-left: 0;
	padding-bottom: 10px;
}
#side-nav .search .keyword dt{
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
#side-nav .search .keyword dd{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}
@media screen and (max-width: 750px) {
	#side-nav{
		top: 51px;
		width: 100%;
		max-height: calc(100% - 51px);
		border-radius: 0;
	}
}

.ov{
	display: none;
	content: '';
	position: fixed;
	top: 77px;
	right: 0;
	width: 100%;
	height: 100%;
	background: #F06400;
	opacity: 0.8;
	z-index: 11;
}


/* foot */
#foot{
    position: relative;
	margin-top: 24px;
	padding: 46px 0 20px;
	border-top: 1px solid #C9C9C9;
}
#foot ul{
	padding: 0 30px;
}
#foot ul li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
}
#foot ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
#foot p{
	margin-top: 20px;
	padding: 0 30px;
	font-size: 14px;
}
#foot p.contact{
	position: absolute;
	top: 38px;
	right: 30px;
	width: 250px;
	margin: 0;
	border: 1px solid #252525;
	border-radius: 12px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#foot p.contact a{
	display: block;
	padding: 19px;
}
#foot p.contact a:before{
	display: inline-block;
	content: '';
	width: 27px;
	height: 22px;
	margin-right: 14px;
	background: url(/img/mail2.png) no-repeat;
	vertical-align: middle;
}
#foot .copy{
	margin-top: 40px;
	border-top: 1px solid #C9C9C9;
	text-align: right;
	color: #707070;
	font-size: 12px;
}

@media screen and (max-width: 750px) {
	#foot{
		padding: 30px 0;
	}
	#foot p.contact{
		position: relative;
		top: 0;
		right: 0;
		width: 250px;
		margin: 0 auto;
	}
	#foot ul {
		margin-top: 30px;
		padding: 0 25px;
	}
	#foot ul li{
		display: block;
		margin-bottom: 20px;
	}
	#foot p{
		text-align: center;
		font-size: 16px;
	}
	#foot p a{
		display: inline-block;
		margin: 0 5px;
	}
	#foot .copy p{
		padding: 0;
		font-size: 12px;
	}
}

/* main */
.top-ttl{
	padding: 10px 30px;
	font-size: 24px;
	font-weight: bold;
}

.keyword{
	position: relative;
	margin: 0 25px 0;
	padding-left: 150px;
}
.keyword dt{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin-right: 30px;
	padding-left: 20px;
	background: url(/img/ico5.png) no-repeat left center;
	font-size: 14px;
}
.keyword dd{
	display: inline-block;
	margin-right: 20px;
	font-size: 16px;
}
.keyword dd a{
	text-decoration: underline;
}
.keyword dd a:hover{
	color: #F06400;
}

@media screen and (max-width: 1300px) {
	.inner{
		padding: 0 15px;
	}
	#wrap.area-page{
		padding-top: 190px;
	}
}

@media screen and (max-width: 750px) {
	#wrap{
		padding-top: 100px;
		overflow: hidden;
	}
	#wrap.area-page{
		padding-top: 140px;
	}
	.inner{
		padding: 0 15px;
	}
	.inner-line + .inner-line{
		border-top: none;
	}
	.pcHide {
		display: block;
	}
	.spHide {
		display: none;
	}
	.top-ttl{
		padding: 10px 15px;
		font-size: 18px;
	}
	.keyword{
		margin: 0 15px;
		padding: 0;
	}
	.keyword dl{
		overflow-x: auto;
		white-space: nowrap;
	}
	.keyword dt{
		display: none;
	}
	.keyword dd{
		font-size: 14px;
	}
	
}


.list-ttl{
	position: relative;
	margin-top: 50px;
	padding-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
.list-ttl:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	background: #F06400;
	border-radius: 50%;
}
.list-ttl .sub{
	display: block;
	margin-top: -10px;
	font-size: 12px;
	font-weight: bold;
}

.main-list {
	display: flex;
	flex-wrap: wrap;
	margin: -20px -13px 0;
}
.main-list .box{
	position: relative;
	width: 280px;
	margin: 40px 13px 0;
	font-size: 14px;
}
.main-list .box a{
	display: block;
}
.main-list .box p{
	margin-top: 5px;
}
.main-list .box .img{
	position: relative;
	margin: 0 0 12px;
}
.main-list .box .img img{
	width: 280px;
	height: 280px;
    object-fit: contain;
	background: #F2F1EA;
	border-radius: 10px;
}
.main-list .box .area{
	display: inline-block;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px 8px;
	background: #707070;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
}
.main-list .box .tag{
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 3px 10px;
	background: #F06400;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.main-list .box .tag-box{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.main-list .box .tag-box .tag{
	position: relative;
	bottom: 0;
	left: 0;
	display: inline-block;
	margin: 5px 5px 0 0;
}
.main-list .box .date{
	color: #707070;
	font-size: 14px;
}
.main-list .box .area + .date{
	float: right;
	margin-top: 0;
	line-height: 30px;
}
.main-list .box .ttl{
	font-size: 20px;
	font-weight: bold;
}
.main-list .box .txt{
	margin-top: 10px;
	font-size: 16px;
}
.main-list .box .rank-no{
	position: absolute;
	top: -25px;
	left: 25px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #F67E04;
	font-size: 52px;
	font-weight: normal;
	z-index: 5;
	line-height: 1;
}
.main-list + .btn-type1{
	margin-top: 40px;
	overflow: hidden;
}
.main-list + .btn-type1 a{
	float: right;
	padding: 11px 45px 11px 35px;
}
.bg-right .tab-area .tab-block{
	margin-top: 30px;
}
.bg-right .main-list + .btn-type1{
	text-align: center;
}
.bg-right .main-list + .btn-type1 a{
	float: none;
	display: inline-block;
}
.main-list + .btn-type2{
	margin-top: 40px;
	text-align: center;
}
.main-list + .btn-type2 a{
	display: inline-block;
	vertical-align: top;
	padding: 11px 35px;
}
.main-list + .btn-type2 a.btn-hide{
	opacity: 0;
	z-index: -1;
}
.main-list + .btn-type2 + .btn-type1 a{
	float: right;
	margin-top: -48px;
	padding: 11px 45px 11px 35px;
	vertical-align: top;
}

.main-list .box.rank1{
	position: relative;
	width: 365px !important;
}
.main-list .box.rank1 .img img {
    width: 365px;
    height: 365px;
}

.main-slide{
	width: 980px;
	min-height: 515px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.main-slide .main-list{
	margin: -10px 0 0;
}
.main-slide .main-list .box{
	display: none;
	width: 310px;
}
.main-slide .main-list .box:nth-child(1),
.main-slide .main-list .box:nth-child(2),
.main-slide .main-list .slick-list .box{
	display: block;
}
.main-slide .main-list .box .img img{
	width: 310px;
	height: 310px;
}
.main-slide .main-list .box .area{
	padding: 3px 8px;
	font-size: 14px;
}
.main-slide .main-list .box p{
	font-size: 16px;
}
.main-slide .main-list .box .ttl{
	font-size: 24px;
}
.main-slide .main-list .box .txt{
	margin-top: 0;
}

#main .slick-list{
	overflow: visible;
}
#main .slick-slider{
	display: block;
	margin-left: 0;
}
#main .tab-area .tab-block .slide1.slick-slider{
	margin-left: 0;
}
.slick-slider .slick-disabled{
	display: none !important;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover{
	cursor: pointer;
	opacity: 0.7;
}
.slick-slider .slick-prev,
.slick-slider .slick-next{
	position: absolute;
	top: 154px;
	width: 40px;
	height: 40px;
	border: none;
	font-size: 0;
	z-index: 5;
}
.slick-slider .slick-prev{
	left: -10px;
	background: url(/img/prev.png) no-repeat left center;
	background-size: contain;
}
.slick-slider .slick-next{
	right: -10px;
	background: url(/img/next.png) no-repeat left center;
	background-size: contain;
}
.slide1.slick-slider .slick-prev,
.slide1.slick-slider .slick-next{
	top: inherit;
	bottom: -20px;
	width: 40px;
	height: 40px;
}
.slide1.slick-slider .slick-prev{
	left: 110px;
}
.slide1.slick-slider .slick-next{
	right: 110px;
}

.slick-dots{
	display: flex;
	margin: 30px 70px 0;
	height: 4px;
	border-radius: 2px;
	font-size: 0;
	overflow: hidden;
}
.slide1 .slick-dots{
	margin: 50px 180px 0;
}
.slick-dots li{
	width: 100%;
}
.slick-dots li button{
	width: 100%;
	background: #EEEEEE;
	border: none;
	height: 4px;
	font-size: 0;
	overflow: hidden;
}
.slick-dots li.slick-active button{
	background: #F06400;
}
.main-slide .slick-slider .slick-prev,
.main-slide .slick-slider .slick-next{
	top: inherit;
	bottom: -20px;
	width: 40px;
	height: 40px;
}
.main-slide .slick-slider .slick-prev{
	left: 0;
	background: url(/img/prev.png) no-repeat left center;
	background-size: contain;
}
.main-slide .slick-slider .slick-next{
	right: 0;
	background: url(/img/next.png) no-repeat left center;
	background-size: contain;
}
@media screen and (max-width: 1250px) {
	.main-list{
		margin: -20px -1vw 0;
	}
	.main-list .box{
		width: 22.4vw;
		margin: 40px 1vw 0;
	}
	.main-list .box .img img{
		width: 22.4vw;
		height: 22.4vw;
	}
}
@media screen and (max-width: 1020px) {
	.main-list .box{
		margin: 40px 0.8vw 0;
	}
	.main-slide{
		width: auto;
		margin: 0 15px;
	}
}
@media screen and (max-width: 750px) {
	.list-ttl{
		font-size: 22px;
	}
	.main-list{
		display: block;
		margin: 0;
	}
	.main-list .box{
		position: relative;
		width: 100%;
		min-height: 150px;
		margin: 10px 0 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #E5E5E5;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 1.4;
	}
	.main-list .box a{
		overflow: hidden;
	}
	.main-list .box p{
		margin-left: 120px;
	}
	.main-list .box .img{
		float: left;
		width: 100px;
		margin-right: 20px;
	}
	.main-list .box .img img{
		width: 100px;
		height: 100px;
	}
	.main-list .box p{
		font-size: 16px;
	}
	.main-list .box .ttl{
		font-size: 18px;
	}
	.main-list .box .area{
		margin-left: 0;
	}
	.main-list .box .date{
		font-size: 14px;
	}
	.main-list .box .area + .date{
		float: none;
		margin-left: 0;
	}
	.main-list .box .tag{
		position: relative;
		left: 0;
		bottom: 0;
		display: inline-block;
		margin: 7px 0 0;
		padding: 3px 8px;
        box-sizing: border-box;
        text-align: center;
	}
	.main-list .box .tag-box{
		position: relative;
		left: 0;
		bottom: 0;
		display: block;
		margin: 2px 0 0;
	}
	.main-list .box .tag-box .tag{
		display: inline-block;
		margin: 5px 5px 0 0;
	}
	.main-list + .btn-type1{
		text-align: center;
	}
	.main-list + .btn-type2 + .btn-type1{
		text-align: center;
	}
	.main-list + .btn-type2 + .btn-type1 a{
		float: none;
		display: inline-block;
		margin-top: 20px;
	}
	.main-list + .btn-type1 a{
		float: none;
		display: inline-block;
	}
	.main-list .box .rank-no{
		top: -15px;
    	left: 5px;
		font-size: 32px;
	}
	.bg-right .main-list .box{
		margin-top: 20px;
	}
	.main-list .box.rank1 {
		position: relative;
		width: auto !important;
        min-height: 196px;
	}
	.main-list .box.rank1 .img{
		width: 152px;
	}
	.main-list .box.rank1 .img img{
		width: 152px;
		height: 152px;
	}
	.main-slide{
		width: 240px;
		min-height: 1em;
		margin: 30px auto 0;
	}
	.main-slide .main-list .box{
		width: 240px;
		margin: 0 13px 0;
		padding-left: 0;
		border-bottom: none;
	}
	.main-slide .main-list .box p{
		margin-left: 0;
	}
	.main-slide .main-list .box .img{
		position: relative;
		width: 240px;
	}
	.main-slide .main-list .box .img img{
		width: 240px;
		height: 240px;
	}
	.main-slide .main-list .box .tag{
		position: absolute;
		bottom: 10px;
    	left: 10px;
		width: auto;
	}
	.main-slide .main-list .box .tag-box{
		position: absolute;
		bottom: 10px;
    	left: 10px;
		margin: 0;
	}
	.main-slide .main-list .box .tag-box .tag{
		position: relative;
		bottom: 0;
		left: 0;
		margin: 3px 3px 0 0;
		padding: 3px 5px;
	}
	.main-slide .main-list .box .date{
		float: right;
		font-size: 14px;
	}
	.main-slide .main-list .box .date.left{
		float: none;
	}
	.main-slide .main-list .box .ttl {
		clear: both;
	}
	.main-slide .slick-slider .slick-prev,
	.main-slide .slick-slider .slick-next{
		bottom: -15px;
		width: 28px;
		height: 28px;
	}
	.main-slide .slick-slider .slick-prev{
		left: -50px;
	}
	.main-slide .slick-slider .slick-next{
		right: -50px;
	}
	.slick-dots{
		margin: 30px -15px 0;
	}
}

.area-wrap {
	display: flex;
	justify-content: space-between;
}
.area-wrap .block{
	width: 47.5%;
	max-width: 570px;
}
.area-wrap .block2{
	width: 47.5%;
	max-width: 570px;
	margin-top: 60px;
	padding: 30px;
	border: 1px solid #C9C9C9;
	border-radius: 20px;
	box-sizing: border-box;
}
.area-wrap .block2 .list-ttl,
.area-wrap .block2-s .list-ttl{
	margin-top: 0;
}
.area-wrap .main-list{
	display: block;
	margin: 20px 0 0;
}
.area-wrap .main-list .box{
	width: 100%;
	min-height: 132px;
	margin: 0 0 15px;
	padding-left: 137px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #707070;
	box-sizing: border-box;
}
.area-wrap .block-s{
	width: 100%;
}
.area-wrap .block-s .main-list,
.area-wrap .block2-s .main-list{
	display: flex;
	column-gap: 5%;
}
.area-wrap .block-s .box,
.area-wrap .block2-s .box{
	width: 47.5%;
}
.area-wrap .block2-s{
	width: 100%;
	margin-top: 60px;
	padding: 30px;
	border: 1px solid #C9C9C9;
	border-radius: 20px;
	box-sizing: border-box;
}
.area-wrap .main-list .box .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
}
.area-wrap .main-list .box .img img{
	width: 120px;
	height: 120px;
}
.area-wrap .main-list .box .area{
	margin-right: 10px;
	margin-bottom: 0;
}
.area-wrap .main-list .box .date{
	display: inline-block;
	float: none;
}
.area-wrap .btn-type1 {
	margin-top: 30px;
}
.area-wrap .btn-type1 a{
	float: right;
	padding: 11px 45px 11px 35px;
}
.area-wrap .btn-type1 a.anc:after{
    width: 10px;
    height: 13px;
    background: url(/img/arw3.png) no-repeat;
}
.area-wrap .desk-list{
	margin-top: 20px;
}
.area-wrap .desk-list li{
	padding: 12px;
	margin-bottom: 16px;
	background: #F7F6F4;
	border-radius: 8px;
	font-size: 16px;
}
.area-wrap .desk-list .date{
	display: block;
	color: #707070;
	font-size: 14px;
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 750px) {
	
	.area-wrap{
		display: block;
	}
	.area-wrap .block,
	.area-wrap .block2{
		width: 100%;
		min-width: 1em;
	}
	.area-wrap .block2{
		padding: 20px 15px;
	}
	.area-wrap .block2 + .block2{
		margin-top: 20px;
	}
	.area-wrap .block2 .btn-type1{
		margin-top: 20px;
		text-align: center;
	}
	.area-wrap .block2 .btn-type1 a{
		float: none;
		display: inline-block;
		padding: 11px 40px;
	}
	.area-wrap .main-list .box{
		padding-left: 0;
	}
	.area-wrap .main-list .box p{
		margin-left: 137px;
	}
	.area-wrap .main-list .box .img{
		margin-left: 0;
	}
	.list-ttl .sub{
		margin: 0;
		font-size: 16px;
	}
	.area-wrap .block-s .main-list,
	.area-wrap .block2-s .main-list{
		display: block;
	}
	.area-wrap .block-s .box,
	.area-wrap .block2-s .box{
		width: 100%;
	}
	.area-wrap .block2-s{
		padding: 20px 15px;
	}
}

.tab-area .list-ttl{
	display: inline-block;
}
.tab-area .tab-block{
	margin-top: 10px;
}
.tab-area .tab-block.act{
	display: block;
}
.tab-menu{
	position: relative;
	display: inline-block;
	margin-left: 35px;
	font-size: 16px;
	z-index: 2;
}
.tab-menu li{
	display: inline-block;
	width: 80px;
	margin-right: 5px;
	padding: 1px;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 8px;
	text-align: center;
}
.tab-menu li:hover {
	opacity: 0.7;
	cursor: pointer;
}
.tab-menu .act {
	border: 1px solid #F06400;
	background: #F06400;
	color: #fff;
}

.sp-tab .tab-btn{
	display: none;
}
@media screen and (max-width: 750px) {
	.tab-area .list-ttl{
		margin-bottom: 20px;
	}
	.tab-menu{
		display: flex;
		column-gap: 10px;
		margin: 0;
	}
	.tab-menu li{
		width: 100%;
		margin: 0;
		padding: 6px;
	}
	.tab-area .tab-block{
		margin-top: 25px;
	}
	
	.sp-tab .tab-btn{
		display: block;
		margin-top: 30px;
		padding-left: 6px;
		border-bottom: 1px solid #707070;
	}
	.sp-tab .tab-btn li{
		position: relative;
		display: inline-block;
		margin: 0 6px -1px;
		padding: 7px;
		border: 1px solid #707070;
		border-radius: 8px 8px 0 0;
		background: #EEEEEE;;
		font-size: 16px;
		font-weight: bold;
	}
	.sp-tab .tab-btn li.act {
		background: #fff;
		border-bottom: 1px solid#fff;
	}
	.sp-tab .list-ttl,
	.sp-tab .tab-box {
		display: none;
	}
	.sp-tab .tab-box {
		padding-top: 25px;
	}
	.sp-tab .tab-btn + .tab-box{
		display: block;
	}
	.sp-tab .bg-right,
	.sp-tab .bg-left{
		margin: 0;
		padding: 0;
		background: none;
	}
	
}

.btn-type1 a{
	position: relative;
	display: block;
	padding: 11px 21px 11px 11px;
	border-radius: 26px;
	border: 1px solid #252525;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
}
.btn-type1 a:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 13px;
	height: 10px;
	margin: auto 18px;
	background: url(/img/arw2.png) no-repeat;
}
.btn-type2 a{
	position: relative;
	display: block;
	min-width: 150px;
	padding: 11px;
	border-radius: 26px;
	border: 1px solid #252525;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
}

.area-ttl{
	border-bottom: 1px solid #CCCCCC;
	font-size: 24px;
	font-weight: bold;
}
.area-ttl span{
	position: relative;
	display: inline-block;
	margin-bottom: -1px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F06809;
	z-index: 2;
}

.recruit{
	margin-top: 60px;
}
.recruit .inner{
	position: relative;
}
.recruit .sponsored{
	position: absolute;
	top: 10px;
	right: 0;
}
.recruit .sponsored a{
	color: #F06400;
	font-size: 16px;
	text-decoration: underline;
}

.recruit .list{
	display: flex;
	flex-wrap: wrap;
	column-gap: 18px;
	padding-top: 12px;
	font-size: 14px;
}
.recruit .list .box {
	width: 388px;
	margin-top: 18px;
	padding: 20px;
	background: #F7F6F4;
	border-radius: 15px;
	box-sizing: border-box;
}
.recruit .list .box .ico{
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 8px;
	background: #fff;
	border: 1px solid #F06400;
	border-radius: 8px;
	color: #F06400;
	font-weight: bold;
}
.recruit .list .box .ttl {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.recruit .list .box .info{
	margin-top: 10px;
	padding: 9px 12px;
	background: #FFFFFF;
}

@media screen and (min-width: 751px) and (max-width: 1300px) {
	.recruit .sponsored{
		right: 15px;
	}
	.recruit .list{
		column-gap: 2%;
	}
	.recruit .list .box{
		width: 32%;
	}
}
@media screen and (max-width: 750px) {

	.recruit .sponsored{
		right: 10px;
		font-size: 14px;
	}
}

.area-info{
	margin-top: 50px;
}
.area-info .inner{
    display: flex;
    justify-content: space-between;
}
.area-info .block {
    width: 47.5%;
    max-width: 570px;
}
.area-info .block h2{
	margin-bottom: 20px;
}
.area-info .block .tel,
.area-info .block .fax{
	color: #646464;
	font-size: 38px;
	font-weight: bold;
}
.area-info .block .tel:before,
.area-info .block .fax:before{
	content: '';
	display: inline-block;
	width: 27px;
	height: 28px;
	margin: 0 10px 0 15px;
	vertical-align: middle;
}
.area-info .block .tel:before{
	background: url(/img/ico9.png) no-repeat;
}
.area-info .block .fax:before{
	background: url(/img/ico10.png) no-repeat;
}
.area-info .block .btn {
	margin-top: 5px;
	overflow: hidden;
}
.area-info .block .btn li {
	float: left;
	width: 280px;
	margin-top: 10px;
}
.area-info .block .btn li:nth-child(2n) {
	float: right;
}
.area-info .block .btn li a{
	position: relative;
	display: block;
	padding: 7px 25px;
	border: 1px solid #707070;
	border-radius: 20px;
	font-size: 16px;
}
.area-info .block .btn li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
.area-info .block .link {
	margin-top: -20px;
}
.area-info .block .link li {
	float: left;
	width: 280px;
	margin-top: 28px;
	padding-left: 20px;
	box-sizing: border-box;
}
.area-info .block .link li:nth-child(2n) {
	float: right;
}
.area-info .block .link li a{
	position: relative;
	display: block;
	padding: 0 0 0 15px;
	font-size: 16px;
}
.area-info .block .link li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
@media screen and (max-width: 1300px) {
	.area-info .block .btn li,
	.area-info .block .btn li:nth-child(2n),
	.area-info .block .link li,
	.area-info .block .link li:nth-child(2n){
		float: none;
	}
}
@media screen and (max-width: 750px) {
	.area-info .inner{
		display: block;
	}
	.area-info .block{
		width: 100%;
		min-width: 1em;
	}
	.area-info .block + .block{
		margin-top: 50px;
	}
	.area-info .block .tel,
	.area-info .block .fax{
		font-size: 35px;
	}
	.area-info .block .btn{
		width: 300px;
		margin: 5px auto 0;
	}
	.area-info .block .btn li,
	.area-info .block .btn li:nth-child(2n){
		float: none;
		margin: 10px auto 0;
	}
	.area-info .block .link{
		margin: 0;
	}
	.area-info .block .link li,
	.area-info .block .link li:nth-child(2n){
		float: none;
		width: 100%;
	}
}

.category-box{
	margin: 60px 0 100px;
}
.category-box h4{
	margin-bottom: 10px;
	color: #F06400;
	font-size: 18px;
	font-weight: bold;
}
.category-box .list{
	padding: 10px 0 10px 40px;
	border: 6px solid #F6F5F0;
	border-radius: 12px;
}
.category-box .list ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 33px;
	overflow: hidden;
}
.category-box .list li{
	display: flex;
	align-items: center;
	width: 250px;
	margin: 16px 0 -1px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #898989;
	font-size: 16px;
}
.category-box .list li a:hover{
	color: #F06400;
	font-weight: bold;
	opacity: 1;
}
@media screen and (max-width: 1300px) {
	.category-box .list{
		padding: 10px 20px;
	}
	.category-box .list ul{
	column-gap: 2%;
	}
	.category-box .list li{
		width: 32%;
	}
}
@media screen and (max-width: 750px) {
	.category-box{
		margin-bottom: 0;
	}
	.category-box .list{
		padding: 10px 15px;
	}
	.category-box .list ul{
		display: block;
	}
	.category-box .list ul li{
		width: 100%;
	}
}



.bg-right {
	margin-top: 55px;
	padding-top: 10px;
	background: url(/img/bg2.png) no-repeat right top;
}
.bg-left {
	margin-top: 55px;
	padding-top: 10px;
	background: url(/img/bg1.png) no-repeat left top;
}
@media screen and (max-width: 750px) {
	.bg-right {
	background: none;
}
.bg-left {
	background: none;
}
}

.pr-bg {
	margin-top: 30px;
	padding: 24px 0;
	background: #F2F1EA;
	color: #707070;
	font-size: 14px;
}
.pr-bg .inner{
	overflow: hidden;
}
.pr-bg .block{
	float: left;
	width: 830px;
	display: flex;
	flex-wrap: wrap;
	margin-top: -36px;
	justify-content: space-between;
}
.pr-bg .block .box{
	width: 400px;
	margin-top: 30px;
}
.pr-bg .block .box p {
	margin-top: 8px;
}
.pr-bg .block .box p a {
	color: #707070;
	text-decoration: underline;
	word-break: break-all;
}
.pr-bg .adImg{
	display: flex;
	column-gap: 150px;
}
.pr-bg .block + .adImg{
	display: block;
	float: right;
	width: 300px;
}
.pr-bg .ttl{
	font-size: 16px;
	font-weight: bold;
}
.pr-bg a{
	font-size: 12px;
	text-decoration: underline;
}
.pr-bg .adImg img{
	width: 300px;
	height: 250px;
    object-fit: cover;
}
.pr-bg .block2{
	display: flex;
	flex-wrap: wrap;
	column-gap: 26px;
    margin-top: -20px;
    padding-bottom: 20px;
}
.pr-bg .block2 .box{
	width: 280px;
	margin-top: 30px;
}
.pr-bg .block2 .box p {
	margin-top: 8px;
}
.pr-bg .block2 .box p a {
	color: #707070;
	font-size: 14px;
	text-decoration: underline;
}
@media screen and (max-width: 1300px) {
	.pr-bg .block{
		width: calc(100% - 330px);
	}
	.pr-bg .block .box{
		width: 48%;
	}
	.pr-bg .block2{
		column-gap: 2%;
	}
	.pr-bg .block2 .box{
		width: 32%;
	}
}

@media screen and (max-width: 750px) {
	.pr-bg{
		font-size: 16px;
	}
	.pr-bg .ttl{
		font-size: 18px;
	}
	.pr-bg a{
		font-size: 14px;
	}
	.pr-bg .block{
		float: none;
		width: 100%;
	}
	.pr-bg .block .box{
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #d7d5c8;
	}
	.pr-bg .block .box:nth-child(3),
	.pr-bg .block .box:nth-child(4){
		display: none;
	}
	.pr-bg .adImg{
		display: block;
		width: 100%;
	}
	.pr-bg .adImg p{
		margin: 20px 0 0;
		text-align: center;
	}
	.pr-bg .adImg p:nth-child(1){
		margin: 0;
	}
	.pr-bg .block + .adImg{
		float: none;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.pr-bg .block + .adImg p{
		margin: 0;
	}
	.pr-bg .block2{
		display: block;
		margin-top: -20px;
		padding-bottom: 20px;
	}
	.pr-bg .block2 .box{
		width: 100%;
		margin-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #d7d5c8;
	}
	.pr-bg .block2 .box p.ttl{
		margin-bottom: 8px;
	}
	.pr-bg .block2 .box p{
		margin-top: 0;
	}
}


.ad-bnr1{
	position: relative;
	max-width: 980px;
	margin: 34px auto 0;
	padding: 20px 190px 20px 250px;
	border: 1px solid #F06400;
	border-radius: 16px;
	color: #707070;
	font-size: 16px;
	box-sizing: border-box;
}
.ad-bnr1 .ico{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 26px;
	display: flex;
	height: 60px;
	margin: auto 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.ad-bnr1 .ico .bg{
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 24px;
	padding: 0 12px;
	background: #F06400;
	border-radius: 12px;
	color: #fff;
}
.ad-bnr1 .ico .bg:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -19px;
	width: 20px;
	height: 15px;
	margin: auto 0;
	background: url(/img/arw1.png) no-repeat;
}
.ad-bnr1 .ttl{
	color: #F06400;
	font-size: 22px;
	font-weight: bold;
}
.ad-bnr1 .btn-type1{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 160px;
	height: 48px;
	margin: auto 28px;
}
@media screen and (max-width: 1020px) {
	.ad-bnr1{
		margin: 34px 15px 0;
	}
}
@media screen and (max-width: 750px) {
	.ad-bnr1{
		display:none
	}
}

.pr-bnr1{
	margin-top: 70px;
	padding: 55px 0;
	background: #F2F1EA;
}
.pr-bnr1 ul{
	margin: -30px 0 0 -40px;
	overflow: hidden;
}	
.pr-bnr1 ul li{
	display: inline-block;
	width: 370px;
	margin: 30px 0 0 40px;
	text-align: center;
}
.pr-bnr2{
	margin-top: 60px;
	padding: 50px 0;
	background: #F2F1EA;
}
.pr-bnr1 + .pr-bnr2{
	margin-top: 0;
	padding-top: 0;
}
.pr-bnr2 ul{
	overflow: hidden;
	margin-top: -30px;
	text-align: center;
}
.pr-bnr2 ul li{
	display: inline-block;
	margin-top: 30px;
}
.pr-bnr2 ul li:nth-child(2n){
	margin-left: 60px;
}
@media screen and (max-width: 1300px) {
	.pr-bnr1 ul {
		margin-left: -3%;
	}
	.pr-bnr1 ul li{
        float: none;
        display: inline-block;
        width: 30%;
        margin: 3.3% 0 0 3%;
	}
	.pr-bnr2 ul li{
		float: left;
		width: 47.5%;
		text-align: right;
	}
	.pr-bnr2 ul li:nth-child(2n){
		float: right;
		margin-left: 0;
		text-align: left;
	}
}
@media screen and (max-width: 750px) {
	.pr-bnr1{
		padding: 30px 0;
	}
	.pr-bnr1 ul{
		margin: 0;
	}
	.pr-bnr1 ul li{
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}
	.pr-bnr2{
		margin-top: 20px;
	}
	.pr-bnr2 ul li,
	.pr-bnr2 ul li:nth-child(2n){
		width: 100%;
		text-align: center;
	}
}

.top-album {
	margin-top: 60px;
	text-align: center;
	font-size: 16px;
}
.top-album p {
	color: #707070;
}
.top-album h2{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}
.top-album ul{
	margin-top: 50px;
}
.top-album li{
	display: inline-block;
	width: 290px;
	margin: 0 30px;
	vertical-align: top;
}
.top-album .ttl{
	position: relative;
	margin-bottom: 30px;
	color: inherit;
	font-size: 20px;
	font-weight: bold;
}
.top-album .ttl:after{
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	width: 22px;
	margin: 0 auto;
	border-bottom: 2px solid #F06400;
}
.top-album .img{
	margin-bottom: 20px;
}
.top-album .img img{
    width: 100%;
	max-width: 200px;
}
.top-album .btn-type1{
	width: 160px;
	margin: 30px auto 0;
}
@media screen and (max-width: 1300px) {
	.top-album li{
		width: 24%;
		margin: 0 2.5%;
	}
}
@media screen and (max-width: 750px) {
	.top-album{
		margin: 50px 30px;
	}
	.top-album ul{
		margin-top: 0;
	}
	.top-album li{
		display: block;
		width: 290px;
		margin: 30px auto 0;
	}
	.top-album .ttl{
		font-size: 18px;
	}
	.top-album .img{
		width: 150px;
		margin: 0 auto 20px;
	}
}

.link-wrap {
	margin-top: 45px;
}
.link-wrap .inner{
	display: flex;
	justify-content: space-between;
}
.link-wrap .box1{
	width: 66.6%;
}
.link-wrap .box2{
	width: 31.2%;
}
.link-wrap .present1{
	padding: 40px 40px 45px;
	border: 1px solid #C9C9C9;
	border-radius: 16px;
	text-align: center;
	box-sizing: border-box;
}
.link-wrap .present1 dt{
	font-size: 21px;
	font-weight: bold;
}
.link-wrap .present1 dt .color{
	position: relative;
	display: inline-block;
	margin-top: 6px;
	color: #F06400;
	font-size: 28px;
}
.link-wrap .present1 dt .color:before{
    content: '';
    position: absolute;
    bottom: 20px;
    left: -50px;
    width: 50px;
    border-bottom: 2px solid #F06400;
    transform: rotateZ(60deg);
}
.link-wrap .present1 dt .color:after{
    content: '';
    position: absolute;
    bottom: 20px;
    right: -50px;
    width: 50px;
    border-bottom: 2px solid #F06400;
    transform: rotateZ(-60deg);
}
.link-wrap .present1 dd{
	font-size: 16px;
	color: #707070;
}
.link-wrap .present1 dd p{
	margin-bottom: 16px;
}
.link-wrap .present1 dd ul{
	display: flex;
	justify-content: center;
	column-gap: 2%;
	margin-top: 20px;
}
.link-wrap .present1 dd ul li{
	width: 44.4%;
}
.link-wrap .present1 dd ul.area .btn-type1 a {
	border-radius: 36px;
}

.link-wrap .sponsor{
	padding: 26px 0;
	border: 1px solid #F06400;
	border-radius: 16px;
	text-align: center;
}
.link-wrap .sponsor dt{
	margin: 0 20px;
	color: #F06400;
	font-size: 22px;
	font-weight: bold;
}
.link-wrap .sponsor dd{
	margin: 0 20px;
	color: #707070;
	font-size: 16px;
}
.link-wrap .sponsor dd p{
	margin: 24px 20px 0;
}
.link-wrap .sponsor dd .ico {
    display: flex;
	width: 204px;
    height: 60px;
    margin: 24px auto 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}
.link-wrap .sponsor dd .ico .bg{
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 24px;
    padding: 0 0 0 12px;
    width: 116px;
    background: #F06400;
    border-radius: 12px;
    color: #fff;
    text-align: left;
}
.link-wrap .sponsor dd .ico .bg:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -19px;
	width: 20px;
	height: 15px;
	margin: auto 0;
	background: url(/img/arw1.png) no-repeat;
}
.link-wrap .sponsor dd .btn-type1 {
	width: 160px;
	margin: 10px auto 0;
}

.link-wrap .rss{
	margin-top: 20px;
	padding: 30px;
	background: #F2F1EA;
	border-radius: 16px;
	text-align: center;
}
.link-wrap .rss dt{
	font-size: 20px;
	font-weight: bold;
}
.link-wrap .rss .btn-type1 {
	width: 172px;
	margin: 10px auto 0;
}
.link-wrap .rss .btn-type1 a {
	background: #fff;
}
@media screen and (max-width: 750px) {
	.link-wrap .inner{
		display: block;
	}
	.link-wrap .box1,
	.link-wrap .box2{
		width: 100%;
		box-sizing: border-box;
	}
	.link-wrap .present1{
		padding: 24px 15px;
	}
	.link-wrap .present1 dt{
		font-size: 16px;
	}
	.link-wrap .present1 dt .color{
		font-size: 24px;
	}
	.link-wrap .present1 dd ul {
		display: block;
	}
	.link-wrap .present1 dd ul li{
		width: 100%;
		margin-bottom: 15px;
	}
	.link-wrap .sponsor{
		margin-top: 20px;
	}
	.link-wrap .sponsor dt{
		font-size: 20px;
	}
}

.sns-wrap {
	position: relative;
}
.sns-wrap ul{
	margin-top: 56px;
	text-align: center;
}
.sns-wrap ul li{
	display: inline-block;
	margin: 0 15px;
}

@media screen and (max-width: 750px) {
.sns-wrap ul li{
	display: inline-block;
	margin: 0 10px;
}
}

.pagetop{
	position: absolute;
	top: 0;
	right: 30px;
}
.pagetop.fix{
	position: fixed;
	top: inherit;
	bottom: 30px;
}

.detail-wrap .back{
	position: relative;
	margin-bottom: 30px;
	padding-left: 15px;
	font-size: 14px;
}
.detail-wrap .back a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(45deg);
    margin: auto 0;
    vertical-align: top;
}

.detail-wrap {
	overflow: hidden;
}
.detail-wrap .detail-block{
	float: left;
	width: calc(100% - 330px);
	overflow: hidden;
}
.detail-block .title{
	position: relative;
}
.detail-block .title h1{
	margin-top: 25px;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.25;
}
.detail-block .title h1 span{
	font-size: 22px;
	font-weight: normal;
}
.detail-block .title h1 span:first-child {
	display: block;
	margin: 0 0 10px;
}
.detail-block .title h1 span:first-child +br {
	display: none;
}
.detail-block .title .ico{
	font-size: 14px;
}
.detail-block .title .ico span{
	display: inline-block;
	margin-right: 10px;
	padding: 5px 8px;
	background: #707070;
	border-radius: 8px;
	color: #fff;
}
.detail-block .title .ico .tag{
	background: #F06400;
	color: #fff;
}
.detail-block .title .date{
	position: absolute;
	top: 0;
	right: 0;
	color: #707070;
	font-size: 14px;
}
.detail-block .img-box{
	position: relative;
	margin-top: 30px;
	margin-bottom: 34px;
	overflow: hidden;
}
.detail-block .img-box:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 870px;
    height: 530px;
	background: #F2F1EA;
	border-radius: 30px;
	z-index: -1;
}
.detail-block .img-box li{
	position: relative;
	display: none;
}
.detail-block .img-box li:nth-child(1){
	display: block;
}
.detail-block .img-box li img{
	width: 870px;
    height: 530px;
    object-fit: contain;
}
.detail-block .img-box li .text{
	width: 870px;
	margin-top: 8px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.detail-block .img-box .slider-nav{
	display: none;
}
.detail-block .img-box .slick-slider,
.detail-block .img-box .slick-slider li{
	display: block;
}
.detail-block .img-box .slick-dots{
	height: auto;
	margin: 10px 0 0;
}
.detail-block .img-box .slick-dots li{
	width: 100px;
	height: 100px;
	margin-right: 10px;
	background: #F2F1EA;
	border-radius: 16px;
	overflow: hidden;
}
.detail-block .img-box .slick-dots li img{
	width: 100px;
	height: 100px;
    object-fit: cover;
}
.detail-block .img-box  .slick-slider .slick-prev,
.detail-block .img-box  .slick-slider .slick-next{
	top: 240px;
	margin: auto 0;
	width: 50px;
	height: 50px;
}
.detail-block .img-box  .slick-slider .slick-prev{
	left: 30px;
	background: url(/img/prev2.png) no-repeat left center;
	background-size: contain;
}
.detail-block .img-box  .slick-slider .slick-next{
	right: 30px;
	background: url(/img/next2.png) no-repeat left center;
	background-size: contain;
}
.detail-block .modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.detail-block .modal:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #F06400;
	opacity: 0.8;
}
.detail-block .modal-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 640px;
	height: 705px;
	margin: auto;
	padding: 30px;
	background: #fff;
	border-radius: 15px;
	box-sizing: border-box;
}
.detail-block .modal-slider{
	display: none;
}
#main .detail-block .modal-content .slick-list{
	display: block;
	overflow: hidden;
}
.detail-block .modal-slider{
}
.detail-block .modal-slider img {
	width: 582px;
	height: 644px;
    object-fit: contain;
}
.detail-block .modal-slider .slick-prev,
.detail-block .modal-slider .slick-next{
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 50px;
	height: 50px;
}
.detail-block .modal-slider .slick-prev{
	left: -90px;
	background: url(/img/prev2.png) no-repeat left center;
	background-size: contain;
}
.detail-block .modal-slider .slick-next{
	right: -90px;
	background: url(/img/next2.png) no-repeat left center;
	background-size: contain;
}
.detail-block .modal-content .close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	padding-right: 30px;
	background: url(/img/ico12.png) no-repeat right center;
	font-size: 16px;
}

.detail-block .share{
	text-align: center;
}
.detail-block .share li{
	display: inline-block;
	margin: 0 7px;
	vertical-align: top;
}
.detail-block .share li img{
	width: auto;
	height: 36px;
}

.detail-block .detail-box{
	margin-bottom: 80px;
}
.detail-block .detail-box p{
	margin-top: 1.5em;
	font-size: 18px;
	line-height: 1.8;
}
.detail-block .detail-box p a{
	color: #F06400;
}
.detail-block .detail-box p a.arw{
	position: relative;
	padding-left: 15px;
	color: #252525;
	font-size: 14px;
}
.detail-block .detail-box p a.arw:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
.detail-block .detail-box p a.arw:hover{
	color: #F06400;
}
.detail-block .detail-box .ad{
	text-align: center;
}
.detail-block .detail-box h2{
	position: relative;
	margin-top: 50px;
	padding-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
.detail-block .detail-box h2:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	background: #F06400;
	border-radius: 50%;
}
.detail-block .detail-box h3 {
	position: relative;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.detail-block .detail-box h3:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 2px;
	background: #F06400;
}
.detail-block .detail-box h4 {
	margin-top: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F06400;
	color: #F06400;
	font-size: 18px;
	font-weight: bold;
}
.detail-block .detail-box ul li {
	position: relative;
    margin: 4px 0 -1px;
	padding: 12px 0 12px 15px;
    border-bottom: 1px dotted #898989;
    font-size: 16px;
}
.detail-block .detail-box ul li:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	background: #F06400;
	border-radius: 1px;
}

.detail-block .detail-box .link{
	margin-top: 50px;
	padding: 20px 25px;
	background: #FAF1EC;
	border-radius: 16px;
}
.detail-block .detail-box .link dt{
	float: left;
	color: #F06400;
	font-size: 18px;
	font-weight: bold;
}
.detail-block .detail-box .link dd{
	padding-left: 122px;
	font-size: 16px;
}
.detail-block .detail-box .link dd a{
	text-decoration: underline;
}


.detail-block .detail-box .info{
	margin-top: 50px;
	padding: 20px 25px;
	background: #F2F1EA;
	border-radius: 16px;
}
.detail-block .detail-box .info dt{
	color: #707070;
	font-size: 18px;
	font-weight: bold;
}
.detail-block .detail-box .info dd{
	font-size: 16px;
	word-break: break-all;
}
.detail-block .detail-box .info dd a{
	font-size: 14px;
	text-decoration: underline;
}
.detail-block .detail-box .info p{
	margin: 0;
}

.detail-block .detail-box .keyword{
	margin: 15px 0 0;
	padding: 0;
}
.detail-block .detail-box .keyword li{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: none;
	font-size: 16px;
}
.detail-block .detail-box .keyword li:before{
	display: none;
}
.detail-block .detail-box .keyword li a{
	text-decoration: underline;
}

.detail-block .detail-box pre {
	margin-top: 30px;
	padding: 20px;
	background: #F7F6F4;
	border-radius: 16px;
	white-space: normal;
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.8;
}
.detail-block .detail-box pre p:first-child {
	margin-top: 0;
}

.detail-block .detail-box .link-list {
	margin-top: 40px;
}
.detail-block .detail-box .link-list ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
}
.detail-block .detail-box .link-list ul li {
	width: 343px;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	background: #fff;
}
.detail-block .detail-box .link-list li:before{
	display: none;
}
.detail-block .detail-box .link-list ul li a {
	display: block;
	padding: 14px;
	border: 1px solid #FF9143;
	border-radius: 10px;
	overflow: hidden;
}
.detail-block .detail-box .link-list ul li a.blank {
	padding-bottom: 40px;
}
.detail-block .detail-box .link-list ul li.blank:after {
	position: absolute;
	bottom: 14px;
	right: 20px;
	content: '';
	width: 16px;
	height: 16px;
	background: url(/img/ico13.png) no-repeat;
}
.detail-block .detail-box .link-list ul li .img {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
}
.detail-block .detail-box .link-list ul li p {
	margin: 0;
	overflow: hidden;
}
.detail-block .detail-box .link-list ul li p.ttl {
	font-size: 16px;
	font-weight: bold;
}
.detail-block .detail-box .link-list ul li p.url {
	color: #F06400;
	font-size: 11px;
}

.detail-block .detail-box .ad_wrap .ad_box {
	display: block;
	width: 414px;
	margin: 0px auto;
	border: 1px solid #cacaca;
	line-height: 1.5;
}
.detail-block .detail-box .ad_wrap .ad_box a {
	display: block;
	height: 100%;
    position: relative;
}
.detail-block .detail-box .ad_wrap .ad_box a, .detail-block .detail-box .ad_wrap .ad_box a:hover { color: #333; text-decoration: none; }
.detail-block .detail-box .ad_wrap .ad_box a:hover { text-decoration: none; }
.detail-block .detail-box .ad_wrap .ad_box p { margin-bottom: 0px; margin-top: 0; }

.detail-block .detail-box .ad_wrap .ad_box .ad_thumb {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_thumb img {
	display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.detail-block .detail-box .ad_wrap .ad_box .ad_text {
	text-align: left;
	margin: 0px 10px 10px 10px;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_text .ad_title {
	font-size: 15px;
    font-weight: bold;
	color: #333333;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_text .ad_desc {
	font-size: 13px;
	color: #999999;
	margin-top: 10px;
}

.detail-block .detail-box .ad_wrap .ad_box .ad_more {
	text-align: left;
	margin: 0px 10px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: space-between;
	font-size: 13px;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_more .ad_link {
	font-size: 13px;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_more .ad_link span {
	display: inline-block;
	border: 1px solid #0081fb;
	border-radius: 4px;
	color: #0081fb;
    padding: 0px 5px;
}
.detail-block .detail-box .ad_wrap .ad_box .ad_more .ad_pr {
	color: #999999;
	font-size: 13px;
}
.detail-block .detail-box .ad_wrap .ad_box .mb0 {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
.detail-block .detail-box .ad_wrap .ad_box {
	width: 414px;
}
}
@media screen and (max-width: 480px) {
.detail-block .detail-box .ad_wrap .ad_box {
	width: 100%;
}
}


.detail-block .main-list .box{
	width: 270px;
}
.detail-block .main-list .box .img img{
	width: 270px;
	height: 270px;
}
.detail-block .pr-bg{
	padding-left: 30px;
	overflow: hidden;
}
.detail-block .detail-rank .list-ttl{
	padding-left: 42px;
}
.detail-block .detail-rank .list-ttl:before{
	width: 36px;
	height: 25px;
	background: url(/img/ico11.png) no-repeat;
}
.detail-block .detail-rank .main-list .box.rank1{
	width: 270px !important;
}
.detail-block .detail-rank .tab-menu{
	display: block;
	margin: 20px 0 30px;
}
.detail-block .detail-rank .tab-menu li{
	width: 32%;
	max-width: 270px;
}
#main .detail-block .detail-rank .slick-list{
	overflow: hidden;
}
.detail-block .detail-rank .slick-dots{
	margin: 30px 80px 0;
}
.detail-block .detail-rank .slick-slider .slick-prev,
.detail-block .detail-rank .slick-slider .slick-next{
	top: inherit;
	bottom: -20px;
	width: 40px;
	height: 40px;
}
.detail-block .detail-rank .slick-slider .slick-prev{
	left: 0;
	background: url(/img/prev.png) no-repeat left center;
	background-size: contain;
}
.detail-block .detail-rank .slick-slider .slick-next{
	right: 13px;
	background: url(/img/next.png) no-repeat left center;
	background-size: contain;
}
.detail-wrap .side-block{
	float: right;
	width: 300px;
}

@media screen and (max-width: 750px) {
	.detail-wrap .back{
		margin: 5px 0 12px;
	}
	.detail-wrap .detail-block{
		float: none;
		width: 100%;
	}
	.detail-block .title h1{
		margin-top: 10px;
		font-size: 24px;
		line-height: 1.4;
	}
	.detail-block .title h1 span{
		font-size: 18px;
	}
	.detail-block .img-box{
		width: 340px;
		margin: 20px auto 40px;
	}
	.detail-block .img-box li img,
	.detail-block .img-box:after{
		width: 340px;
		height: 300px;
	}
	.detail-block .img-box li .text{
		width: 340px;
	}
	.detail-block .img-box .slick-slider .slick-prev,
	.detail-block .img-box .slick-slider .slick-next{
		top: 130px;
		width: 40px;
		height: 40px;
	}
	.detail-block .img-box .slick-slider .slick-prev{
		left: 20px;
	}
	.detail-block .img-box .slick-slider .slick-next{
		right: 20px;
	}
	.detail-block .img-box .slick-dots {
		display: block;
		margin-right: -8px;
		bottom: -260px;
	}
	.detail-block .img-box .slick-dots li{
		float: left;
		width: 80px;
		height: 80px;
		margin: 7px 7px 0 0;
	}
	.detail-block .img-box .slick-dots li img{
		width: 80px;
		height: 80px;
	}
	.detail-block .detail-box .link dt{
		float: none;
	}
	.detail-block .detail-box .link dd{
		padding-left: 0;
	}
	.detail-block .detail-box .link,
	.detail-block .detail-box .info{
		margin-top: 20px;
	}
	.detail-block .pr-bg{
		padding-left: 15px;
		padding-right: 15px;
	}
	.detail-block .detail-rank .tab-menu{
		display: flex;
        column-gap: 10px;
	}

	.detail-block .detail-box .link-list{
		display: block;
	}
	.detail-block .detail-box .link-list ul li{
		width: 100%;
	}

	.detail-block .main-list .box,
	.detail-block .detail-rank .main-list .box.rank1{
		width: 100% !important;
	}
	.detail-block .main-list .box .img img{
        width: 100px;
        height: 100px;
	}
	.detail-block .main-list .box.rank1 .img img{
		width: 152px;
        height: 152px;
	}
	.detail-block .modal-content{
		width: 313px;
		height: 344px;
		padding: 20px;
	}
	.detail-block .modal-slider img{
		width: 277px;
		height: 300px;
	}
	.detail-block .modal-content .close{
		top: -30px;
	}
	.detail-block .modal-slider .slick-prev{
		left: -50px;
		width: 40px;
		height: 40px;
	}
	.detail-block .modal-slider .slick-next{
		right: -50px;
		width: 40px;
		height: 40px;
	}

}

.side-block h2{
	margin-top: 40px;
	padding-bottom: 5px;
	font-size: 18px;
	border-bottom: 1px solid #252525;
}
.side-block .main-list{
	display: block;
	margin: 0;
	padding-top: 15px;
}
.side-block .main-list .box{
	position: relative;
	width: 100%;
	margin: 15px 0 0;
	padding-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 1px dotted #AAAAAA;
	line-height: 1.4;
}
.side-block .main-list .box a{
	overflow: hidden;
}
.side-block .main-list .box p{
	margin-left: 100px;
}
.side-block .main-list .box .area{
	margin-left: 0;
}
.side-block .main-list .box .img {
	float: left;
	width: 90px;
	margin: 0 10px 0 0;
}
.side-block .main-list .box .img img{
	width: 90px;
	height: 90px;
}
.side-block .main-list .box .tag{
    position: relative;
    bottom: 0;
    display: inline-block;
    padding: 1px 3px;
    left: 0;
    margin: 8px 5px 0 0;
}
.side-block .main-list .box .tag-box {
    position: relative;
	left: 0;
	bottom: 0;
	display: block;
	margin: 2px 0 0;
}
.side-block .main-list .box .tag-box .tag {
	margin: 5px 5px 0 0;
}
.side-block .main-list .box .area{
    padding: 3px 8px;
	margin-bottom: 0;
}
.side-block .main-list .box .ttl{
	font-size: 16px;
}
.side-block .main-list + .btn-type1{
	margin-top: 25px;
	text-align: center;
}
.side-block .main-list + .btn-type1 a{
	float: none;
	display: inline-block;
    min-width: 170px;
    padding: 11px 40px 11px 30px;
}
.side-block .recruit{
	margin-top: 0;
}
.side-block .recruit .sponsored{
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 12px;
	text-align: right;
}

.side-block .area-info .inner{
	display: block;
}
.side-block .area-info .block{
	width: 100%;
	min-width: 1em;
}
.side-block .area-info .block .tel,
.side-block .area-info .block .fax{
	font-size: 36px;
}
.side-block .area-info .block .btn li{
	float: none;
	margin: 10px auto 0;
}
.side-block .area-info .block .link{
	margin-top: 30px;
}
.side-block .area-info .block .link li,
.side-block .area-info .block .link li:nth-child(2n){
	float: none;
	margin-top: 16px;
}
@media screen and (min-width: 751px) and (max-width: 1300px) {
	.detail-wrap .detail-block,
	.detail-block .img-box .slick-dots{
    	width: 69vw;
		max-width: 870px;
	}
	.detail-block .img-box li img,
	.detail-block .img-box:after{
		width: 69vw;
		max-width: 870px
		height: 44vw;
	}
	.detail-block .img-box .slick-dots li img{
		width: 8vw;
		height: 8vw;
	}
	.detail-block .img-box li .text{
		width: 69vw;
		max-width: 870px
	}
	.detail-block .img-box .slick-dots li{
		background: none;
	}
	.detail-block .img-box .slick-dots li a{
        display: inline-block;
		background: #F2F1EA;
		border-radius: 16px;
		overflow: hidden;
	}
	.detail-block .main-list .box{
		width: 22vw;
	}
	.detail-block .main-list .box .img img{
		width: 22vw;
		height: 22vw;
	}
	.detail-block .pr-bg .block{
		width: 100%;
	}
	.detail-block .detail-rank .tab-menu li{
		margin-right: 0;
	}
	.detail-block .img-box .slick-slider .slick-prev,
	.detail-block .img-box .slick-slider .slick-next{
		top: 19vw;
	 }
	.detail-block .main-list.slide2 .box{
		width: 270px;
	}

	.detail-wrap .side-block{
		width: 24vw;
	}
	.side-block .recruit .list .box{
		width: 100%;
	}

	.detail-block .modal-content{
		width: 512px;
		height: 564px;
		padding: 24px;
	}
	.detail-block .modal-slider img{
		width: 464px;
		height: 515px;
	}

	.side-block .area-info .block .tel,
	.side-block .area-info .block .fax{
		font-size: 26px;
	}
	.area-info .block .tel:before, .area-info .block .fax:before{
		margin-left: 0;
	}
	.side-block .area-info .block .btn li{
		width: auto;
	}
	.side-block .area-info .block .link li, .side-block .area-info .block .link li:nth-child(2n){
		width: auto;
		padding-left: 0;
	}
}
@media screen and (min-width: 751px) and (max-width: 1250px) {
	.side-block .main-list .box .long {
		padding-top: 30px;
	}
.side-block .main-list .box .long .area{
	position: absolute;
	top: 0;
	left: 0;
}
}
@media screen and (min-width: 751px) and (max-width: 850px) {
.side-block .main-list .box .area{
	font-size: 1.65vw;
}
}
@media screen and (max-width: 750px) {	
	.detail-wrap .side-block{
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	.detail-wrap .side-block .ad{
		text-align: center;
	}
	.side-block .main-list .box .img{
		width: 90px;
	}
}

.page-ttl{
	margin: -74px 0 30px;
	background: #F2F1EA;
	font-size: 26px;
	font-weight: bold;
}
.page-ttl span {
	display: block;
	padding: 25px 0;
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1300px) {
	.page-ttl span {
		padding: 25px 15px;
	}
}
@media screen and (max-width: 750px) {
	.page-ttl{
		margin: -50px 0 0;
		text-align: center;
		font-size: 24px;
	}
	.page-ttl span {
		width: 100%;
        box-sizing: border-box;
	}
}

.detail-block .search-box{
	padding: 25px 0 25px 25px;
	background: #F7F7F5;
	border-radius: 16px;
}
.detail-block .search-box .select-box{
	position: relative;
	display: inline-block;
    max-width: 820px;
	width: 100%;
	min-height: 50px;
	margin-bottom: 20px;
    background: #fff;
	vertical-align: top;
	color: #252525;
	color: #252525;
	font-size: 16px;
	box-sizing: border-box;
}
.detail-block .search-box .select-box .text{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 50px;
	padding: 0 18px;
	color: #B4B4B4;
	line-height: 50px;
	box-sizing: border-box;
	z-index: 6;
}
.detail-block .search-box .select-box .select-item {
	position: relative;
	min-height: 50px;
    padding: 0 50px 0 10px;
    border: 1px solid #707070;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
	z-index: 4;
	background: #fff;
}
.detail-block .search-box .select-box .select-btn{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
    border-radius: 0 8px 8px 0;
    background: #707070 url(/img/ico14.png) no-repeat right center;
	z-index: 5;
}
.detail-block .search-box .select-box .select-btn.on{
    background: #707070 url(/img/ico15.png) no-repeat right center;
}
.detail-block .search-box .select-box .select-btn:hover{
	opacity: 0.7;
}
.detail-block .search-box .select-box .select-item li{
    display: inline-block;
	margin: 9px 9px 9px 0;
    padding: 5px 8px;
    background: #707070;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}
.detail-block .search-box select{
	width: 260px;
	height: 50px;
	margin-right: 16px;
	padding: 10px 18px;
	border: 1px solid #707070;
    background: #fff url(/img/ico7.png) no-repeat right center;
	color: #252525;
	border-radius: 23px;
	box-sizing: border-box;
	color: #252525;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.detail-block .search-box .select-box .item-list{
	display: none;
	position: relative;
	padding: 0;
    color: #252525;
    font-size: 16px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
	z-index: 10;
}
.detail-block .search-box .select-box .item-list ul{
	padding: 0 20px;
}
.detail-block .search-box .select-box .item-list li {
	display: inline-block;
	margin: 8px 20px 0 0;
}
.detail-block .search-box .select-box .item-list li label{
	position: relative;
	display: block;
	overflow: hidden;
	font-size: 14px;
}
.detail-block .search-box .select-box .item-list li label input{
	vertical-align: top;
}
.detail-block .search-box .select-box .item-list li label.ck{
	color: #F06400;
}
.detail-block .search-box .select-box .item-list li label input[type="checkbox"]:checked {
    accent-color: #F06400;
}
.detail-block .search-box .select-box + p{
	display: inline-block;
}
.detail-block .search-box input[type=text] {
    width: 100%;
	max-width: 820px;
	margin-bottom: 20px;
    padding: 15px 18px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 29px;
    box-sizing: border-box;
}
.detail-block .search-text{
	margin-bottom: 20px;
	font-size: 16px;
}
.detail-block .search-box .err{
	margin-top: 20px;
	color: #DE0000;
	font-size: 14px;
}
.detail-block .search-box p.btn {
	margin-right: 30px;
	text-align: right;
}
.detail-block .search-box input[type=submit] {
    width: 164px;
    height: 48px;
    padding: 0 0 0 30px;
    border: 1px solid #252525;
    background: #fff url(/img/ico3.png) no-repeat 30px center;
    background-size: 20px;
    border-radius: 24px;
    text-align: center;
    color: #252525;
    font-size: 16px;
    font-weight: bold;
}

.detail-block .search-box .btn{
	margin: 15px 0 0 -20px;
	font-size: 16px;
}
.detail-block .search-box .btn li{
	display: inline-block;
	width: 260px;
	margin-left: 20px;
}
.detail-block .search-box .btn li a{
	display: block;
	width: 100%;
	padding: 9px 1px;
	background: #fff;
	border: 1px solid #707070;
	border-radius: 8px;
	text-align: center;
	box-sizing: border-box;
}
.detail-block .search-box .btn .act a {
	border: 1px solid #F06400;
	background: #F06400;
	color: #fff;
}
.detail-block .rank-list{
	margin-top: 20px;
}
.detail-block .rank-list .box{
	margin-top: 60px;
}
.detail-block .rank-list + .btn-type1{
	text-align: center;
}
.detail-block .rank-list + .btn-type1 a{
	float: none;
	display: inline-block;
}
.detail-block .rank-list .box.rank1{
	width: 270px !important;
}

.detail-block .search-result{
	position: relative;
	margin-top: 20px;
}
.detail-block .search-result h2{
	padding-bottom: 10px;
	border-bottom: 1px solid #252525;
	font-size: 20px;
	font-weight: bold;
}
.detail-block .search-result .num{
	position: absolute;
	top: 2px;
	left: 110px;
	color: #707070;
	font-size: 16px;
}
.detail-block .pager{
	margin-top: 45px;
	text-align: center;
}
.detail-block .pager li{
	display: inline-block;
	margin: 0 6px;
    vertical-align: top;
}
.detail-block .pager li a{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.detail-block .pager li a:hover,
.detail-block .pager li.act a{
	background: #F06400;
	color: #fff;
	opacity: 1;
}
.detail-block .pager li.next a,
.detail-block .pager li.prev a{
	position: relative;
	font-size: 0;
}
.detail-block .pager li.next a:hover,
.detail-block .pager li.prev a:hover{
	background: none;
	opacity: 0.8;
}
.detail-block .pager li.next a:after,
.detail-block .pager li.prev a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
	left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-left: 2px solid #252525;
    border-bottom: 2px solid #252525;
    transform: rotateZ(-135deg);
    margin: auto;
}
.detail-block .pager li.prev a:after {
    transform: rotateZ(45deg);
}
.detail-block .main-list + .pager{
	margin-top: 60px;
}
.detail-block .pager + .main-list{
	margin-top: -20px;
}
.detail-block .pager + .list-ttl,
.detail-block .main-list + .detail-rank .list-ttl{
	margin-top: 80px;
}
@media screen and (max-width: 1300px) {
	.detail-block .search-box{
		padding-right: 25px;
	}
	.detail-block .search-box .select-box{
		width: 100%;
		margin-bottom: 12px;
	}
	.detail-block .search-box select,
	.detail-block .search-box .select-box .item-list{
		width: 100%;
        margin-bottom: 12px;
	}
	.detail-block .search-box .select-box + p{
		display: block;
	}
	.detail-block .search-box .btn{
		display: flex;
		justify-content: center;
		margin-left: 0;
	}
	.detail-block .search-box .btn li{
		width: 30%;
		margin: 0;
	}
}


@media screen and (max-width: 750px) {
	.detail-wrap {
		padding-top: 40px;
	}
	.detail-wrap .detail-block{
		overflow: visible;
	}
	.detail-block .title{
		padding-top: 30px;
	}
	.detail-block .title .ico span{
		margin-bottom: 10px;
	}
	.detail-block .title .date{
		top: -20px;
		height: 42px;
		display: flex;
		align-items: end;
	}
	.detail-block .search-box{
		margin: 0 -15px;
		padding: 0 0 34px;
		background: #F2F1EA;
		border-radius: 0;
	}
	.detail-block .search-box p {
		width: 300px;
		margin: 0 auto 0;
	}
	.detail-block .search-box .select-box,
	.detail-block .search-box .select-box + p{
		display: block;
		width: 300px;
		margin: 0 auto 12px;
	}
	.detail-block .search-box .select-box .item-list{
		width: 300px;
	}
	.detail-block .search-box select{
		width: 300px;
		margin: 0 0 12px;
	}
	.detail-block .search-box .select-box select{
		height: 45px;
		padding: 10px 18px;
	}
	.detail-block .search-box .btn{
		width: 300px;
		margin: 12px auto 0;
		overflow: hidden;
	}
	.detail-block .search-box .btn li{
		float: left;
		width: 95px;
		margin: 0 7px 0 0;
	}
	.detail-block .search-box .btn li:last-child{
		margin-right: 0;
	}
	.detail-block .search-box p.btn{
		margin: 12px auto 0;
		text-align: center;
	}
	.detail-block .search-result .num{
		left: inherit;
		right: 0;
	}
	.detail-block .rank-list .box{
		margin-top: 25px;
	}
	.detail-block .rank-list .box.rank1{
		width: 100% !important;
	}
	.detail-block .pager{
		margin: 30px 0 40px;
	}
	.detail-block .pager li {
		margin: 0;
	}
	.detail-block .pager li a{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 18px;
	}
	.detail-block .pager li.next a, .detail-block .pager li.prev a{
		width: 10px;
	}
	.detail-block .pager + .list-ttl, .detail-block .main-list + .detail-rank .list-ttl{
		margin-top: 60px;
	}
	.detail-block .search-text{
		margin: -40px -15px 0;
		padding-bottom: 20px;
        background: #F2F1EA;
		font-size: 14px;
	}
	.detail-block .search-text span{
		display: block;
		width: 300px;
		margin: 0 auto;
	}
	.detail-block .search-box .select-box .select-item:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50px;
		border-radius: 0 8px 8px 0;
		background: #707070;
		z-index: 5;
	}
}

.album-lead{
	font-size: 16px;
}
.album-nav{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.album-nav li{
	width: 32%;
}
.album-nav li a{
	position: relative;
	display: block;
	padding: 12px 15px;
	border: 1px solid #252525;
	border-radius: 5px;
	font-size: 16px;
}
.album-nav li a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #252525;
    border-bottom: 1px solid #252525;
    transform: rotateZ(-45deg);
    margin: auto 0;
    vertical-align: top;
}
.album-box {
    margin-top: -20px;
    padding-top: 80px;
	font-size: 16px;
}
.album-box h2 {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.album-box h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 2px;
	background: #F06400;
}
.album-box .img-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px -5px 0;
}
.album-box .img-list li {
	width: 210px;
	margin: 10px 8px 0 0;
	background: #F2F1EA;
	border-radius: 15px;
	overflow: hidden;
}
.album-box .img-list li img {
	width: 210px;
	height: 210px;
    object-fit: contain;
}
.album-box .btn-type1{
	margin-top: 60px;
	text-align: center;
}
.album-box .btn-type1 a{
	display: inline-block;
	padding: 11px 40px 11px 30px;
}
.album-box .note{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}
.album-box .modal-content {
	width: 640px;
	height: 500px;
	padding: 50px;
}
.album-box .modal-content .box {
	display: flex;
	align-items: center;
	overflow: hidden;
}
.album-box .modal-content .img {
	width: 247px;
	margin-right: 30px;
}
.album-box .modal-content .img img {
	width: 247px;
	height: 400px;
    object-fit: contain;
}
.album-box .modal-content dl {
	width: 263px;
}
.album-box .modal-content dl dt {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
.album-box .modal-content dl dt span {
	display: inline-block;
	font-size: 14px;
}
.album-box .modal-content dl dd {
	margin-top: 10px;
	font-size: 14px;
}
.album-box .modal-content dl dd .text{
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px dotted #252525;
	font-size: 18px;
}
#main .detail-block .album-box .modal-content .slick-list{
	display: block;
	overflow: hidden;
}
.album-box .modal-content .modal-slider .slick-prev{
	left: -110px;
}
.album-box .modal-content .modal-slider .slick-next{
	right: -110px;
}

@media screen and (max-width: 750px) {
	.album-lead{
		margin: 0 -15px;
		background: #F2F1EA;
		text-align: center;
		font-size: 14px;
	}
	.album-nav{
		display: block;
		margin: 0 -15px -50px;
		padding: 20px 15px 30px;
		background: #F2F1EA;
	}
	.album-nav li{	
		width: 100%;
		margin: 10px 0 0;
		background: #fff;
	}
	.album-nav li a{
		font-weight: bold;
	}
	.album-box{
		font-size: 12px;
	}
	.album-box .img-list{
		width: 345px;
		margin: 20px auto 0;
		column-gap: 10px;
	}
	.album-box .img-list li{
		width: 166px;
		margin-right: 0;
	}
	.album-box .img-list li img{
		width: 166px;
		height: 166px;
	}
	.album-box .btn-type1{
		margin-top: 30px;
	}
	.album-box .note{
		color: #707070;
		font-size: 12px;
	}

	.album-box .modal-content{
		display: block;
		width: 297px;
		height: 570px;
		padding: 20px 25px;
	}
	.album-box .modal-content .box{
		display: block;
	}
	.album-box .modal-content .img{
		margin: 0 auto;
	}
	.album-box .modal-content dl {
		margin-top: 15px;
	}
	.album-box .modal-content dl dt{
		font-size: 20px;
	}
	.album-box .modal-content dl dt span{
		font-size: 16px;
	}
	.album-box .modal-content dl dd{
		font-size: 14px;
	}
	.album-box .modal-content dl dd .text{
		font-size: 16px;
	}
	
	.album-box .modal-content .modal-slider .slick-prev{
		left: -50px;
		width: 40px;
		height: 40px;
	}
	.album-box .modal-content .modal-slider .slick-next{
		right: -50px;
		width: 40px;
		height: 40px;
	}
}