@charset "utf-8";
html {
	height: 100%
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Roboto', 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	color: #000000;
	background: #fff;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: block;
}
br.sp {
	display: none;
}
#wrapper {
	background: #ffffff;
	margin: 0;
	padding: 102px 0 0;
	overflow: hidden;
	position: relative;
	min-width: 960px;
}
/* Breadcrumb
================================================== */
.Breadcrumb {
	    margin: 0;
    padding: 0;
    height: 24px;
    /* border-bottom: #dddddd solid 1px; */
    text-align: left;
    font-family: 'Roboto', 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
    background: #d6d6d6;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
	z-index: 7000;
}
.Breadcrumb ul {
	margin: 0;
	padding: 0;
	display: block;
}
.Breadcrumb ul li {
	background: #d4d4d4;
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 30px;
	font-size: 11px;
	list-style: none;
	max-width: 25%;
	box-sizing: border-box;
	position: relative;
}

.Breadcrumb ul li::after{
	content: "/";
	position: absolute;
	right:0;
	top:0;
}
.Breadcrumb ul li:last-child {
    border-left: none;
}

.Breadcrumb ul li:last-child::after{
	display: none;
}


.Breadcrumb ul li span {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.Breadcrumb ul li a {
	text-decoration: none;
	color: #e85b05;
}
/* form
================================================== */
input[type="text"].q-name {
	width: 35%!important;
}
select.q-birthday {
	width: auto!important;
}
input[type="tel"].q-zip {
	width: 40%!important;
}
textarea {

	height: 100px;
}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], textarea, select {
	    padding: 18px 12px;
    border: none;
    background-color: #efefef;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
select {
	padding: 12px 40px 12px 12px;
	background: url(image/icon006.svg) no-repeat 98% 50% #fff;
}
select.q-birthday {
	width: auto!important;
	background: url(image/icon006.svg) no-repeat 94% 50% #fff;
}
input[type="submit"] {
	background: #000;
	border: none;
	width: 324px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin: 20px auto 0;
}
a.gotop {
	width: 200px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	border-radius: 55px;
	background-color: #043459;
	background-image: url(image/icon/arrow01.svg);
	background-repeat: no-repeat;
	text-indent: 20px;
	font-size: 14px;
	font-weight: 500;
	display: block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	border: none;
	-webkit-appearance: none;
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	background-position: 45px 50%;
}
a.back {
    width: 200px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background-color: #000000;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 30px auto 0;
    text-align: center;
    text-decoration: none;
    border: none;
    -webkit-appearance: none;
}


/* navigation
================================================== */
.navigation {
	text-align: center;
	padding:50px 0 0;
}
.sp_navigation {
	display: none;
}
.page-numbers {
	text-decoration: none;
	background: #ccc;
	padding: 12px 20px;
	margin: 4px;
	color: #FFF;
	font-size: 12px;
	display: inline-block;
}
.page-numbers:hover {
	transition: 0.16s linear;
}
.page-numbers:hover {
	background: #adadad;
}
.current {

	background: #e85c05;

}
a.page-numbers {
	color: #fff;
	text-decoration: none;
}

span.new{
 
    color: #fff;
    background: #e85c05;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 18px;
    line-height: 18px;
    margin: 0 0 0 5px;
}

span.new span{

    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 10px;
}

/******header*************/

header{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 9999;
	height: 102px;
		min-width: 960px;
	overflow: hidden;
}
header.addBanner {
    position: absolute;
    top: 0;
}
header .headerBlock{
	background: #fff;
	margin: 0;
	padding: 0;
	height: 72px;
	position: relative;
}

header .headerBlock .logo{
	position: absolute;
	top:16px;
	left:20px;
	line-height: 0;
}

header .headerBlock .serchBlock {
    border-bottom: #000 solid 1px;
    padding: 0 25px 0 0;
	position: absolute;
	top:10px;
	right:82px;
}
header .headerBlock .serchBlock span {
    padding: 0 15px 0 0;
	font-size: 11px;
}

header .headerBlock .serchBlock .searchBox {
    background: none;
    width: 160px;
    border: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 0;
    padding: 0;
    font-size: 13px;
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header .headerBlock .serchBlock .serch_submit {
    border: none;
    width: 16px;
    height: 18px;
    background: url(image/icon_serch.svg) no-repeat top center;
    text-align: center;
    -webkit-appearance: none;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    text-indent: -9999px;
    line-height: 0;
    margin: -8px 0 0 ;
}

header .headerBlock .DSbtn {
	    position: absolute;
    top: 26px;
    right: 20px;
    width: 40px;
    height: 18px;
    -webkit-transition: ease .5s;
    transition: ease .5s;
    cursor: pointer;
    z-index: 10;
    display: block;
}
header .headerBlock .DSbtn .hambarg:nth-child(1) {
	position: absolute;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #000;
	-webkit-transition: ease .5s;
	transition: ease .5s;
	height: 3px;
	width: 40px;
}
header .headerBlock .DSbtn .hambarg:nth-child(2) {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 3px;
	width: 40px;
	background: #000;
	-webkit-transition: ease .5s;
	transition: ease .5s;
}
header .headerBlock .DSbtn .hambarg:nth-child(3) {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 3px;
	width: 40px;
	background: #000;
	-webkit-transition: ease .5s;
	transition: ease .5s;
}
header .headerBlock .DSbtn.action .hambarg:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
header .headerBlock .DSbtn.action .hambarg:nth-child(2) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
header .headerBlock .DSbtn.action .hambarg:nth-child(3) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

header .headerBlock .sns{
	position: absolute;
	top:20px;
	right:355px;
}

header .headerBlock .sns ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

header .headerBlock .sns ul li{
	float: left;
	margin: 0 0 0 16px;
	padding: 0;
	line-height: 0;
}

header nav.gNavi{
	margin: 0;
	padding: 0;
	height: 30px;
	background: #e85c05;
	text-align: center;
}

header nav.gNavi ul{
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 32px;
}

header nav.gNavi ul li{
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	position: relative;
	list-style: none;
	

}




header nav.gNavi ul li a{
	margin: 0;
	padding: 0 24px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	display: block;height: 30px;
}
header nav.gNavi ul li a.selected{
	background: #000;
}

header nav.gNavi ul li a.rank{
	      display: block;
    padding: 0 10px;
    height: 30px;
    margin: 0 0 0;
    line-height: 30px;
}
header nav.gNavi ul li a.rank span{
	padding: 0 0 0 25px;
	background-image:url(image/crown.png) ;	
	background-repeat: no-repeat;
	background-position: left 50%;
	background-size: auto 16px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

footer{
	margin: 0;
	padding: 30px;
	background: #fff;
	text-align: center;
	    min-width: 960px;
	box-sizing: border-box;
}

footer .sns{
	margin: 0 0 30px;
	padding: 0;
	line-height: 0;
	text-align: center;
}
footer .sns ul{
	display: inline-block;
	margin: 0;
	padding: 0;
}

footer .sns ul li{
	float: left;
	margin: 0 10px;
	padding: 0;
	line-height: 0;
}

footer .sns ul li img{
	width: 32px;
	height: 32px;
}

footer .logo{
	margin: 0 0 30px;
	padding: 0;
	line-height: 0;
}

footer nav{
	margin: 0 0 44px;
	padding: 0;
	line-height: 1;
	    text-align: center;
}

footer nav ul{
	display:inline-block!important;
	margin: 0;
	padding: 0;
	
}

footer nav ul li{
	float: left;
	margin: 0;
	padding: 0 20px;
	position: relative;
}

footer nav ul li a{
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

footer nav ul li::after{
	content:"/";
	position: absolute;
	top:0;
	right:0;
}

footer nav ul li:last-child::after{
	content:"";
}

footer p.copyright{
	    color: #000;
    font-size: 11px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.05em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

nav.slideNavi{
	position: fixed;
	top:102px;
	right: -500px;
	bottom:0;
	    overflow: auto;
	width: 400px;
	z-index: 5000;
	background-color: rgba(0,0,0,0.9);
	padding: 80px 50px;
	    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}
nav.slideNavi.action{
	right: 0;
}

nav.slideNavi ul{
	margin: 0;
	padding: 0;
}

nav.slideNavi ul li{
	height: 50px;
    line-height: 50px;
    border-bottom: #5b5b5b dotted 1px;
    font-size: 13px;
	
}

nav.slideNavi ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	position: relative;
	color: #a7a7a7;
	text-decoration: none;
}

nav.slideNavi ul li a span{
	display: inline-block;
	position: absolute;
	top:0;
	right:0;
	font-size: 11px;
}

nav.slideNavi.addBanner {
        top: 0;
    z-index: 9999999;
}
nav.slideNavi.addBanner .cls {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 18px;
    cursor: pointer;
    z-index: 10;
}

nav.slideNavi .cls {
    display: none;
}
nav.slideNavi.addBanner .cls .hambarg:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	position: absolute;
	left: 50%;
	background: #fff;
	height: 3px;
	width: 40px;
}
nav.slideNavi.addBanner .cls .hambarg:nth-child(2) {
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	left: 50%;
	background: #fff;
	height: 3px;
	width: 40px;
}
article.page{
	margin: 0 auto;
	padding: 0;
}
h1.title,
h2.title{
	font-size: 30px;
	font-weight: 900;
	color: #000;
	margin: 0 0 10px;
	padding: 0;
	letter-spacing: 1px;
}
h1.title b,
h2.title b{
	color: #e85c05;
	font-size: 48px;
}


h1.title span,
h2.title span{
	    padding: 0 0 0 10px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
h1.title{
	margin: 5px 0 10px;
}






.wrap{
	max-width: 1260px;
	padding: 0 50px;
	box-sizing: border-box;
}


/**2カラム用**/

.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexBox .mainBox{
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: calc( 100% - 320px );
	overflow: hidden;
	    position: relative;
}
.flexBox .mainBox h2.rtitle{
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0;
	line-height: 1.5em;
}
.flexBox .mainBox h2.rtitle span{
	font-size: 16px;
}
 ul.type01 .box{
	margin: 0;
    padding: 0 0 30px;
    background: #fff;
    position: relative;
    width: 100%;
}
 ul.type01 .box.pd{
	padding: 0;
}
 ul.type01 li .thumb{
	line-height: 0;
	position: relative;
}

 ul.type01 li .thumb img{
	width: 100%;
	height: auto;
}
ul.type01{
	margin: 0 0 15px -15px;
    padding: 0;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.type01 li{
	    float: left;
    width: 33.3333333333333%;
    margin: 0;
    padding: 0 0 30px 15px;
    box-sizing: border-box;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

ul.type01.w25 li{
	    float: left;
    width: 25%;
    margin: 0;
    padding: 0 0 30px 15px;
    box-sizing: border-box;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}
ul.type01 li .box.pd .thumb a{
	position: absolute;
	z-index: 3;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: block;
	overflow:hidden;
	text-indent: -9999px;
}


ul.type01 li .thumb h3{
	    padding: 10px 10px;
    height: 65px;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.82);
    color: #fff;
    font-size: 13px;
    line-height: 1.6em;
    margin: 0;
    font-weight: normal;
	
}
ul.type01 li .caption{
	margin: 0;
	padding: 10px 0 0;
}
ul.type01 li .caption p.cate{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	color: #e85c05;
}

.caption span.ad{
	    font-size: 10px;
    display: block;
    color: #fff;
    background: #9d9d9d;
    height: 14px;
    line-height: 14px;
    padding: 0 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.thumb span.ad{
	    font-size: 10px;
    display: block;
    color: #fff;
    background: #9d9d9d;
    height: 14px;
    line-height: 14px;
    padding: 0 6px;
    position: absolute;
    bottom: 0;
    right: 0;
}



.flexBox .mainBox ul.rank .caption span.ad {
   
    top: 0;
    right: inherit;
    left: 137px;

}
ul.type01 li .caption h3{
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.6em;
	font-size: 14px;
}
ul.type01 li .caption h3 a{
	color: #000;
	text-decoration: none;
}
ul.type01 li .caption h3 a:hover{
	color: #999;
}

ul.type01 li .caption h3 span{
	font-size: 12px;
}
ul.type01 li .caption .tags{
	position: absolute;
	left:0;
	right:0;
	bottom:0px;
	height: 22px;
	line-height: 0;
	overflow:hidden;
}
ul.type01 li .caption span.tag{
	display: inline-block;
	line-height: 20px;
	font-size: 10px;
	font-weight: 300;
	color: #e85c05;
	border: #e85c05 solid 1px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	height: 20px;
}
ul.type01 li .caption span.tag a{
	color: #e85c05;
	text-decoration: none;
}
ul.type01 li .caption span.tag:hover{
	opacity:0.5;
}

ul.type02{
	margin: 0 ;
    padding: 0;
}
ul.type02 li{
    margin: 0 0 20px;
    padding: 0 0 20px;
    box-sizing: border-box;
	position: relative;
	border-bottom: #ccc dotted 1px;
}
ul.type02 li .box{
margin: 0;
	padding: 0 0 0 300px;
	position: relative;
	min-height: 200px;
}
ul.type02 li .box .thumb{
	width: 280px;
	margin: 0;
	padding: 0;
	position: absolute;
	top:0;
	left:0;
	line-height: 0;
} 
ul.type02 li .box .thumb img{
	width: 100%;
	height: auto;
}


ul.type02 li .caption{
	margin: 0;
	padding:0;
}
ul.type02 li .caption p.cate{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	color: #e85c05;
}
ul.type02 li .caption h3{
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.7em;
	font-size: 16px;
}

ul.type02 li .caption h3 span{
	font-size: 13px;
}

ul.type02 li.caption h3 span{
	font-size: 12px;
}
ul.type02 li .caption h3 a{
	color: #000;
	text-decoration: none;
}
ul.type02 li .caption h3 a:hover{
	color: #999;
 
}
ul.type02 li .caption p{
	    font-size: 13px;
    line-height: 1.8em;
    margin: 0 0 20px;
    padding: 0;
}

ul.type02 li .caption span.tag{
	display: inline-block;
	line-height: 20px;
	font-size: 10px;
	font-weight: 300;
	color: #e85c05;
	border: #e85c05 solid 1px;
	padding: 0 10px;
	margin: 0 5px 0 0;
}

ul.type02 li .caption span.tag a{
	    color: #e85c05;
	text-decoration: none;
}
ul.type02 li .caption span.tag a:hover{
	opacity: 0.5;
}

ul.type03{
	margin: 30px 30px 0 -40px;
    padding: 0;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.type03 li{
	    float: left;
    width: 33.3333333333333%;
    margin: 0;
    padding: 0 0 40px 40px;
    box-sizing: border-box;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

ul.type03 li .thumb{
	line-height: 0;
	position: relative;
}

 ul.type03 li .thumb img{
	width: 100%;
	height: auto;
}
ul.type03 li .caption{
	text-align: center;
	margin: 10px 0 0;
}
ul.type03 li .caption h3{
	    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 0;
    padding: 0;
    line-height: 1.6em;
}

 ul.type03 li .caption ul{
	margin: 0;
	padding: 0;
	display: inline-block;
}

 ul.type03 li .caption ul li{
	    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    color: #000;
    font-weight: bold;
    text-align: left;
    width: auto;
    display: block;
}
 
 ul.type03 li .caption ul li span{
	font-size: 11px;
	display: block;
	line-height: 1;
}
 ul.type03 li .caption ul li {
	font-size: 21px;
}

.flexBox .mainBox ul.rank{
	margin: 0 0 0 -15px;
    padding: 0;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexBox .mainBox ul.rank li{
	    float: left;
    width: 50%;
    margin: 0 0 15px;
    padding: 0 0 15px 15px;
	border-bottom: #ccc dotted 1px;
    box-sizing: border-box;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
	position: relative;
}

.flexBox .mainBox ul.rank li .box{
	padding: 0 0 0 176px;
	position: relative;
	min-height: 116px;
	display: flex;
    justify-content: left;
    align-items: center;
	overflow: visible;
}
.flexBox .mainBox ul.rank li .box .thumb{
	width: 162px;
	position: absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.flexBox .mainBox ul.rank li .box .thumb img{
	width: 100%;
	height: auto;
}

.flexBox .mainBox ul.rank li .caption{
	margin: 0;
	padding:0;
	width: 100%;
}
.flexBox .mainBox ul.rank li .caption p.cate{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 500;
	color: #e85c05;
}
.flexBox .mainBox ul.rank li .caption h3{
	font-weight: 700;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.6em;
	font-size: 14px;
}
.flexBox .mainBox ul.rank li .caption h3 span{
	font-size: 12px;
}
.flexBox .mainBox ul.rank li .caption h3 a{
	color: #000;
	text-decoration: none;
}
.flexBox .mainBox ul.rank li .caption h3 a:hover{
	color: #999;
}
.flexBox .mainBox ul.rank li .rank{
	    position: absolute;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    background: #fff;
    top: -25px;
    left: -25px;
    z-index: 5;
}

.flexBox .mainBox ul.rank li .rank img{
	width: 36px;
	height: auto;
}



.flexBox .mainBox ul.rank li .ranknum{
	    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 80px 0 0px;
    border-color: #ffffff transparent transparent transparent;
    color: #000;
    z-index: 50;
}
.flexBox .mainBox ul.rank li .ranknum span{
	font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: -60px;
    left: 15px;
}

.flexBox .mainBox ul.rank li .ranknum::after{
	    content: "";
    width: 110px;
    height: 1px;
    background: #000;
    position: absolute;
    top: -35px;
    left: -10px;
    transform: rotate(-36deg);
}



.flexBox .sideBox{
	width: 320px;
    box-sizing: border-box;
    padding: 0 0 0 20px;
	margin: 0;
	    position: relative;
}

/****top*******/
section.top{
	margin: 0;
	padding: 30px 0 0;
}
section.top .main{
	margin: 0 auto 34px;
}

.bookBox{
	margin: 0;
	padding: 30px 0 155px;
	background: #f2f2f2;
	position: absolute;
	top:0;
	left:20px;
	right:0;
	bottom:60px;
	min-height: 482px;
	box-sizing: border-box;
	display: flex;
    justify-content: center;
    align-items: center;
}
.bookBox.page{
	position:relative!important;
	left:0;
}

.bookBox .thumb{
	text-align: center;
	margin: 0;
	padding: 0 40px;
	line-height: 0;
}



.bookBox .thumb img{
	width: 100%;
	height: auto;
}

.bookBox .month{
	position: absolute;
	bottom: 70px;
	left:0;
	right:0;
	text-align: center;
	padding: 0 20px
}
.bookBox .month ul{
	margin: 0;
	padding: 0;
	display: inline-block;
}

.bookBox .month ul li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
		color: #e85c05;
		font-weight: bold;
	text-align: left;
}
.bookBox .month ul li:first-child{

	font-size: 69px;
	font-weight: bold;
}
.bookBox .month ul li:nth-child(2) span{
	font-size: 11px;
	display: block;
	line-height: 1;
}
.bookBox .month ul li:nth-child(2) {
	font-size: 21px;
}

.bookBox .month ul li:nth-child(3) span{
	font-size: 11px;
	display: block;
	line-height: 1;
	margin: 0;
}
.bookBox .month ul li:nth-child(3) {
	font-size: 23px;
}

.bookBox .link{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	text-align: center;
	padding: 0 46% 0 0;
	background: #454141;
}

.bookBox .link ul{
	margin: 0;
	padding: 0;
}

.bookBox .link ul li{
	margin: 0;
	padding: 0;
	height: 34px;
	border-bottom: #ccc solid 1px;
	box-sizing: border-box;
}
.bookBox .link ul li:last-child{
	border-bottom: none;
}

.bookBox .link ul li a{
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	text-align: left;
	padding: 0 40px 0 16px;
	    background-image: url(image/arrow_wh_right.svg);
    background-position: top 50% right 16px;
    background-repeat: no-repeat;
	background-size: 8px 12px;
	color: #fff;
	text-decoration: none;
}

.bookBox .link a.buy{
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	left:54%;
	    background: #e85c05;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	
}

section.top .main.flexBox {
	min-height: 482px;
}
.latest{
	margin: 0 auto 34px;

	}

.latest.flexBox .banner{
	margin: 0;
	padding: 0;
	line-height: 0;
}
.latest.flexBox .banner img{
	width: 100%;
	height: auto;
}
.latest .sideBox h3{
	margin: -55px 0 0;
	padding: 0;
	text-align: center;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	letter-spacing: 1px;
	
}
.latest .sideBox h3 span{
	height: 45px;
	display: inline-block;
	padding: 0 0 0 52px;
	margin: 0 0 10px;
	line-height: 45px;
	background: url(image/icon_insta.svg) no-repeat left;
}

.latest .sideBox .instafeed{
	    background: #000;
    margin: 0 0 20px;
    padding: 10px 10px 55px;
    position: relative;
}

.latest .sideBox .instafeed ul{
	margin: 0 0 0 -5px;
	padding: 0;
}

.latest .sideBox .instafeed ul li{
	float: left;
	width: 33.33333%;
	margin: 0;
	padding: 0 0 5px 5px;
	box-sizing: border-box;
	line-height: 0;
	position: relative
}
.latest .sideBox .instafeed ul li::before{
 display: block;
    content:'';
    padding-top: 100%
}
.latest .sideBox .instafeed ul li a{
	position: absolute;
    top: 0;
    left: 5px;
    bottom: 5px;
    right: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.latest .sideBox .instafeed ul li a img{
	width: 100%;
	height: auto;

}

.latest .sideBox .instafeed a.follow{
	 position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 40px;
    background: #e85c05;
    text-align: center;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: block;
}
.sideBox .insta h3{
	margin:20px 0 0;
	padding: 0;
	text-align: center;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	letter-spacing: 1px;
	
}
.sideBox .insta h3 span{
	height: 45px;
	display: inline-block;
	padding: 0 0 0 52px;
	margin: 0 0 10px;
	line-height: 45px;
	background: url(image/icon_insta.svg) no-repeat left;
}
.sideBox .insta .instafeed{
	    background: #000;
    margin: 0 0 20px;
    padding: 10px 10px 55px;
    position: relative;
}

.sideBox .insta .instafeed ul{
	margin: 0 0 0 -5px;
	padding: 0;
}

.sideBox .insta .instafeed ul li{
	float: left;
	width: 33.33333%;
	margin: 0;
	padding: 0 0 5px 5px;
	box-sizing: border-box;
	line-height: 0;
	position: relative
}
.sideBox .insta .instafeed ul li::before{
 display: block;
    content:'';
    padding-top: 100%
}
.sideBox .insta .instafeed ul li a{
	position: absolute;
    top: 0;
    left: 5px;
    bottom: 5px;
    right: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.sideBox .insta .instafeed ul li a img{
	width: 100%;
	height: auto;

}

.sideBox .insta .instafeed a.follow{
	 position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 40px;
    background: #e85c05;
    text-align: center;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: block;
}

.sideBox .banner{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.sideBox .banner img{
	width: 100%;
	height: auto;
}


.bigSlider{
	margin: 0 0 40px;
	padding: 10px 0;
	background: #000;
	opacity:0;
}

.ad_slider .caption{
	margin: 0;
	padding: 20px;
	color: #fff;
	opacity:0;
	    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
	position: relative;
}
.ad_slider .bx.slick-slide.slick-center .caption{
	opacity:1;
}

.ad_slider .caption h3{
	color: #fff;
	font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.6em;
    font-size: 20px;
	
}
.ad_slider .caption h3 span{
	font-size: 14px;
}

.ad_slider .caption h3 a{
	color: #fff;
	text-decoration: none;
}

.ad_slider .caption h3 a:hover{
	color: #ccc;
}

.ad_slider .caption p{
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.8em;
}
.ad_slider .caption span.ad{
	font-size: 12px;
    display: block;
    color: #fff;
    background: #9d9d9d;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 7px;
}


.ranking{
	margin: -40px 0 20px;
	padding: 0;
}
.ranking .rankTitle{
	margin: 0 0 30px;
	padding: 20px 0;
	background: #e85c05;
}

.ranking .rankTitle h2.title{
	margin: 0 auto;
	padding: 0 50px;
}

.ranking .rankTitle h2.title b{
	color: #fff;
}


.ranking .flexBox{
	margin: 0 auto;
}


.ranking .flexBox .mainBox{
	overflow: visible;
}


.flexBox .sideBox .twitter{
	
    margin: 0 0 20px;
    padding: 0;
    position: relative;
	border:#e1e8ec solid 1px;
}

.news {
    margin: 0 auto;
}

.regular {
    margin: 40px auto 0;
}

.magazine{
	margin: 40px 0 30px;
}

.magazine .magTitle {
    margin: 0 0 10px;
    padding: 0;
}

.magazine .magTitle h2.title{
	margin: 0 auto;
	padding: 0 50px;
}

.latestInfo{
	width: 800px;
	margin: 50px auto;
	padding: 0;
}
.latestInfo h3{
	color: #e85c05;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 20px;
	padding: 0;
}
.latestInfo ul{
	margin: 0;
	padding: 0;
}
.latestInfo ul li{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: #ccc dotted 1px;
}
.latestInfo ul li a{
	color: #000;
	text-decoration: none;
	font-size: 13px;
	display: block;
	margin: 0;
	padding: 0 30px 0 0;
	    background-image: url(image/arrow_bk_right.svg);
    background-position: top 50% right 16px;
    background-repeat: no-repeat;
    background-size: 8px 12px;
}
.magazineAd{
	margin: 0;
	padding: 10px;
	background: #000;
	text-align: center;
	line-height: 0;
}

.magazineAd img{
	max-width: 970px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	
}

.categoryTab{
	margin: 0;
}
.slider-for {
	background: #e85c05;
	padding: 50px 50px;
	margin: 0;

}

.slider-for ul{
	margin: 0 0 0 -15px;
	padding: 0;
}

.slider-for ul li{
	float: left;
    width: 20%;
    margin: 0;
    padding: 0 0 0px 15px;
    box-sizing: border-box;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}


.slider-for ul li .box{
	margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slider-for ul li .thumb{
	line-height: 0;
	position: relative;
}

.slider-for ul li.thumb img{
	width: 100%;
	height: auto;
}


.slider-for ul li .thumb h3{
	    padding: 10px 10px;
    height: 65px;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.82);
    color: #fff;
    font-size: 13px;
    line-height: 1.6em;
    margin: 0;
    font-weight: normal;
	
}
.slider-for ul li .caption{
	margin: 0;
	padding: 10px 0 0;
}
.slider-for ul li .caption h3 {
    font-weight: 700;
    margin: 0 ;
    padding: 0;
    line-height: 1.6em;
    font-size: 14px;
	color: #fff;
}
.slider-for ul li .caption h3 span {
    font-size: 12px;
}
.slider-for ul li .caption h3 a{
	color: #fff;
	text-decoration: none;
}
.slider-for ul li .caption h3 a:hover{
	color: #ffcaa9;
}
.slider-navBox{
	height: 36px;
	margin: 0;
	padding: 0;
	background: #000;
}
.slider-navBox .navBox{
	max-width: 804px;
	margin: 0 auto;
	padding: 0;
	height: 36px;
}

.slider-navBox .navBox .bx{
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #e85c05;
	font-size: 13px;
	font-weight: 500;
	    padding: 0 15px;
	position: relative;
	cursor: pointer;
}
.slider-navBox .navBox .bx.slick-current::after{
	content: "";
    height: 4px;
    bottom:-4px;
    left: 14px;
    right: 14px;
    background: #e85c05;
    position: absolute;
	-webkit-transition: .5s ease-out;
    transition: .5s ease-out;
}
.slider-navBox .navBox .bx.slick-current::after{
	content: "";
    height: 4px;
    bottom: 0;
    left: 14px;
    right: 14px;
    background: #e85c05;
    position: absolute;
}


/****list*******/
section.list{
	margin: 0;
	padding: 60px 0 0;
	position: relative;
}
section.list .postlist{
	margin: 0 auto 34px;
}

/****magazinelist*******/

section.list .maglist{
	margin: 0 auto 34px;
}
section.list .magdetail{
		margin: 0 auto 34px;
}
section.list .magdetail .post{
	margin: 0 30px 0 0 ;
	padding:0 0 80px;
	overflow: hidden;
}
section.list .magdetail .post .magbox .mag_detail{
	overflow: hidden;
}
section.list .magdetail .post .magbox {
	margin: 0 0 30px;
	padding: 20px 20px 10px;
	background: #efefef;
}
section.list .magdetail .sns{
	margin: 0;
	padding: 0;
	text-align: right;
	
}
section.list .magdetail .sns ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

section.list .magdetail .sns ul li{
	float: left;
	    width: 42px;
    height: 42px;
	margin: 0;
	padding: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	border-top:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
section.list .magdetail .sns ul li:first-child{
	border-left:#000 solid 1px;
}
section.list .magdetail .sns ul li img{
	width: 16px;
	height: auto;
	display: inline;
	margin: 0;
}
section.list .magdetail .post p.day{
	font-size: 14px;
	margin: 0px;
	padding: 0;
	font-weight: 700;
}
section.list .magdetail .post h2{
	font-weight: 700;
	font-size: 26px;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.4em;
}
section.list .magdetail .post h2 span{
	display: block;
	font-size: 18px;
}
section.list .magdetail .post p.read{
	    font-size: 15px;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.8em;
}
section.list .magdetail .post p.front{
	margin: 0 0 30px;
	padding: 0;
	font-weight: bold;
}
section.list .magdetail .post p{
	    margin: 0 0 30px;
    padding: 0;
    font-size: 15px;
    line-height: 2.0em;
}

/****detail*******/
section.detail{
	margin: 0;
	padding: 60px 0 0;
	position: relative;
}
section.detail .postdetail{
	margin: 0 auto 34px;
}
section.detail .postdetail .mainBox{
	padding: 10px 0 0;
}
section.detail .postdetail h1.title{
	font-size: 40px;
	font-weight: 900;
	color: #000;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
}
section.detail .postdetail h1.title b{
	color: #e85c05;
	font-size: 58px;
}
section.detail .postdetail .post{
	margin: 0 30px 0 0 ;
	padding:0 0 80px;
	overflow: hidden;
	font-size: 15px;
	line-height: 2.0em;
	word-break:break-all;
}
section.detail .postdetail .post b{
	font-weight: normal;
}
section.detail .postdetail .post p{
	margin: 0 0 30px;
	padding: 0;
	font-size: 15px;
	line-height: 2.0em;
}

section.detail .postdetail .post img{
	        margin: 0 auto;
    max-width: 100%;
    /* width: 100%; */
    height: auto;
    display: block;
    width: auto;
}
section.detail .postdetail .post p.day{
	font-size: 14px;
	margin: 0px;
	padding: 0;
	font-weight: 700;
}

section.detail .postdetail .post p.day .ad{
    font-size: 10px;
    display: inline-block;
    color: #fff;
    background: #9d9d9d;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    margin: 0 0 0 10px;
}

section.detail .postdetail .post h2.tl{
	font-weight: 700;
	font-size: 32px;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.4em;
	letter-spacing: -2px;
}
section.detail .postdetail .post h2.tl span{
	display: block;
	font-size: 18px;
	letter-spacing: normal;
    line-height: normal;
}

section.detail .postdetail .post h2{
	font-weight: 700;
	font-size: 24px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 1.4em;
	letter-spacing: -2px;
}
section.detail .postdetail .post h3{
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: -2px;
}
section.detail .postdetail .post h4{
	font-weight: 700;
	font-size: 16px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 1.6em;
	letter-spacing: -2px;
}
section.detail .postdetail .post p.read{
	    font-size: 17px;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.8em;
}

section.detail .postdetail .post .tags{
	margin: 0 0 50px;
}
section.detail .postdetail .post  span.tag{
	display: inline-block;
	line-height: 20px;
	font-size: 10px;
	font-weight: 300;
	color: #e85c05;
	border: #e85c05 solid 1px;
	padding: 0 10px;
	margin: 0 5px 0 0;
}

section.detail .postdetail .post  span.tag a{
	color: #e85c05;;
	text-decoration: none;
}
section.detail .postdetail .post  span.tag a:hover{
	opacity: 0.5;
}
section.detail .postdetail .sns{
	margin: 0;
	padding: 0;
	text-align: right;
	
}
section.detail .postdetail .sns ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

section.detail .postdetail .sns ul li{
	float: left;
	    width: 42px;
    height: 42px;
	margin: 0;
	padding: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	border-top:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
section.detail .postdetail .sns ul li:first-child{
	border-left:#000 solid 1px;
}
section.detail .postdetail .sns ul li img{
	width: 16px;
	height: auto;
	display: inline;
	margin: 0;
}
section.detail .postdetail .credit{
	padding: 30px ;
	margin: 50px 0 0;
	font-size: 14px;
	line-height: 1.8em;
	border-top:#d4d4d4 solid 1px;
	border-bottom:#d4d4d4 solid 1px;
}
section.detail .postdetail .credit .creditTitle{
	font-weight:bold;
	margin: 0 0 10px;
	font-size: 16px;
}

section.detail .postdetail .credit .infoBox {
	margin: 0;
	padding: 0;
	position: relative;
}
section.detail .postdetail .credit .infoBox b{
	font-weight: bold;
}
section.detail .postdetail .credit .infoBox.addMap{
	padding: 0 360px 0 0;
	min-height: 218px;
	display: flex;
    justify-content: left;
    align-items: center;
}
section.detail .postdetail .credit .infoBox p{
	font-size: 13px;
	line-height: 1.8em;
}
section.detail .postdetail .credit .infoBox .map{
    margin: 0;
    padding: 0;
    width: 340px;
    height: 218px;
    border: #ccc solid 1px;
	position: absolute;
	right:0;
	top:0;
}
section.detail .postdetail .credit .infoBox .map iframe{
	width: 340px;
    height: 218px;

}
section.detail .postdetail .person{
	padding: 20px 0 0;
}
section.detail .postdetail .person p{
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}
section.detail .postdetail .nextpage{
	padding: 0px 110px 0px 157px;
	min-height: 96px;
	margin: 30px 0;
border-top:#d4d4d4 solid 1px;
	border-bottom:#d4d4d4 solid 1px;
	position: relative;
	display: flex;
    justify-content:left;
    align-items: center;

	
}

section.detail .postdetail .nextpage b{
	font-weight: 500;
    font-size: 24px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width: 157px;
	text-align: center;
}
section.detail .postdetail .nextpage b span{
	padding: 0 40px 0 0;
	background: url(image/arrow_wh_wright.svg) no-repeat right;
}

section.detail .postdetail .nextpage p.count{
	font-weight: 500;
    font-size: 24px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	width: 110px;
	text-align: center;
}
section.detail .postdetail .nextpage p.count span.color{
	color: #e85c05;
}
section.detail .postdetail .nextpage p.count span.mini{
	font-size: 12px;
	padding: 0 0 0 5px;
}

section.detail .postdetail .nextpage p.nxtitle{
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.topbanner {
    max-width: 970px;
    padding: 0 30px;
    margin: 30px auto 0;
    line-height: 0;
}

article.page .topbanner {
    max-width: 970px;
    padding: 0 30px;
    margin: 0px auto 30px;
    line-height: 0;
}
.listbanner{
	max-width: 970px;
	padding: 0 30px;
	margin:0 auto 40px;
	line-height: 0;
}
.listbanner img,.topbanner img{
	width: 100%;
	height: auto;
}



section.privacy{
	margin: 0;
	padding: 60px 0 0;
	position: relative;
}
section.privacy .privacyBlock{
	max-width: 760px;
    margin: 0 auto;
    padding: 50px 0;
}
section.privacy .privacyBlock h1{
	text-align: center;
	font-size: 24px;
	margin: 0 0 30px;;
	padding: 0;
}
section.privacy .privacyBlock h1 span{
	padding: 0 ;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
section.privacy .privacyBlock p.read{
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: #ccc dotted 1px;
}
section.privacy .privacyBlock p{
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 2.0em;
}
section.privacy .privacyBlock h3{
	margin: 30px 0 0px;
	font-size: 14px;
	padding: 0;
}

section.privacy .privacyBlock h3 span{
	font-size: 16px;
	display: block;
	padding:  0 0 20px;
}
section.privacy .privacyBlock address{
	font-style: normal;
	font-size: 13px;
	line-height: 2.0em;
}


section.contact{
	margin: 0;
	padding: 60px 0 0;
	position: relative;
}
section.contact .contactBlock{
	max-width: 760px;
    margin: 0 auto;
    padding: 50px 0;
}
section.contact .contactBlock h1{
	text-align: center;
	font-size: 24px;
	margin: 0 0 30px;;
	padding: 0;
}
section.contact .contactBlock h1 span{
	padding: 0 ;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
section.contact .contactBlock p.message{
	font-size: 13px;
    line-height: 2.0em;
    margin: 0 0 20px;
    padding: 20px 0 0;
    text-align: center;
}
section.contact .contactBlock dl.first{
	padding: 15px 0 15px;
	border-top: #ccc dotted 1px;
}

section.contact .contactBlock dl {
	margin: 15px 0 0;
	padding: 0 0 15px;
	border-bottom: #ccc dotted 1px;
	font-size: 13px;
	line-height: 2.0em;
}
section.contact .contactBlock dl dt {
	font-weight: bold;
	margin: 0;
	padding: 0 50px 5px 0;
	position: relative;
}
section.contact .contactBlock dl dd {
	margin: 0;
	padding: 0;
}
section.contact .contactBlock dl dt span {
	display: block;
	padding: 0;
	background: #e85c05;
	color: #fff;
	text-align: center;
	width: 68px;
	height: 22px;
	line-height: 22px;
	right: 0;
	top: 0;
	position: absolute;
	font-size: 10px;
}
section.contact .contactBlock dl dd p {
	text-align: left;
	margin: 0 0 10px;
}
section.contact .contactBlock .submit {
	text-align: center;
}


.post video{
	display: block;
	width: 100%;
	height: auto;
	margin:20px 0 0;
	background: #000;
}

@media screen and (max-width: 1220px) {
.wrap{

	padding: 0 30px;

}

}

	
@media print, screen and (min-width: 1075px) and (max-width: 1180px) {
.bookBox .thumb {
    padding: 0 20px;
}
}


@media screen and (max-width: 1124px) {
header nav.gNavi ul li a{

	padding: 0 16px;

	
	
}
}

@media screen and (max-width: 1180px) {
	.flexBox .mainBox{

    width: calc( 100% - 260px );

}
	.flexBox .sideBox{
	width: 260px;

}
	section.top .main.flexBox {
     min-height: auto;
}
	.bookBox {

    padding: 0px 0 135px;
    top: 0;
    left: 20px;
    right: 0;
    bottom: 60px;
    min-height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.bookBox.page{
		 padding: 20px 0 135px;
	}

	.bookBox .month ul li:first-child {
    font-size: 40px;

}
	.bookBox .month {

    padding: 0 10px;
}
	.bookBox .month ul li:first-child {
    font-size: 50px;
		margin: 0 10px 0 0;
}
	.bookBox .month ul li:nth-child(2) {
    font-size: 20px;
		margin: 0 10px 0 0;
}
		.bookBox .month ul li:nth-child(3) {
    font-size: 18px;
}
	.bookBox .link {

    padding: 0 40% 0 0;

}
	.bookBox .link a.buy {
   
    left: 60%;
   
}
	.bookBox .link ul li a {
  
    padding: 0 30px 0 16px;
  
    background-position: top 50% right 10px;
   
}
}
@media print, screen and (max-width: 1100px) {
	.flexBox .mainBox ul.type01 li {

    width: 50%;

 
}
	.flexBox .mainBox ul.type01.upcomming li:nth-child(3) {
		display: none;
 
}
}

@media print, screen and (min-width: 1020px) and (max-width: 1074px) {
	    .bookBox .thumb {
   padding: 10px 30px 0;
}
}
	
	@media print, screen and (max-width: 1019px) {
	    .bookBox .thumb {
       padding: 10px 40px 0;
}
}



/**追加*/
#sound_on_13{
	display: none;
}

/* questionnaire-area
================================================== */
#questionnaire-area {
    padding: 50px;
    margin: 0 auto 50px;
    background: #efefef;
    box-sizing: border-box;
}
#questionnaire-area p.tagline {
	font-size: 15px;
    margin: 0;
    padding: 0;
    line-height: 2.0em;
    font-weight: bold;


}
#questionnaire-area h2 {
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.6em;
    font-size: 20px;
    font-weight: bold;

}
#questionnaire-area h3 {
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.6em;
	font-size: 20px;
	font-weight: bold;

}
#questionnaire-area p {
	font-size: 13px;
	margin: 0 0 20px;
	padding: 0;

}
#questionnaire-area dl {
	margin: 15px 0 0;
	padding: 0 0 15px;
	border-bottom: #B0B0B0 dotted 1px;
	font-size: 13px;
	line-height: 2.0em;
}
#questionnaire-area dl dt {
	font-weight: bold;
	margin: 0;
	padding: 0 50px 5px 0;
	position: relative;
}
#questionnaire-area dl dd {
	margin: 0;
	padding: 0;
}
#questionnaire-area dl dt span {
	display: block;
	padding: 0;
	background: #e85c05;
	color: #fff;
	text-align: center;
	width: 68px;
	height: 22px;
	line-height: 22px;
	right: 0;
	top: 0;
	position: absolute;
	font-size: 11px;
}
#questionnaire-area dl dd p {
	text-align: left;
	margin: 0 0 10px;
}
#questionnaire-area .submit {
	text-align: center;
}

#questionnaire-area input[type="text"], #questionnaire-area input[type="number"], #questionnaire-area input[type="tel"], #questionnaire-area input[type="email"], #questionnaire-area input[type="password"], #questionnaire-area textarea, #questionnaire-area select {

    background-color: #fff;

}

#page-top {
    position: fixed;
    z-index: 9998;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 46px;
    height: 8px;
    background-color: rgba(0, 0, 0,1);
    background-image: url(image/arrow_top.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px 6px;
    text-align: center;
    margin: 0;
    padding: 19px 0;
    line-height: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    text-indent: -9999px;
	display: none;
}



section.detail .postdetail .post .follow {
	margin: 0;
	padding: 20px 0;
}

section.detail .postdetail .post .follow h4 {
	margin: 0 0 22px;
	padding: 0;
	font-family: 'Amiri', serif;
	position: relative;
	line-height: 1;
	font-weight: 700;
	font-size: 20px;
}
section.detail .postdetail .post .follow h4 span {
	font-size: 13px;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline-block;
	padding: 0 0 0 5px;
	font-weight: 500;
}
section.detail .postdetail .post .follow h4 b {
	font-weight: bold;
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 0 20px 0 0;
}
section.detail .postdetail .post .follow h4::after {
	content: "";
	height: 1px;
	top: 50%;
	left: 0;
	right: 0;
	border-bottom: #ccc dotted 1px;
	/* background: #e6e6e6; */
	position: absolute;
}
section.detail .postdetail .post .follow ul {
	margin: 0 0 0 -12px;
	padding: 0;
}
section.detail .postdetail .post .follow ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
	width: 50%;
	box-sizing: border-box;
}
section.detail .postdetail .post .follow ul li a {
	display: block;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-family: 'Amiri', serif;
	font-size: 14px;
	text-align: center;
	
}

section.detail .postdetail .post .follow ul li a.instagram{
	
	background-color: #e04161;
}
section.detail .postdetail .post .follow ul li a.twitter {
	
	background-color: #000;
}


section.detail .postdetail .post .follow ul li a.instagram span{
background-image: url(image/instagram.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	display: inline-block;
	padding: 0 0 0 35px;
	height: 42px;
}

section.detail .postdetail .post .follow ul li a.twitter span{
background-image: url(image/x_logo_white.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-decoration: none;
display: inline-block;
	
	padding: 0 0 0 35px;
	height: 42px;
	}


.flexBox .bannerPage {
    margin: 20px 0 0px;
    padding: 0;
    line-height: 0;
}
.latest.flexBox .bannerTop {
    margin:0px 0 75px;
    padding: 0;
    line-height: 0;
}