@charset "UTF-8";
/*
	Theme Name: Numero Renewal 2019
	Description: Numero Renewal 2019テンプレート用
	Theme URI: 
	Author: Diamond Heads inc.
	Author URI: 
	Version: 2.0.0
	Tags: white, right-sidebar, two-columns
*/
/* CSS Document */

li {
	list-style-type: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/*{
      box-sizing: border-box;
    }*/

/* Fonts
------------------------------------------------------------*/
html {
	font-size: 15px;
}

body {
/*	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
	font-family:  YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing: 0rem;
	font-size: 15px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}

input {
 outline:0px none black;
}



@media screen and (max-width: 480px) {
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing: 0rem;
	font-size: 14px;
	line-height: 1.93;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
}

*html body {
	font-size: 15px;
}

/* 使えるフォント一覧
font-family: 'Swiss 721'
'Swiss721BT-Medium'
font-family: 'Swiss 721 Bold'
font-family: 'Swiss 721 Light'
font-family: 'Swiss 721 Medium'
*/



.goth {
	font-family: 'Swiss721BT-Medium', sans-serif;
	font-weight: normal;
}

.gothjp {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif!important;
}

.small {
	font-size: 11px;
	font-size: 0.9rem;
}

.bold {
	font-family: 'Swiss721BT-Bold';
}

.boldjp {
	font-weight: 600;
}

/* Link
------------------------------------------------------------*/



a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

a:hover {
}

/* clearfix
------------------------------------------------------------*/



.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* IE用 */



img {
	vertical-align: bottom;
}

/* ===========PC用リセット=========== */



.pc {
	display: block;
}

/*PCのみ*/

.no_sp {
	display: block;
}

/*PCとPAD共通*/



.pad {
	display: none;
}

/*PADのみ*/



.no_pc {
	display: none;
}

/*PADとSP共通 まだ指定箇所無し*/



.sp {
	display: none;
}

/*SPのみ*/



#menu li.sp {
	display: none!important;
}


/*pad用リセット*/
@media screen and (max-width: 1068px) {

.pc {
	display: none;
}

.no_sp {
	display: block;
}

.pad {
	display: block;
}

.no_pc {
	display: block;
}

.sp {
	display: none;
}

#menu li.sp {
	display: none!important;
}


}

/*スマホ用リセット*/
@media screen and (max-width: 480px) {

.pc {
	display: none;
}

.no_sp {
	display: none;
}

.pad {
	display: none;
}

.no_pc {
	display: block;
}

.sp {
	display: block;
}

#menu li.sp {
	display: block!important;
}





}

/* ===========CSS Document=========== */



body {
	width: 100%;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	overflow: auto;
	height: 100%;
}

h1, h2, h3 {
	font-weight: 600;
	
}

/* top_slider
------------------------------------------------------------*/


#slider_top .slider {
	width: 1280px;
	margin: 0 auto;
}

#slider_top .slider div {
	width: 100%;
	height: 720px;
	overflow: hidden;
}

#slider_top .slick-slide {
	margin: 0;
}

#slider_top .slick-slide {
	/*transition: all ease-in-out .3s;*/
	opacity: 0;
}

#slider_top .slick-active {
	opacity: .5;
}

#slider_top .slick-slide img {
	width: 100%;
	height: auto;
}
 @media screen and (max-width: 480px) {

#slider_top .slider {
	width: 100vw;
	height: 210px;
	margin: 0 auto;
	overflow: hidden;
}

#slider_top .slider div {
	width: 100vw;
	height: 56vw;
	overflow: hidden;
	position:relative;
}

#slider_top .slick-slide img {
	position:absolute;
	top: -2vw;
	width: 100%;
	height: auto;
	/*object-fit: contain;*/
}
}

#slider_top .slick-prev:before, .slick-next:before {
	color: black;
}

#slider_top .slick-slide {
	/*transition: all ease-in-out .3s;*/
	opacity: 1;
}

#slider_top .slick-active {
	opacity: .5;
}

#slider_top .slick-current {
	opacity: 1;
}

/* Ad_top
------------------------------------------------------------*/


div#slider_top {
	width: 100%;
	text-align: center;
}

div#slider_top .margin {
	padding-top: 110px;
	position: relative;
	max-height: 720px;
}
 @media screen and (max-width: 480px) {

div#slider_top .margin {
	padding-top: 40px;
	position: relative;
	max-height: 210px;
	width: 100%;
}
}

div#slider_top .margin img {
width:100%;
height:auto;
}

div#slider_top .margin #ad-top-page {
	width: 100%;
	text-align: center;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	opacity: 1;
	overflow: hidden;
}

div#slider_top .margin #ad-top-page img {
	height: 720px;
	width: auto;
	position: relative;
}

@media screen and (max-width: 480px) {
div#slider_top .margin #ad-top-page img {
	height: auto;
	object-fit: cover;
	width: 100%;
	position: relative;
}
}

div.fixedad .margin {
	padding-top: 85px!important;
}

body#archive div.fixedad .margin {
	padding-top: 85px!important;
}

body#archive.news div.fixedad .margin {
	padding-top: 60px!important;
}

@media screen and (max-width: 480px) {
div.fixedad .margin {
	padding-top: 40px!important;
}

body#archive div.fixedad .margin {
	padding-top: 40px!important;
}

body#archive.news div.fixedad .margin {
	padding-top: 40px!important;
}

}
@media screen and (max-width: 1068px) {
div#slider_top .margin {
	padding-top: 40px!important;
}
}

/* Header
------------------------------------------------------------*/



#hdr {
	text-align: center;
	heigth: 110px;
	background-color: #fff;
	position: fixed;
	z-index: 100;
	width: 100%;
	transition-duration: 1s;
	transition-delay: 3s;
	opacity:1;
}

#hdr.op{	opacity:1;}

#hdr_inner {
	width: 100%;
	max-width: 1068px;
	margin: 0px auto 0;
	position: relative;
}

/*ロゴ*/


#logo {
	margin: 0 auto;
}

#logo a {
	display: block;
	height: 70px;
	width: 350px;
	margin: 20px auto;
	background: #fff url(img/logo_k.png) no-repeat center 0;
	background-size: contain;
	text-indent: -3333px;
	z-index: 1000;
	/*transition: all 1s ease-out;*/
}

p.search {
	width: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}

p.search a {
	padding: 30px;
}

p.search a img {
	margin-top: -20px;
}

.MenuContainer {
}

.HiddenCheckbox {
	display: none;
}

.Menu-list {
	display: none;
	color: #000;
}

.Menu-list a {
	color: #000;
}









li.search {
	display: none;
}

li.search_btn {
	vertical-align: middle;
	line-height: 0;
	cursor:pointer;
}

#searchform {
	display: none;
}

#searchform_pc {
	display: block;
}






/* Header fixed
------------------------------------------------------------*/


.fixed {
	heigth: 60px;
}

.fixed .MenuContainer {
	display: block;
	width: 850px;
	float: left;
	text-align:left;
}

/*ロゴ*/


.fixed #logo {
	margin: 0;
	display: block;
	width: 150px;
	float: left;
}

.fixed #logo a {
	display: block;
	height: 25px;
	width: 125px;
	margin: 20px 0;
	background: #fff url(img/logo_k.png) no-repeat center 0;
	background-size: contain;
	text-indent: -3333px;
	z-index: 1000;
}

.fixed .Menu-list {
	display: block;
	padding-top: 20px;
}

.fixed .Menu-list li {
	display: inline-block;
	text-align: left;
	padding:0 0.5em;
	/*font-weight: 600;*/
	font-size: 14px;
	padding-bottom: 3px;
	line-height: 14px;
}

.fixed .Menu-list li:first-child {
	/*text-indent: 0;*/
}


.fixed .Menu-list li ul {
	display: none;
}

/*==========スマホ用New_menu==========*/



.nav-horizontal {
	background-color: #fff;
	overflow: hidden;
	height: 2em;
	width: 100%;
	padding: 10px 0 10px 0;
}

.nav-horizontal .mask {
	height: 5em;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.nav-horizontal ul {
	display: inline-table;
	margin: 0 auto;
	max-width: 100%;
}

body#top .nav-horizontal li:first-child {
	padding:10px 10px;
	display: table-cell;
	white-space:nowrap;
}
body#top .nav-horizontal li:last-child {padding-right:0;}

.nav-horizontal ul.fashion li.fashion a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.beauty li.beauty a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.people li.people a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.interview li.people a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.art li.art a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.culture li.culture a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.food li.food a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.trip li.trip a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.astrology li.astrology a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.wakitanaoki_answer li.astrology a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.blog li.blog a {border-bottom: 2px solid #000;color:#000;}
.nav-horizontal ul.magazine li.magazine a {border-bottom: 2px solid #000;color:#000;}

.nav-horizontal li {
	padding:10px 10px;
	display: table-cell;
	white-space:nowrap;
}

.nav-horizontal li:first-child {padding-left:157px;}
.nav-horizontal li:last-child {padding-right:157px;}

body#top .nav-horizontal li:first-child {
	padding:10px 10px 10px 20px ;
	display: table-cell;
	white-space:nowrap;
}

.nav-horizontal li a {
	padding-bottom:3px;
	color: #A0A0A0;
	border-bottom: 2px solid #fff;
	font-size:16px;
}
.nav-horizontal li a:hover {
	color: #000;
	border-bottom: 2px solid #000;
}

.search_btn .search_area {
display:none;
position:fixed;
width:100%;
/*max-width:1280px;*/
left:0;
white-space:nowrap;
background-color:#eee;
margin-top:16px;
margin-left:0;
padding:0.5em 0;
z-index:1;
}

.active .search_area {
display:block;
z-index:0;
}

div.search_form{
border-radius: 20px;
padding: 0;
height: 40px;
width: 50%;
max-width:800px;
background-color: #fff;
margin: 10px auto 10px auto;
border: 1px solid #000;
}

div.search_form input#s{
    font-size:16px;
    border: none;
    box-shadow: none;
    padding: 4px 5px!important;
    margin-left:20px;
    width:90%;
    width: calc(100% - 130px);
    height: 30px;
    background-color:transparent;
    
}

div.search_form input#searchsubmit {
    background: url(/wp-content/themes/numero_2019/img/icon_search.png) top left no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    border: none;
    display: block;
    float: right;
    margin: 10px;
}



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

#hdr {
	heigth: 40px;
	transition-duration: 0s;
	transition-delay: 0s;
}

/*ロゴ*/


#logo {
	margin: 0 auto;
}

#logo a {
	display: block;
	height: 20px;
	width: 125px;
	margin: 10px auto;
	background: #fff url(img/logo_k.png) no-repeat center 0;
	background-size: contain;
	text-indent: -3333px;
	z-index: 1000;
}

#searchform {
	display: block;
}

.MenuContainer {
	position: fixed;
	left: 80%;
	top: 0;
	display: block;
	padding: 15px 10px;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
}

.MenuHeader {
	color: #999999;
	display: inline-block;
	float: left;
	font-weight: 100;
	line-height: 30px;
	margin: 0 0 0 15px;
	opacity: 0;
	position: relative;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	transition: transform 0.6s, opacity 0.5s;
	z-index: 2;
}

.fixed {
	text-align: center;
	heigth: 40px;
}

/*ロゴ*/


.fixed #logo {
	float: none;
	margin: 0 auto;
}

.fixed #logo a {
	display: block;
	height: 20px;
	width: 125px;
	margin: 10px auto;
	background: #fff url(img/logo_k.png) no-repeat center 0;
	background-size: contain;
	text-indent: -3333px;
	z-index: 1000;
}

.fixed .MenuContainer {
	display: none;
	width: 100%;
	float: none;
}

.fixed .MenuContainer {
	position: fixed;
	left: 80%;
	top: 0;
	display: block;
	padding: 15px 10px;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
}

.fixed .Menu-list li {
	display: block;
	text-align:left;
}

.MenuIcon {
	cursor: pointer;
	display: block;
	float: right;
	height: 10px;
	position: relative;
	width: 20px;
	z-index: 2;
}

.MenuIcon::before {
	height: 2px;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	width: 20px;
}

.MenuIcon::after {
	bottom: 0;
	height: 2px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	width: 20px;
}

.MenuIcon::before, .MenuIcon::after {
	background: #000;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}

.Menu {
	background: #F5F5F5;
	margin-top: 40px;
	top: 0;
	right: -100%;
	height: 100vh;
	height: -webkit-calc(100vh - 40px);
	height: calc(100vh - 40px);
	position: absolute;
	width: 100%;
	-webkit-transition: right 0.4s;
	transition: right 0.4s;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.fixed .Menu {
	background: #F5F5F5;
	margin-top: 40px;
}

.HiddenCheckbox:checked ~ .MenuHeader {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.HiddenCheckbox:checked ~ body {
	background-color: #C00;
}

.HiddenCheckbox:checked ~ .MenuIcon::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(-2px, -2px, 0);
	transform: rotate(45deg) translate3d(-2px, -2px, 0);
}

.HiddenCheckbox:checked ~ .MenuIcon::after {
	-webkit-transform: rotate(-45deg) translate3d(-2px, 2px, 0);
	transform: rotate(-45deg) translate3d(-2px, 2px, 0);
}

.HiddenCheckbox:checked ~ .Menu {
	right: 0;
}



.Menu-list {
	display: block;
	list-style-type: none;
	margin: 25px 0 ;
	padding: 0;
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
	text-align: left;
}

.Menu div.sp img{
padding-top:0;
width:100%;
height:auto;
}

.Menu-list ul {
	display: none;
	width:100%;
}



.Menu-item {
	margin: 0;
}

.Menu-link {
	color: #000;
	display: block;
	overflow: hidden;
	padding: 8px;
	position: relative;
	text-decoration: none;
	z-index: 1;
	width:70%;
	float:left;
	height: 20px;
	font-size:18px;	
}

li.search div.Menu-link {
	border-radius: 20px;
	padding: 0;
	height: 40px;
	width: 100%;
	background-color: transparent;
	margin: 20px auto 10px auto;
	border:1px solid #000;
}

input#searchsubmit{
background:transparent url(/wp-content/themes/numero_2019/img/icon_search.png) top left no-repeat;
	background-size: contain;
	width:18px;
	height:18px;
	border:none;
	display:block;
	float:right;
	margin:10px;
}

.Menu-second{
width:100%;
clear:both;
display:block;
padding: 10px 0;
}

.Menu-second li{
width:100%;
clear:both;
display:block;
text-indent:0;
}


.Menu-second li a{
overflow: hidden;
    padding: 8px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    height: 16px;
    font-size: 11px;
    font-weight: 600;
    display:block;
    }


input#s{
  font-size:16px;
  border:none;
  box-shadow: none;
  padding: 4px 8px!important;
  width:77%;
  height:30px;
  background-color:transparent;
}

li.search {
    display: block;
    width:100%;
}

.Menu-list ul li .Menu-link{
	width:100%;
	font-size:11px;
	font-weight:normal;
	height:11px;
}


/*プラスボタン*/
.button {
	margin: 13px 0 13px 22px;
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	float:right;
	cursor:pointer;
}

.button:before, .button:after {
	display: block;
	content: '';
	background-color: #333;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 4px;
	left: 0;
}
.button:before {
	width: 2px;
	height: 10px;
	top: 0;
	left:  4px;
}

/*マイナスボタン*/

.button.active:before {
	display: block;
	content: '';
	background-color: #333;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 4px;
	left: 0;
}

.button.active:after {
	display: block;
	content: '';
	background-color: #333;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 4px;
	left: 0;
}




}




/*==============New_menu*/




#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
}

#content_wrapper {
	width: 100%;
	/*min-width: 1068px;*/
	margin: 0 auto;
	overflow: hidden;
	/*  padding-top:110px;
  border:1px solid #000; */
	position: relative;
}

#content_wrapper h1.ctgry {
    width: 100%;
    padding-top: 60px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    font-size: 44px;
    line-height: 46px;
    margin-bottom: -15px;
}

#content_wrapper h1.ctgry .gothjp{
	font-size: 36px;
	font-weight: 600;
}

#content_wrapper h1 span {
	display: block;
}

#content_wrapper h1 span.top_category {
	font-size: 24px;
	padding-bottom:4px;
}
 @media screen and (max-width: 480px) {

#content_wrapper h1.ctgry {
	width: 100%;
	padding: 30px 0 0px;
	/*min-width: 1068px;*/
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	font-size: 24px;
	line-height:1.5;
}

#content_wrapper h1.ctgry .gothjp{
	font-size: 21px;
	font-weight: 600;
}


#content_wrapper h1 span {
	display: block;
}

#content_wrapper h1 span.top_category {
	font-size: 14px;
}

}

/* Contents
------------------------------------------------------------*/



#content {
	margin: 80px 0 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.wrapper-content {
	margin: 20px 0 0;
	position:relative;
}

.wrapper-content.single_padding {
	margin: 50px 0 0;
}


body.magazine .wrapper-content {
	margin: 100px 0 0;
	position:relative;
}


.wrapper-content #content {
	margin: 0;
}


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

#content {
	margin: 30px 0 10px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.wrapper-content {
	margin: 10px 0 0;
	position:relative;
}

.wrapper-content.single_padding {
/*	margin: 10px 0 0;*/
margin: 0;
}

body.magazine .wrapper-content {
	margin: 10px 0 0;
	position:relative;
}

body#single .wrapper-content {
	margin: 10px 0 0;
	position:relative;
}


.wrapper-content #content {
	margin: 0;
}

}

/*サイドAD*/



.side {
	float: right;
	width: 300px;
	height: auto;
	/*height: calc(100% - 400px );*/
	overflow: hidden;
	position: absolute;
	text-align: right;
	right: 0;
	top: 0;
	z-index: 1;
	margin-right: -webkit-calc((100% - 1068px) / 2 );
	margin-right: calc((100% - 1068px) / 2 );
	/*background-color:#000;*/
}






.adad {
	position: relative;
	visibility:visible;
	transition: all 2s ease-out;
}




.ad_area {
width:100%;
postion:relative;
overflow:hidden;
background-color:#fff;
}


.ad_area .side {
	float: right;
	width: 300px;
	/*height: calc(100% - 400px );*/
	overflow: hidden;
	position: relative;
	text-align: right;
	right: 0;
	top: 0;
	z-index: 0;
	margin-right: -webkit-calc((100% - 1068px) / 2 );
	margin-right: calc((100% - 1068px) / 2 );
	/*background-color:#000;*/
	height:100%;
}


#end{
height:1px;
width:100%;
position: relative;
}

.end{
/*border-top:1px solid #000;*/
position:relative;

}

.ad_hide {
	visibility:hidden;
}


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

.side {
	display: none;
}
}

/*===============List==============*/



.unit_wrapper {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}

.unit_wrapper ul {
	width: 100%;
	overflow: hidden;
	min-height:600px;
}

.unit_wrapper div.slider_astrology ul.view_list{
	min-height:300px;
}




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

.unit_wrapper {
	width: 100%;
	padding: 0;
	position: relative;
	height: auto;
	overflow: hidden;
}


.unit_wrapper ul {
	width: 100%;
	min-height:auto;
}

}

li.unit {
	width: 576px;
	height: 260px;
	overflow: hidden;
	overflow: hidden;
	margin: 0 50px 50px 140px;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}
 @media screen and (max-width: 480px) {

li.unit {
	width: 83%;
	padding: 0 12% 0 5%;
	height: auto;
	overflow: hidden;
	overflow: hidden;
	margin: 0 0 20px 0;
	position: relative;
	display: block;
	margin-left: 0;
}
}

li.unit .photo {
	width: 260px;
	height: 260px;
	float: left;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
 @media screen and (max-width: 480px) {

li.unit .photo {
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}
}

li.unit .photo img {
	width: 100%;
	height: auto;
}

li.unit .number {
	width: 316px;
	height: auto;
	float: right;
	overflow: hidden;
}


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

li.unit .number {
	width: 170px;
	width : -webkit-calc(100% - 135px);
	width : calc(100% - 135px);
	height: auto;
	float: right;
	overflow: hidden;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
}

li.unit a {
	display: block;
}

li.unit a:hover {
/*opacity: .5;*/
  /* for Opera,Firefox,Safari */
  /*filter: alpha(opacity=50);*/
  /* for IE */
}

.unit h2.txt {
	font-size: 22px;
	line-height: 34px;
	text-align: left;
	padding: 55px 0 0 30px;
	color: #000;
	font-weight: 600;
	
}

.unit p.cat {
	font-size: 16px;
	line-height: 40px;
	text-align: left;
	padding: 0 0 0 30px;
	color: #000;
	font-family: 'Swiss721BT-Roman';
}

.unit p.blogger {
	line-height: 16px;
	margin-top:-3px;
}


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

.unit h2.txt {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	padding: 0;
	color: #000;
	font-weight: 600;
	
	padding-top: 1em;
}

.unit p.cat {
	font-size: 10px;
	line-height: 22px;
	text-align: left;
	padding: 0;
	color: #000;
}

.unit p.blogger {
	line-height: 10px;
	
}


li.unit .number p.cat {
	font-size: 10px;
	line-height: 22px;
	text-align: left;
	padding: 0;
	color: #000;
	font-family: 'Swiss721BT-Roman';
}

li.unit .number p.blogger {
	font-size: 10px;
	line-height: 10px;
}
}

/*======PickUp======*/

li.pickup {
	/*width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 50px 0;
	margin:0;
	margin-top: 80px;
	position: relative;
	display: block;
	background-color: #fff;*/
		width: 1280px;
	height: auto;
	overflow: hidden;
	padding: 0 0 50px 0;
	margin:0 auto 0 auto;
	position: relative;
	display: block;
	background-color: #fff;
}

/*
li:first-child.pickup {
	margin-top: 0;
}
*/

li.pickup .photo {
	width: 100%;
	height: calc(100vw*1.68);
	max-height: 560px;
	float: none;
/*	overflow: hidden;*/
	background-size: 100% auto;
	background-position: center center;
/*	background-attachment: fixed;*/
	background-repeat: no-repeat;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
/*	transition-duration: .1s;*/
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden

}

li.pickup .photo img {
	width: 100%;
	height: auto;
}

li.pickup .number {
	width: 1068px;
	height: auto;
	float: none;
	overflow: hidden;
	margin: 20px auto;
}

li.pickup h2.txt {
	font-size: 26px;
	line-height: 38px;
	text-align: left;
	padding: 0;
	color: #000;
}

li.pickup p.cat {
	font-size: 18px;
	line-height: 40px;
	text-align: left;
	padding: 0;
	color: #000;
}

li.pickup p.blogger {
	line-height: 18px;

}


@media screen and (max-width: 480px) {
li.pickup {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 0 20px 0;
	margin: 0;
	position: relative;
	display: block;
	background-color: #fff;
}

li.pickup .photo {
	width: 100%;
	height: calc(100vw*1.68);
	max-height: 180px;
	float: none;
/*	overflow: hidden;*/
	background-size: 100% auto;
	background-position: center 0;
	background-repeat: no-repeat;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	/*transition-duration: .1s;*/
	transform: translate3d(0, 0, 0);
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;

}

li.pickup .number {
	width: 83%;
	padding: 0 12% 0 5%;
	height: auto;
	float: none;
	overflow: hidden;
	margin: 0 auto;
	display:block;
}

li.pickup h2.txt {
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	width: 100%;
	padding: 10px 0 0 0;
	color: #000;
}

li.pickup p.cat {
	font-size: 10px;
	line-height: 28px;
	text-align: left;
	width: 100%;
	padding: 0 0 0 0;
	color: #000;
}

li.pickup p.blogger {
	line-height: 12px;
}


li.pickup .number p.cat {
    font-size: 10px;
    line-height: 18px;
    text-align: left;
    width: 100%;
    padding: 0 0 0 0;
    color: #000;
    font-family: 'Swiss721BT-Roman';
}


}

li.pickup a {
	display: block;
}

li.pickup a:hover {
}

/*======PickUpを強制小枠に======*/
/*
li:first-child.pickup,
li:nth-child(2).pickup {
	width: 576px;
	height: 260px;
	overflow: hidden;
	overflow: hidden;
	margin: 0 50px 50px 140px;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}

li:first-child.pickup .photo,
li:nth-child(2).pickup .photo {
	width: 260px;
	height: 260px;
	float: left;
	overflow: hidden;
	background-size: cover;
	background-position: top left;
}

li:first-child.pickup .photo img,
li:nth-child(2).pickup .photo img {
	width: 100%;
	height: auto;
}

li:first-child.pickup .number,
li:nth-child(2).pickup .number {
	width: 316px;
	height: auto;
	float: right;
	overflow: hidden;
}

li:first-child.pickup h2.txt,
li:nth-child(2).pickup h2.txt {
	font-size: 22px;
	line-height: 34px;
	text-align: left;
	padding: 55px 0 0 30px;
	color: #000;
	font-weight: 600;
	
}

li:first-child.pickup p.cat,
li:nth-child(2).pickup p.cat {
	font-size: 16px;
	line-height: 40px;
	text-align: left;
	padding: 0 0 0 30px;
	color: #000;
	font-family: 'Swiss721BT-Roman';
}*/




/*======PickUp======*/


/*view_more*/


div.view_more {
	padding: 15px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
}

body.magazine div.view_more {
	padding: 15px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
}

body#archive.magazine div.view_more {
    width: 574px;
    overflow: hidden;
    /* min-height: 600px; */
    margin-left: -webkit-calc((100% - 1068px) / 2 );
    margin-left: calc((100% - 1068px) / 2 );
}


div.view_more a {
	display: inline-block;
	color: #000;
	border: 1px solid #000;
	padding: 10px 80px;
	border-radius : 40px;
	background-color: #fff;
	text-decoration:none;
 -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

div.view_more a:hover {
	background-color: #ccc;
}

div.view_more span {
	display: inline-block;
	color: #000;
	border: 1px solid #000;
	padding: 10px 80px;
	border-radius : 40px;
	background-color: #fff;
 -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
@media screen and (max-width: 480px) {
div.view_more {
	margin-bottom: 40px;
}

body#archive.magazine div.view_more {
    width: auto;
    overflow: hidden;
    margin-left: 0;
}


div.view_more a {
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 10px 0;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
    width: 194px;
    margin: 0 auto;
}

.ttl_lja div.view_more a {
	display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 9px 0;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
    width: 194px;
    margin: 0 auto;
	
}

/*成り行きで横長*/
div.wide a {
display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
    width: auto;
    margin: 0 auto;
}



div.view_more span {
	display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 9px 0;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
    width: 194px;
    margin: 0 auto;
}
}

div.view_more span:hover {
	background-color: #ccc;
}

/*special*/



div.special {
	width: 100%;
	background-color: #F5F5F5;
	overflow: hidden;
	margin-top:80px;
}

div.special h2 {
	font-size: 34px;
	text-align: center;
	padding: 60px 0 15px 0;
}

div.special ul#special {
	padding: 20px 0;
	width: 1068px;
	background-color: #F5F5F5;
	margin: 0 auto;
	overflow: hidden;
}

div.special ul#special li {
	display: block;
	width: 300px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 50px;
	padding-bottom: 40px;
}

div.special ul#special ul li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	float: none;
}

div.special ul#special ul.slick-dots {
	position: absolute;
	bottom: 90px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

div.special ul#special li img {
	width: 100%;
	height: auto;
}

div.special ul#special li:nth-child(3n) {
	margin-right: 0;
}

div.special ul#special li h3 {
	font-size: 22px;
	line-height: 34px;
	padding: 0;
	color: #000;
	padding: 5px 0;
	text-align: center;
}

div.special ul#special li p {
	font-size:18px;
	padding-top: 22px;
	color:#000;
}
 @media screen and (max-width: 480px) {

div.special {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	margin-top:40px;
}

div.special h2 {
	font-size: 28px;
	text-align: center;
	padding: 0 0 20px 0;
}

div.special ul#special {
	padding: 0 0;
	width: 100%;
	background-color: #fff;
	margin: 0 auto 40px auto;
	overflow: hidden;
}

div.special ul#special li {
	display: block;
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 0;
	padding-bottom: 0;
}

div.special ul#special ul li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	float: none;
}

div.special ul#special ul.slick-dots {
	position: absolute;
	top: 103vw;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

div.special ul#special li img {
	width: 100%;
	height: auto;
}

div.special ul#special li:nth-child(3n) {
	margin-right: 0;
}

div.special ul#special li h3 {
	font-size: 16px;
	line-height: 26px;
	padding: 0;
	color: #000;
	padding: 10px 10%;
	text-align: center;
}

div.special ul#special li p {
	font-size: 14px;
	padding-top: 45px;
}

div.special .slick-active {
	opacity: 1;
}
}

/* special_slider
------------------------------------------------------------*/


div.special .slider {
	width: 100%;
	margin: 0 auto;
}

div.special .slider div {
	width: 300px;
	height: auto;
	overflow: hidden;
}

div.special .slick-slide {
	width: 300px;
	margin: 0 25px;
}
 @media screen and (max-width: 480px) {

div.special .slick-slide {
	width: 100vw;
	margin: 0;
}
}

div.special .slick-slide img {
	width: 100%;
}

div.special .slick-prev:before, div.special .slick-next:before {
	color: black;
}

div.special .slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

div.special .slick-slide h3, div.special .slick-slide p {
	opacity: 0;
}

div.special .slick-slide img {
	opacity: 0.4;
}


div.special .slick-active {
	opacity: 1;
}

div.special .slick-active img {
	opacity: 1;
}



div.special .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	position: absolute;
	top: 2px;
	left: 1px;
	margin-bottom: -2px;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 12px;
	content: '';
	text-align: center;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: .2;


background-color: #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff;
-moz-box-shadow: 0 0 0 1px #fff;


}

div.special .slick-dots li.slick-active button:before {
	padding: 0;
	top: 2px;
	left: 1px;
	margin-bottom: -2px;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 12px;
	opacity: 1;
background-color: #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 10px;
box-shadow: 0 0 0 1px #000;
-webkit-box-shadow: 0 0 0 1px #000;
-moz-box-shadow: 0 0 0 1px #000;
}

.slick-next {
    right: 0!important;
    background : url(/wp-content/themes/numero_2019/img/next.png) top left no-repeat!important;
    background-size:contain!important;
}

.slick-prev {
    left: 0!important;
    background : url(/wp-content/themes/numero_2019/img/prev.png) top left no-repeat!important;
    background-size:contain!important;
}

div.special .slick-current {
	opacity: 1;
}

div.special .slick-current h3, div.special .slick-current p {
	opacity: 1;
}

div.special .slick-prev:before {
	content: "" !important;
}

div.special .slick-prev:after {

}

div.special .slick-next:before {
	content: "" !important;
}

div.special .slick-next:after {

}




.slick-prev, .slick-next {
    position: absolute!important;
    display: block!important;
    width: 300px!important;
    height: 470px!important;
    padding: 0!important;
    cursor: pointer!important;
    color: transparent!important;
    border: none!important;
    outline: none!important;
    background: transparent!important;
    z-index: 1!important;
    margin: 0!important;
    top: 20px!important;
    /*background-color:#000!important;*/
    transform: rotate(0deg)!important;
-moz-transform: rotate(0deg)!important;
-webkit-transform: rotate(0deg)!important;
-o-transform: rotate(0deg)!important;
-ms-transform: rotate(0deg)!important;
    
}

.slick-prev{
    background: url(/wp-content/themes/numero_2019/img/prev.png) top left no-repeat!important;
    background-size:100% 100%!important;
}
.slick-next{
    background: url(/wp-content/themes/numero_2019/img/next.png) top left no-repeat!important;
    background-size:100% 100%!important;
}


/*lank*/
div.bnrarea{
position:relative;
width:100%;
}

div.lank_bnr{
	float: right;
	width: 300px;
	height: auto;
	/*height: calc(100% - 400px );*/
	overflow: hidden;
	position: absolute;
	text-align: right;
	right: 0;
	top: 155px;
	z-index: 0;
	margin-right: -webkit-calc((100% - 1068px) / 2 );
	margin-right: calc((100% - 1068px) / 2 );
	/*background-color:#000;*/
}


div.lank {
	max-width: 1068px;
	overflow: hidden;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
	margin-top:25px;
}

div.lank h2 {
	font-size: 34px;
	text-align: left;
	padding: 40px 0 35px 0;
}

div.lank ol {
	padding: 0 0 0 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

div.lank ol li {
	clear: both;
	display: block;
	height: 160px;
	float: left;
	overflow: hidden;
	text-align: left;
	margin-right: 50px;
	padding-bottom: 50px;
}

div.lank ol li a {
	color: #000;
}

div.lank ol li span.goth {
	display: block;
	float: left;
	height: 110px;
	width: 90px;
	padding-top: 50px;
	font-size: 52px;
	line-height: 52px;
	text-align: center;
}

div.lank ol li div {
	float: left;
	padding-top: 25px;
	width: 300px;
}

div.lank ol li img {
	height: 160px;
	width: 160px;
	float: left;
	object-fit: cover;
}

div.lank ol li h3 {
	font-size: 20px;
	line-height: 30px;
	padding: 0;
	color: #000;
	padding: 0 0;
	text-align: left;
}

div.lank ol li p {
	font-size: 14px;
	line-height: 26px;
	padding: 0;
	color: #000;
	padding: 0 0;
	text-align: left;
}

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

div.lank {
	width: 83%;
	padding: 0 12% 0 5%;
	/*padding: 0 3%;*/
	overflow: hidden;
	margin-left: 0;
	margin-left: 0;
}

div.lank h2 {
	font-size: 28px;
	text-align: center;
	padding: 20px 0 20px 0;
}

div.lank ol {
	padding: 0 0 0 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

div.lank ol li {
	clear: both;
	display: block;
	height: 100px;
	float: left;
	overflow: hidden;
	text-align: left;
	margin-right: 0;
	padding-bottom: 20px;
}

div.lank ol li a {
	color: #000;
}

div.lank ol li span.goth {
	display: block;
	float: left;
	width: 50px;
	padding-top: 35px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
}

div.lank ol li div {
	float: left;
	padding-top: 0;
	width: 100px;
	width: -webkit-calc((100% - 150px));
	width: calc((100% - 150px));
	height:92px;
	overflow:hidden;
}

div.lank ol li img {
	height: 100px;
	width: 100px;
	float: left;
	object-fit: cover;
}

div.lank ol li h3 {
	font-size: 13px;
	line-height: 21px;
	padding: 0;
	color: #000;
	padding: 0 0;
	text-align: left;
}

div.lank ol li p {
	font-size: 10px;
}
}

/*bnr_wide*/


.bnr_wide {
	width: 100%;
	max-width: 1068px;
	overflow: hidden;
	margin: 0 auto;
}

.bnr_wide img {
	padding: 30px 0;
}
 @media screen and (max-width: 480px) {

.bnr_wide {
	width: 100%;
	max-width: 1068px;
	overflow: hidden;
	margin: 0 auto;
	background-color: #F5F5F5;
	text-align: center;
	margin-bottom: 20px;
	padding:20px 0;
}

.bnr_wide img {
	width: 300px;
	height: auto;
	padding: 20px 0;
}
}

/*astrology*/



body#top div.astrology {
	width: 100%;
	background-color: #F5F5F5;
	overflow: hidden;
	margin-top:20px;
}

body#top div.astrology h2{
	font-size: 30px;
}

div.astrology h2 {
	/*font-size: 30px;*/
	text-align: center;
	padding: 60px 0 15px 0;
}

div.astrology ul {
	padding: 20px 0;
	width: 1068px;
	background-color: #F5F5F5;
	margin: 0 auto;
	overflow: hidden;
}

div.astrology ul li {
	display: block;
	width: 270px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 95px;
	padding-bottom: 20px;
}

div.astrology ul li:nth-child(3n) {
	margin-right: 0;
}

div.astrology ul li img {
	width: 100%;
	height: auto;
}

div.astrology ul li h3 {
	font-size: 22px;
	line-height: 28px;
	padding: 0;
	color: #000;
	padding: 15px 0 10px 0;
	text-align: center;
}

div.astrology ul li p {
	font-weight: 600;
	
}
 @media screen and (max-width: 480px) {

div.astrology {
	width: 100%;
	/*background-color: #F5F5F5;*/
	overflow: hidden;
}

div.astrology h2 {
	/*font-size: 28px;*/
	text-align: center;
	padding: 20px 0 10px 0;
}

div.astrology ul {
	padding: 0 10%;
	width: 80%;
	background-color: #F5F5F5;
	margin: 0 auto;
	overflow: hidden;
}

div.astrology ul li {
	display: block;
	width: 45%;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 10%;
	padding-bottom: 20px;
}

div.astrology ul li:nth-child(3n) {
	margin-right: 10%;
}

div.astrology ul li:nth-child(2n) {
	margin-right: 0;
}

div.astrology ul li img {
	width: 100%;
	height: auto;
}

div.astrology ul li h3 {
	font-size: 16px;
	line-height: 30px;
	padding: 0;
	color: #000;
	padding: 10px 0 0 0;
	text-align: center;
}

div.astrology ul li p {
	font-size: 11px;
	font-weight: 600;
	
}
}

/*category*/



div.category {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

div.category h2 {
	font-size: 30px;
	text-align: center;
	padding: 40px 0 15px 0;
}

div.category h2 span {
	display: block;
	font-size: 20px;
}

div.category ul {
	padding: 20px 0 0;
	width: 1068px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}

div.category ul li {
	display: block;
	width: 270px;
	
	height:auto;
	height:410px;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 95px;
	padding-bottom: 50px;
}

div.category .slider_astrology ul li.unit {
padding:0;
}


div.category ul li:nth-child(3n) {
	margin-right: 0;
}

div.category ul li img {
	width: 100%;
	height: auto;
}

div.category ul li h3 {
	font-size: 24px;
	line-height: 30px;
	padding: 0;
	color: #000;
	padding: 20px 0 10px 0;
	text-align: center;
}

div.category ul li p {
	font-weight: 600;
	
	font-size:15px!important;
	line-height:25px!important;
	text-align:left;
	padding:0;
	
	
}

div.category ul li p.cat{
	padding:0;
}

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

div.category {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	margin-top:30px;
	margin-bottom:50px;
}

div.category h2 {
	font-size: 28px;
	text-align: center;
	padding: 15px 0 20px 0;
}

div.category h2 span {
	display: block;
	font-size: 16px;
}

div.category ul {
	padding: 0 10%;
	width: 80%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}

div.category ul li {
	display: block;
	width: 45%;
	height:auto;
	min-height:200px;

	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 10%;
	padding-bottom: 0;
}

div.category ul li:nth-child(3n) {
	margin-right: 10%;
}

div.category ul li:nth-child(2n) {
	margin-right: 0;
}

div.category ul li img {
	width: 100%;
	height: auto;
}

div.category ul li h3 {
	font-size: 16px;
	line-height: 34px;
	padding: 0;
	color: #000;
	padding: 0 0;
	text-align: center;
}

div.category ul li p {
	font-size: 11px!important;
	line-height:17px!important;
	font-weight: 600;
	
	text-align: left;
	display: block;
	overflow: hidden;
	height: 7em;
	
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
}




/*latest*/



div.latest {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	padding-bottom:40px;
}

div.latest h2 {
	font-size: 30px;
	text-align: center;
	padding: 20px 0 0 0;
}

div.latest p.cover {
	padding: 30px 0;
	width: 1068px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

div.latest div.detail {
	padding: 0 0 10px;
	width: 1068px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

div.latest div.detail p.date {
	font-size: 14px;
	line-height:26px;
	font-weight: 600;
	
	padding : 5px 0;
	display:block;
	text-align:center;
}

div.latest div.detail p.ttl_len {
	font-size: 26px;
	line-height:26px;
	font-weight: normal;
	padding : 15px 0 5px 0;
}

div.latest div.detail p.ttl_lja {
	font-size: 24px;
	font-weight: 600;
	
	padding-bottom: 40px;
}

div.latest div.ttl_lja {
	font-weight: 600;
	
}

div.latest h3 {
	font-size: 14px;
	line-height:30px;
	font-weight: 600;
	
	text-align: center;

}

ul.online {
	width: 100%;
	text-align: center;
	padding: 10px;
}

ul.online li {
	display: inline-block;
	text-indent: 0;
	margin:0 0.7em;
}


ul.online li a {
	text-decoration: underline;
	color: #000;
	font-weight: 600;
	
	font-size: 16px;
}

div.latest ul li img {
	width: 100%;
	height: auto;
}

div.latest ul li h3 {
	font-size: 22px;
	line-height: 34px;
	padding: 0;
	color: #000;
	padding: 20px 0;
	text-align: center;
}
 @media screen and (max-width: 480px) {

div.latest {
	width: 90%;
	padding: 0 5%;
	background-color: #fff;
	overflow: hidden;
	margin: 0 auto;
}

div.latest h2 {
	font-size: 28px;
	text-align: center;
	padding: 20px 0 10px 0;
}

div.latest p.cover {
	padding:  0;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	display: block;
}

div.latest p.cover img {
	width: 100%;
	height: auto;
}

div.latest div.detail {
	padding: 20px 0 10px;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

div.latest div.detail p.date {
	font-size: 12px;
	font-weight: 600;
	
	padding-bottom: 0;
}

div.latest div.detail p.ttl_len {
	font-size: 20px;
	font-weight: normal;
	padding: 15px 0 0 0;
}

div.latest div.detail p.ttl_lja {
	font-size: 18px;
	font-weight: 600;
	
	padding-bottom: 20px;
}

div.latest div.ttl_lja {
	font-size: 16px;
	font-weight: 600;
	
	margin-bottom: 25px;
}

div.latest h3 {
	font-size: 12px;
	line-height: 24px;
	font-weight: 600;
	
	text-align: center;
	margin-bottom:12px;
}

ul.online {
	width: 80%;
	margin:0 auto;
	text-align: center;
	padding:0;
	padding-bottom: 10px;
}


ul.online li {
	display: inline-block;
	text-indent: 0;
	margin:0 0.7em;
}




ul.online li a {
	text-decoration: underline;
	color: #000;
	font-weight: 600;
	
	font-size: 14px;
}

div.latest ul li img {
	width: 100%;
	height: auto;
}

div.latest ul li h3 {
	font-size: 22px;
	line-height: 34px;
	padding: 0;
	color: #000;
	padding: 20px 0;
	text-align: center;
}
}

/*ブログ記事*/



#content_wrapper .article h1 {
	font-size: 28px;
	line-height: 46px;
	text-align: left;
}

body#page .article {
min-height:700px;
}

.article {
	
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
}

.article_inner {
	width: 576px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
	font-size:15px;
	line-height:30px;
}

body#single
.article_inner {
	min-height:0px;
}

body#page
.article_inner {
	min-height:650px;
}




div.pc_ctgry {
    width: 1068px;
    display: block;
    margin: 0 auto;
    padding-top: 40px;
    margin-bottom: -70px;
}

strong.ctgry {
	font-size: 18px;
	padding-top:40px;
	padding-bottom: 0.5em;
	line-height:36px;
}

strong.ctgry a{
text-decoration:none;
}

 @media screen and (max-width: 1068px) {
strong.ctgry {
padding:0;
display:none;
}
}


.article_inner strong.ctgry {
	font-size: 18px;
	padding-bottom: 0.5em;
	margin:0;
	font-weight:normal;
}



h1.article .ttl_s {
	padding: 0;
	font-size: 28px;
	line-height: 46px;
	letter-spacing: 0rem;
	padding-bottom: 50px;
	padding-bottom: 10px;
}
 @media screen and (max-width: 480px) {

#content_wrapper .article h1 {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	padding: 0 0;
}



.article_inner {
	width: 90%;
	padding: 0 5%;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 0;
	font-size:14px;
	line-height:27px;
}

.article_inner strong.ctgry {
	display:block;
	font-size: 14px;
	font-weight:normal;
}

h1.article .ttl_s {
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0rem;
	padding-bottom: 50px;
	padding-bottom: 10px;
}
}

.article .ttl_s p {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8em;
	margin-top: 10px;
}

.article_inner h2 {
    font-size: 20px;
    line-height: 1.5;
    padding: 0;
    font-weight: 600;
    padding-bottom:15px;
}

/*concept*/
.article_inner h2.concept {
    font-size: 28px;
    line-height: 46px;
    padding: 20px 0 10px;
    font-weight: 600;
}

strong.concept{
font-size:20px;
}

div.concept_area{
overflow:hidden;
padding:20px 30px 40px 30px;
background-color:#F5F5F5;
margin-top:20px;

}

div.concept_area strong{
display:block;
font-size:20px;
margin-bottom:10px;
}

div.concept_area a{
text-decoration:underline;
}

/*concept end*/

.article_inner h3 {
    font-size: 18px;
    line-height: 1.5;
    padding: 0 0 0;
    font-weight: 600;
    padding-bottom:15px;
}

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

.article_inner h2 {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 0;
    font-weight: 600;
    padding-bottom:14px;
}

.article_inner h2.concept {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0 10px;
    font-weight: 600;
}

strong.concept{
font-size:16px;
}

div.concept_area{
overflow:hidden;
padding:40px 30px;
background-color:#F5F5F5;
margin-top:50px;
maring-left:-5%;
}

div.concept_area strong{
display:block;
font-size:20px;
margin-bottom:10px;
}

div.concept_area a{
text-decoration:underline;
}



.article_inner h3 {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    font-weight: 600;
    padding-bottom:14px;
}

}


div.center {
	text-align: center;
}

.article_inner h2 div.center, .article_inner h3 div.center {
	font-weight: 600;
}

.article_inner ul {
	display: block;
	margin: 20px 0;
	width: 100%;
	clear: both;
}

@media screen and (max-width: 480px) {
.article_inner ul {
    display: block;
    margin: 0px 0 50px 0;
    width: 100%;
    clear: both;
    }
}

.article_inner a {
	text-decoration: underline;
}

.article_inner p {
	line-height:1.9;
	padding-bottom: 24px;
}

.article_inner img {
	max-width: 100%;
	height: auto;
}

.magazine_label img {
	width: 100%;
}

.magazine_label div.detail {
	width: 100%;
	text-align:center;
	padding-top:40px;
}

.magazine_label div.detail p.date{
font-size:14px;
font-weight: 600;
padding-bottom:10px;
}

.magazine_label div.detail p.ttl_len{
font-size:26px;
padding-bottom:0;
line-height:1.5;
}

.magazine_label div.detail p.ttl_lja {
	font-size: 24px;
	font-weight: 600;
	
	padding-bottom: 40px;
}

.magazine_label div.detail .date{
font-size:14px;
font-weight: 600;
}

div.ttl_lja a{
font-weight: 600;
}

@media screen and (max-width: 480px) {
.magazine_label div.detail {
	width: 100%;
	text-align:center;
	padding-top:20px;
}

.magazine_label div.detail p.date{
font-size:14px;
font-weight: 600;
padding-bottom:10px;
}

.magazine_label div.detail p.ttl_len{
font-size:20px;
padding-top:10px;
padding-bottom:0;
line-height:1.5;
}

.magazine_label div.detail p.ttl_lja {
	font-size: 18px;
	font-weight: 600;
	
	padding-bottom: 40px;
}

.magazine_label div.detail .date{
font-size:14px;
font-weight: 600;
}

}



.article_inner img {
/*    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
margin-bottom: 20px;*/
}

.article strong {
	font-weight: 600;/*font-size: 1.4rem;*/
}

.article em {
	font-weight: 600;
	/*font-size: 1.4rem;*/
	color: #c00;
	font-style: normal;
}

.article hr {
	border: 0;
	border-top: 1px #000 solid;
	padding-bottom: 24px;
}

.article_inner .wp-caption-text {
	font-size: 1.2rem;
	line-height: 1.6em;
	color: #555;
}

/*応募ボタン*/



.article .btn_entry {
	text-align: center;
	margin-top: 20px;
}

.article .btn_entry a {
	display: inline-block;
	background: #000;
	color: #fff;
	text-decoration: none;
	/*font-size: 1.6rem;*/
	padding: 15px 35px;
	letter-spacing: 0rem;
	max-width: 21em;
	min-width: 150px;
	border-radius: 40px;
}

.article .btn_entry a:hover {
	opacity: 0.7;
}

.article .sns {
	/*border-bottom: 1px solid #000;*/
	clear: both;
	margin-bottom: 30px;
	text-align: center;
}

.article .sns li {
	display: inline-block;
	margin: 0px 2px 30px;
}

.article .sns2 {
	width: 100%;
	display: block;
	position: relative;
}

.article .sns li.follow {
	display: inline-block;
	margin: 0;
	position: absolute;
	left: 0;
	font-size: 2.5rem;
}



.article .ttl {
/*  font-size: 2.5rem;
  margin-bottom: 30px;
  line-height: 2.2rem;*/
  /*padding-top: 14px;*/
}

.article .ttl span.jp {
	font-size: 1.5rem;
	margin-bottom: 30px;
	line-height: 2.2rem;
	font-weight: 600;
	
	padding-left: 3rem;
}

/*商品紹介用など2段組記事*/



.article .items {
	font-size: 1.2rem;
	line-height: 1.8rem;
	width: 700px;
}

.article .item1 {
	width: 300px;
	float: left;
	padding-right: 50px;
	padding-bottom: 15px;
}

.article .item1 p {
	padding-bottom: 10px;
}

/*担当*/



.article .charge {
	font-size: 1.1rem;
	color: #999;
	line-height: 1.8rem;
	padding-bottom: 30px;
}

/*プロフィール*/
.article .profile {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	clear: both;
	padding: 40px 40px 0 40px;
	padding-right: -webkit-calc((100% - 1068px) / 2 );
	padding-right: calc((100% - 1068px) / 2 );
	padding-left: -webkit-calc((100% - 1068px) / 2 );
	padding-left: calc((100% - 1068px) / 2 );
}

.article .profile h2.ttl{
text-align:left;
font-size:18px;
}

.article .profile_inner {
	padding-bottom: 68px;
}

.article .profile .photo {
	width: 300px;
	float: right;
	text-align:left;
}

.article .profile .photo img {
	width: 260px;
	height: auto;
}

.article .profile .txt {
	float: left;
	width: 576px;
}

.article .profile_name {
	display: block;
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
}

.article .profile_name_en {
	display: block;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 20px;
}

.name_eng {
	display: block;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 20px;
}

.article .profile a {
	text-decoration: underline;
}
 @media screen and (max-width: 480px) {

.article .profile {
	padding:5%;
	width: 90%;
	padding-top:40px;
	margin: 0 auto;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	clear: both;
}

.article .profile h2.ttl {
	font-size:14px;
	text-align: center;
	margin:0;
}

.article .profile_inner {
	padding-bottom: 40px;
}

.article .profile .photo {
	width: 136px;
	float: none;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 20px;
}

.article .profile .photo img {
	width: 100%;
	height: auto;
}

.article .profile .txt {
	float: none;
	width: 100%;
}

.article .profile_name {
	display: block;
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;
}

.article .profile_name_en {
	display: block;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 20px;
	text-align: center;
}

.name_eng {
	display: block;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 20px;
	text-align: center!important;
}

.article .profile a {
	text-decoration: underline;
}
}

.article .juju {
	border-top: #000 solid 1px;
	border-bottom: none;
	padding-top: 30px;
}

time {
    font-size: 14px;
    margin-bottom: 20px;
    display: block;
    margin-top: 10px;
    font-family: 'Swiss721BT-Roman' ;
    }

span.alt {
    font-size: 9px;
    color: #808080;
    display: block;
    line-height: 16px;
    padding-top: 10px;
}

.article_inner ul {
	display: block;
	margin: 20px 0;
	width: 100%;
	clear: both;
}

li.tag {
	color: #000;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
}

li.tag a {
	color: #000;
	display: inline-block;
	text-decoration: underline;
	font-weight: 600;
	margin-right:0.5em;
}

div.recommend {
	width: 576px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}

h2.recommend {
	font-size: 34px;
	margin: 50px 0;
}
 @media screen and (max-width: 480px) {

div.recommend {
	width: 94%;
	padding: 0 3%;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 0;
	text-align: center;
}

h2.recommend {
	font-size: 24px;
	margin: 15px 0;
}
}

div.backnumber {
	width: 576px;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}

h2.backnumber {
	font-size: 34px;
	margin: 50px 0;
}
 @media screen and (max-width: 480px) {

div.backnumber {
	width: 94%;
	padding: 0 3%;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 0;
	text-align: center;
}

h2.backnumber {
	font-size: 24px;
	margin: 15px 0;
}
}


div.followus {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	clear: both;
	padding: 35px 0 40px 0;
	padding-right: -webkit-calc((100% - 1068px) / 2 );
	padding-right: calc((100% - 1068px) / 2 );
	padding-left: -webkit-calc((100% - 1068px) / 2 );
	padding-left: calc((100% - 1068px) / 2 );
	text-align: center;
}

div.followus h2 {
	font-size: 18px;
	padding-bottom: 20px;
}

div.followus ul.sns {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: center;
}
div.followus ul.sns li {
	display: inline-block;
	margin: 0 10px;
}


div.followus ul.sns li a {
	text-indent: -10000px;
	width: 27px;
	height: 27px;
	display: block;
	background-size: contain;
}

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

div.followus ul.sns li {
	display: inline-block;
	margin: 0 5px;
}

div.followus ul.sns li a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	background-size: contain;
}


}

div.followus ul.sns li.line a {
	background: url(img/sns_line.png) 0 0 no-repeat;
	background-size: contain;
}

div.followus ul.sns li.fb a {
	background: url(img/sns_fb.png) 0 0 no-repeat;
	background-size: contain;
}

div.followus ul.sns li.tw a {
	background: url(img/sns_tw.png) 0 0 no-repeat;
	background-size: contain;
}

div.followus ul.sns li.yb a {
	background: url(img/sns_yb.png) 0 0 no-repeat;
	background-size: contain;
}

div.followus ul.sns li.insta a {
	background: url(img/sns_inst.png) 0 0 no-repeat;
	background-size: contain;
}
 @media screen and (max-width: 480px) {

div.followus {
	width: 94%;
	padding: 0 3%;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 0;
	text-align: center;
	padding-bottom: 30px;
}

nav div.followus {
	width: 94%;
	padding: 0 3%;
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 0;
	text-align: center;
	padding-bottom: 130px;
}



div.followus h2 {
	font-size: 18px;
	margin: 25px 0 15px 0; 
	padding-bottom: 0;
}

div.followus ul.sns li a {
	text-indent: -10000px;
	width: 27px;
	height: 27px;
	display: block;
	background-size: contain;
}

.Menu div.followus ul.sns li a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	background-size: contain;
}


}

/*対談用インデックス*/



.article .talktitle {
	font-size: 1.4rem;
	font-weight: 600;
	padding-top: 20px;
}

.article .link {
	padding-bottom: 30px;
}

.article .link a:before {
	content: "\25b6";
	font-size: 1.1rem;
	padding-right: 2px;
}

.article .link a {
	font-weight: 600;
	text-decoration: none;
	color: #000;
}

/*ページ送り*/



.pager {
	text-align: center;
	width: 650px;
	margin-bottom: 30px;
}

.pager a {
	color: #000;
	display: block;
}

.pager a {
	color: #000;
	display: block;
}

.extend .pager .pages {
	padding-bottom: 50px;
	border-bottom: #000 solid 1px;
	margin-bottom: 30px;
}

.pager .pages li {
	display: inline-block;
	width: 29px;
	height: 29px;
	line-height: 29px;
	font-size: 1.4rem;
	padding: 0 5px;
}

#list2 .pager .pages li span {
	background: #000;
	color: #fff;
	opacity: 1;
	/* for Opera,Firefox,Safari */
	filter: alpha(opacity=100);
	/* for IE */
	display: block;
}

#list2 .pager .pages li span.dots {
	display: none;
}

.pager .pages li.on a, .pager .pages li a:hover {
	background: #000;
	color: #fff;
	opacity: 1;
	/* for Opera,Firefox,Safari */
	filter: alpha(opacity=100);/* for IE */
}

.pager .pages li.on a.extend, .pager .pages li a.extend:hover {
	background: #fff;
	color: #000;
	opacity: 1;
	/* for Opera,Firefox,Safari */
	filter: alpha(opacity=100);/* for IE */
}

/*ページナビ*/



.pager .nav {
	/*border-top: #000 solid 1px;*/
	border-bottom: #000 solid 1px;
	margin-bottom: 40px;
}

.pager .nav li {
	float: left;
	width: 25%;
	padding: 0px 0 10px;
	font-size: 1.6rem;
}

.pager .nav li.gotop {
	width: 50%;
	text-align: center;
}

.pager .nav li.prev {
	float: right;
}

.pager .nav li a {
	/*	height: 50px;
		line-height: 50px;
		display: block;*/
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}

.pager .nav .gotop a {
	display: inline;
}

.pager .nav .next a {
	background: none;
	background-size: 16px 31px;
	padding-left: 30px;
	text-align: left;
}

.pager .nav .prev a {
	background: none;
	background-size: 16px 31px;
	padding-right: 30px;
	text-align: right;
}


/*yahoo?*/



.article .sub {
	margin-bottom: 50px;
}

/*ボトム*/



.btm {
width:100%;max-width: 1068px;
	margin: 0px auto 50px;
	clear: both;
	background-color:#fff;
}

 @media screen and (max-width: 480px) {
 .btm {
width:100%;
max-width: 1068px;
	margin: 0px auto 50px;
	clear: both;
	background-color:#F5F5F5;
	text-align:center;
	padding:20px 0;
}
 }

.bnr_mid {
	margin-bottom: 50px;
}

.bnr_mid img {
	width: 100%;
	height: auto;
}

/* Footer
------------------------------------------------------------*/



#ftr {
	clear: both;
	text-align: center;
	background: #F5F5F5;
	color: #000;
	line-height: 2.2em;
}

#ftr a {
	color: #000;/*  font-size:11px; */
}

#ftr_inner {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: left;
}

#ftr_inner ul.sns {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: center;
}

#ftr_inner ul.sns li {
	display: inline-block;
	margin: 0 7px;
}

#ftr_inner ul.sns li a {
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	display: block;
	background-size: contain;
}
 @media screen and (max-width: 480px) {

#ftr {
	clear: both;
	text-align: center;
	background: #F5F5F5;
	color: #000;
	line-height: 2.2em;
	height: 65vh;
}


#ftr_inner ul.sns {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}

#ftr_inner ul.sns li {
	display: inline-block;
	margin: 0 9px;
}

#ftr_inner ul.sns li a {
	text-indent: -10000px;
	width: 27px;
	height: 27px;
	display: block;
	background-size: contain;
}
}

#ftr_inner ul.sns li.line a {
	background: url(img/sns_line.png) 0 0 no-repeat;
	background-size: contain;
}

#ftr_inner ul.sns li.fb a {
	background: url(img/sns_fb.png) 0 0 no-repeat;
	background-size: contain;
}

#ftr_inner ul.sns li.tw a {
	background: url(img/sns_tw.png) 0 0 no-repeat;
	background-size: contain;
}

#ftr_inner ul.sns li.yb a {
	background: url(img/sns_yb.png) 0 0 no-repeat;
	background-size: contain;
}

#ftr_inner ul.sns li.insta a {
	background: url(img/sns_inst.png) 0 0 no-repeat;
	background-size: contain;
}

#ftr_inner ul.concept {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 65px 0;
}

#ftr_inner ul.concept li {
	display: inline-block;
	font-size: 12px;
	text-indent: 2em;
}
 @media screen and (max-width: 480px) {

#ftr_inner ul.concept {
	width: 62%;
	max-width: 1068px;
	margin: 0 auto;
	text-align: left;
	padding: 0 19% 35px 19%;
}

#ftr_inner ul.concept li {
	display: inline-block;
	width: 62%;
	font-size: 14px;
	text-indent: 0;
}

#ftr_inner ul.concept li:nth-child(2n){
	width: 36%;
}

}

#ftr_inner > ul {
	padding-bottom: 40px;
	width: 190px;
	padding-right: 10px;
}

#ftr .logo_f {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0 40px 0;
}

#ftr .logo_f a {
	display: block;
	background: url("/wp-content/themes/numero_2019/img/logo_k.png") center center no-repeat;
	background-size: 125px auto;
	text-indent: -3333px;
}

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

#ftr .logo_f {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 35px 0 25px 0;
}
 

#ftr .logo_f a {
	display: block;
	background: url("/wp-content/themes/numero_2019/img/logo_k.png") center center no-repeat;
	background-size: 95px auto;
	text-indent: -3333px;
}
}

#ftr .list {
	width: 1068px;
	text-align: left;
	padding-bottom: 50px;
	display: block;
}

#ftr .list li.column {
	display: block;
	float: left;
	min-height: 220px;
	text-align: left;
	width: 200px;
	font-size: 14px;
}

#ftr li {
	font-weight: normal;
	letter-spacing: 0rem;
	font-size: 14px;
	font-family: 'Swiss721BT-Medium', sans-serif;
	font-weight: 300;
}

#ftr .list li.column ul li {
	font-size: 11px;
	line-height: 22px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

#ftr .list li.column2 {
	float: left;
	height: 200px;
	text-align: left;
	width: 320px;
}

#ftr li.cat_f {
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 0rem;
}

#ftr .copy {
	font-style: normal;
	color: #000;
	font-size: 11px;
	text-align: center;
}








/*Astrology*/
body.astrology div.index {
	width: 576px;
	/*height: 260px;
	overflow: hidden;*/
	overflow: hidden;
	margin: 0 50px 50px 140px;
	position: relative;
	display: block;
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}

.main_title h2 .sp{display:none!important;}
.main_title h2 .pc{display:block!important;}

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

body.astrology div.index {
	width: 90%;
	padding: 0 5%;
	height: auto;
	overflow: hidden;
	overflow: hidden;
	margin: 0 0 20px 0;
	position: relative;
	display: block;
	margin-left: 0;
}

body.astrology div.astrology_top {
	width: 80%;
	padding: 0 10%;
	height: auto;
	overflow: hidden;
	overflow: hidden;
	margin: 0 0 20px 0;
	position: relative;
	display: block;
	margin-left: 0;
}

.main_title h2 .sp{display:block!important;}
.main_title h2 .pc{display:none!important;}
}

body.astrology div.index h2 {
/*font-size: 1.4em;
line-height: 180%;
padding: 20px 0 10px;
font-weight: 600;*/
    font-size: 22px;
    line-height: 34px;
    text-align: left;
    padding: 90px 0 0 30px;
    color: #000;
    font-weight: 600;
    
    
}

body.astrology div.index h3 {
    font-size: 20px;
    line-height: 34px;
    text-align: left;
    padding: 40px 0 0 0;
    color: #000;
    font-weight: 600;
    
    text-align:center;
}

body.astrology div.index h2 span{
/*font-size: 1.4em;
line-height: 180%;
padding: 20px 0 10px;
font-weight: 600;*/
    font-size: 15px;
    font-weight:normal;
}

body.astrology div.index a h2 {
color:#000;
}

body.astrology h4{
font-size:20px;
font-weight: 600;
text-align:center;
}

body.astrology div.index img,
body.astrology_test div.index img{
width:100%;
height:auto;
padding-bottom:10px;
}

.main_title {
    margin-bottom: 20px;
}

.main_title p{
    width: 100%;
    padding: 0 0 20px 0;
    display:block;
    /*font-size:1.4rem;*/
  }

.main_title h2{
    margin: 20px 0;
    /*font-size:1.4em;*/
    font-weight: 600;
}

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

body.astrology div.index h2 {
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 0 ;
    font-weight: 600;
    text-align:center;
}

body.astrology div.astrology_top h2 {
    font-size: 16px;
    line-height: 27px;
    padding: 10px 0 0 0 ;
    font-weight: 600;
    text-align:center;
}

body.astrology div.index h3{
    font-size: 16px;
    line-height: 26px;
}

body.astrology div.index h2 span{
display:block;
    font-size: 14px;
    line-height: 27px;
    font-weight: 600;
}

body.astrology div.astrology_top h2 span{
display:block;
    font-size: 11px;
    line-height: 27px;
    font-weight: 600;
}

body.astrology h4{
font-size:16px;
/*font-weight: 600;*/
text-align:center;
}

  .main_title {
/*    font-size: 1.5rem;
    line-height: 1.7em;
    margin: 0 0 20px 0;
    padding: 0 8% 20px;
    width: 84%;*/
  }

  .main_title p{
    padding:0;
    margin: 10px 0;
    display:block;
    /*font-size: 1.5rem;*/
    clear:both;
  }
  
.main_title h2{
    margin: 20px 0;
    /*font-size:1.1em;*/
    font-weight: 600;
}
  
  body.astrology div.article_inner,
    body.wakitanaoki_answer div.article_inner{
  padding-top:20px;
  }
}

ul.constellation{
width:100%;
}

ul.constellation li{
float:left;
display:block;
margin:0;
padding:0;
width:160px;
overflow:hidden;
text-align:center;
padding-bottom:30px;
font-size:18px;
font-weight: 600;
padding-right:48px;
/*font-size:1.4rem;*/
}

ul.constellation li:nth-child(3n){
padding-right:0;
}


ul.constellation li span.period{
font-size:13px;
line-height:26px;
font-weight:normal;
}

ul.constellation li a{
cursor:pointer;
overflow:hidden;
}

ul.constellation li a span{
width:160px;
height:160px;
display:block;
background-color:#eee;
position:absolute;
opacity:0;
}

ul.constellation li a:hover span{
opacity:1;
mix-blend-mode: multiply;
}

ul.constellation li img{
width:90%;
height:auto;
}

@media screen and (max-width: 480px) {
ul.constellation li{
float:left;
display:block;
margin:0;
padding:0;
width:33.3%;
text-align:center;
padding-bottom:30px;
font-size:13px;
font-weight:normal
/*font-size:1.1rem;*/
}

ul.constellation li span.period{
font-size:10px;
line-height:18px;
font-weight:normal;
}

ul.constellation li a{
cursor:pointer
}

ul.constellation li a span{
display:none;
opacity:0;
}

ul.constellation li a:hover span{
opacity:0;
}

ul.constellation li a:hover {
opacity:1;
mix-blend-mode: multiply;
}

ul.constellation li img{
width:100%;
height:auto;
}
}


div.index .article .profile {
margin-bottom: 30px;
clear: both;
padding: 0;
background-color:#fff;
}

/*
body.aries li.astrology a,
body.taurus li.astrology a,
body.gemini li.astrology a,
body.cancer li.astrology a,
body.leo li.astrology a,
body.virgo li.astrology a,
body.libra li.astrology a,
body.scorpio li.astrology a,
body.sagittarius li.astrology a,
body.capricorn li.astrology a,
body.aquarius li.astrology a,
body.pisces li.astrology a,
body.astrologyspecial li.astrology a,
body.juno_shindan li.astrology a,
body.juno li.astrology a {
  background-color: #000;
  color: #fff;
}

body.aries ul.astrology,
body.taurus ul.astrology,
body.gemini ul.astrology,
body.cancer ul.astrology,
body.leo ul.astrology,
body.virgo ul.astrology,
body.libra ul.astrology,
body.scorpio ul.astrology,
body.sagittarius ul.astrology,
body.capricorn ul.astrology,
body.aquarius ul.astrology,
body.pisces ul.astrology,
body.astrologyspecial ul.astrology,
body.juno_shindan ul.astrology,
body.juno ul.astrology {
  display: block;
}*/

div.float p.btn_entry{
float:left;
margin-right:10px;
margin-bottom:20px;
padding:0;
}

div.float p.btn_entry a{
min-width:175px;
}



@media screen and (max-width: 480px) {
body.juno_shindan h3
{
margin-top:40px!importantco;
padding-bottom:10px;
}


div.float p.btn_entry{
float:left;
margin:0;
margin-right:10px;
margin-bottom:20px;
padding:0;
}

div.float p.btn_entry:nth-child(even){
margin-right:0;
}

div.float p.btn_entry a{
min-width:151px;
display:block;
}

}

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

div.float p.btn_entry a{
min-width:128px!important;
display:block;
}

div.float p.btn_entry:nth-child(even){
margin-right:0;
}

}



.anser{
margin-top: 0!important;
}

.anser a {
width:95%;
min-width: 87%!important;
text-align:left;
}

@media screen and (max-width: 480px) {
.anser{
margin: 0!important;
padding:0;
display:block;
overflow:hidden;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.anser a {
padding:5% 5%!important;
width:90%!important;
min-width:90%!important;
text-align:left;
}
}


div.article h2.ttl{
    margin: 20px 0;
    /*font-size:1.4em;*/
    font-weight: 600!important;
    text-align:center;
}

@media screen and (max-width: 480px) {
div.article h2.ttl{
    margin: 20px 0;
    /*font-size:1.1em;*/
    font-weight: 600!important;
}

}

div.float {
width:100%;
clear:both;
overflow:hidden;
}


div.ct_main {
width:100%;
overflow:hidden;
margin-bottom:50px;
}

div.ct_main a{
display:block;
overflow:hidden;
width:100%;
}

div.ct_main a:hover{
background-color:#eee;
}

div.ct_main a:hover img{

mix-blend-mode: multiply;
}

div.ct_main_img {
width:260px;
float:left;
overflow:hidden;
}

div.ct_main_txt {
    width: 316px;
    height: auto;
    float: right;
    overflow: hidden;
}


.ttl_l .cat2 p{
line-height: 4rem;
    font-weight: 600!important;
}



div.ct_main_img img{
padding:0!important;
}


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

div.ct_main {
width:47%;
overflow:hidden;
float:left;
padding:0;
padding-right:3%;
/*margin-bottom:20px;*/
margin-bottom:0px;
text-align:center;
}


div.astrology_top div.ct_main {
width:45%;
overflow:hidden;
float:left;
padding:0;
padding-right:10%;
margin-bottom:20px;
text-align:center;
}

div.astrology_top div.ct_main:nth-child(even) {
padding-right:0;
}

div.ct_main a{
}

.main_title div.ct_main {
width:100%;
overflow:hidden;
float:none;
padding-right:0;
}

div.ct_main_img {
width:100%;
float:none;
overflow:hidden;
}



div.ct_main_txt {
width:100%;
padding:0;
float:none;
overflow:hidden;
/*text-indent:1em;*/
}

div.main_title div.ct_main_txt {
width:100%;
padding:0;
float:none;
overflow:hidden;
text-indent:0;
text-align:center;
}

div.ct_main_txt h2{
/*font-size:1.5em!important;*/
}

div.ct_main_txt br{
display:none;
}

div.ct_main_txt h2 span.ld{
display:block;
font-size:11px!important;
/*font-size:0.8em!important;*/
}

.ttl_l .cat2 p {
    /*font-size: 2.0rem;*/
    line-height: 2.4rem;
    white-space: nowrap;
    font-weight: 600!important;
}

}

.ast div.txt{
/*width:100%!important;*/
}

/*Magazine*/


body.magazine .unit_wrapper  ul.magazine {
	width: 574px;
	overflow: hidden;
	/*min-height:600px;*/
	margin-left: -webkit-calc((100% - 1068px) / 2 );
	margin-left: calc((100% - 1068px) / 2 );
}


body.magazine ul.magazine li.unit {
	width: 274px;
	height: 352px;
	overflow: hidden;
	margin: 0 0 50px; 0;
	position: relative;
	display: block;
	float:left;
}

body.magazine ul.magazine li.unit:nth-child(even) {
	float:right;
}

body.magazine ul.magazine li.unit .photo {
	width: 274px;
	height: 352px;
	float: left;
	overflow: hidden;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}


 @media screen and (max-width: 480px) {
 
body.magazine .unit_wrapper ul.magazine {
	width: 94%;
	padding: 0 3%;
	margin: 0 0 0 0;
}

body.magazine ul.magazine li.unit {
	width: 48%;
	padding: 0;
	height: 205px;
	overflow: hidden;
	margin: 0 4% 20px 0;
	position: relative;
	display: block;
	float:left;
}

body.magazine ul.magazine li.unit:nth-child(even) {
	width: 48%;
	height: 205px;
	padding: 0;
	height: 200px;
	float:left;
	overflow: hidden;
	margin: 0 0 20px 0;
}

body.magazine ul.magazine li.unit .photo {
	width: 100%;
	height: 205px;
	float: left;
	overflow: hidden;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	
}

}

/*マガジン*/
.article .paper {
	text-align:center;
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	clear: both;
	padding: 40px 0;
	padding-right: -webkit-calc((100% - 1068px) / 2 );
	padding-right: calc((100% - 1068px) / 2 );
	padding-left: -webkit-calc((100% - 1068px) / 2 );
	padding-left: calc((100% - 1068px) / 2 );
}

.article .teikikoudoku {
	text-align:center;
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 30px;
	clear: both;
	padding: 20px 0 40px 0;
	padding-right: -webkit-calc((100% - 1068px) / 2 );
	padding-right: calc((100% - 1068px) / 2 );
	padding-left: -webkit-calc((100% - 1068px) / 2 );
	padding-left: calc((100% - 1068px) / 2 );
}




.article .paper h2{
font-size:20px;
line-height:30px;
padding-bottom:10px;
}

.article .paper .view_more {

display:inline-block;
margin:0 5px 0 5px;
width:186px;
padding: 15px 0;
}

.article .paper a {
display: block;
color: #000;
border: 1px solid #000;
padding: 10px 10px;
border-radius: 40px;
background-color: #fff;
}



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

.article .paper {
	padding:3%;
	width: 94%;
	padding-top:40px;
	margin: 0 auto;
	background-color: #F5F5F5;
	margin-bottom: 30px;
	clear: both;
}

.article .teikikoudoku {
	padding:3%;
	width: 94%;
	padding-top:0;
	margin: 0 auto;
	margin-bottom: 0;
	clear: both;
}


.article .paper h2{
font-size:16px;
line-height:26px;
}


.article .paper .view_more {
display:inline-block;
margin:0 0 0 0;
width:218px;
padding: 15px 0;
}

.article .paper a {
display: block;
color: #000;
border: 1px solid #000;
padding: 10px 50px;
border-radius: 40px;
background-color: #fff;
}
}

/*============================*/

div.johnhayes_message_area {
    padding: 20px 3% 20px 3%;
    margin: 20px auto;
    background-color:#f2f2f2;
    text-align:center;
}

div#exp0 span{
display:block;
padding:5%;
/*:1px solid #333;
background-color:#fff;*/
font-size:18px;
text-align:center;
margin-bottom:5%;
font-weight: 600;
}

.cp_ipselect {
	overflow: hidden;
	width: 27%;
	margin: 3% auto;
	text-align: center;
	display:inline-block;
}
.cp_ipselect_fst {
	width: 30%;
}


.cp_ipselect select {
	width: 100%;
	height:48px!important;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size:16px;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #fff;
	border-radius: 2px;
	background: #fff;
	margin-right:2%;
}
.cp_ipselect.cp_sl02::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 6%;
  margin-top: -4px;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #fff;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 8px 8px 8px;
	color: #000;
}

div.astrology input#send{
    font-size: 16px;
    display: inline;
    color: #000;
    border: 1px solid #000;
    padding: 12px 80px;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin: 20px 0 0 0;
}



@media screen and (max-width: 480px) {
div.astrology input#send{
	font-size:16px;
	display: inline-block;
	color: #000;
	border: 1px solid #000;
	padding: 12px 60px;
	border-radius : 40px;
	background-color: #fff;
	text-align:center;
	text-decoration:none;
	margin:0 auto;
	cursor:pointer;
	margin:10px 0 0 0;
}
}

div.stella_box{
width:100%;
overflow:hidden;
}

div.left_box{
width:50%;
float:left;
text-align:center;

}

div.right_box{
padding:0;
width:50%;
float:left;
}




@media screen and (max-width: 480px) {
div.stella_box{
width:100%;
overflow:hidden;
}

div.left_box{
width:100%;
float:none;
text-align:center;
}

div.right_box{
width:100%;
float:none;
}

div.right_box div.spc{
padding-top:20px;
}

div.astrology .profile{
padding:0;
margin :20px auto;
}
}




/*=======CakePHP=======*/
.block-pagination{
width:100%;
position:relative;
overflow:hidden;
}


#container h2 {
	display:none;
}

.Rend{
    margin-right:0 !important;
}

.left {
	float:left;
}
.right {
	float:right;
}

.note{
    font-size:90%;
    margin-bottom:10px;
    color:#666;
}

.more{
    clear:both;
    text-align:right;
}

.floatList li{
    float:left;
    margin-right:10px;
}

.listEnd{background-image:none !important;border-bottom:none !important;}
.vEnd{margin-bottom:0 !important;}
.bg_transparent{background:transparent none !important;}

ul.arrow_blue li {
    text-align:left !important;
    padding-left:15px;
    list-style :  none;
    margin-bottom:5px;
    background:url(./images/li_arrow.gif) no-repeat;
}
.required_input{color:#F10404;margin-left:5px;}

/*���W�I�{�^��*/

.radio_group,.checkbox_group {margin-bottom:10px;line-height:1;}
.radio_group li,.checkbox_group li{float:left;margin-bottom:3px;margin-right:5px;white-space:nowrap;padding:0;}
.radio_group input,.checkbox_group input{margin-right:3px;}
.radio_group li img{display:block;margin-bottom:10px;margin-top:5px;}

/*���b�Z�[�W*/
.msgOrder{
    padding:5px 10px;
    text-align:center;
	border: #f1f1f1 solid solid;
    background-color:#f1f1f1;
    font-weight: 600;
    font-size:15px;
    margin-bottom:20px;
}

.msgConfirm{
    padding:5px 10px;
    text-align:center;
	border: #f1f1f1 solid solid;
    background-color:#f1f1f1;
    font-weight: 600;
    font-size:15px;
    margin-bottom:20px;
}

#flashMessage,
.msgComplete{
    padding:5px 10px;
    text-align:center;
	border: #f1f1f1 solid solid;
    background-color:#f1f1f1;
    font-weight: 600;
    font-size:15px;
    margin-bottom:20px;
}

#authMessage,
.msgError{
    font-size:15px;
    padding:5px 10px;
    font-weight: 600;
    border:1px solid #FFCCCC;
    color:#cc0000;
    margin:0 0 10px 0;
    background-color:#FFF4F4;
    text-align:center;
}

label{cursor:pointer;}
img.btn{cursor:pointer;}


.inputForm{margin:0;}
.inputForm table{border-top:1px solid #dcdcdc;width:100%}
.inputForm table th{font-weight: 600;padding:7px 5px;border-bottom:1px solid #dcdcdc;}
.inputForm table td{padding:7px 5px;border-bottom:1px solid #dcdcdc;}
.inputForm table .listEnd th,
.inputForm table .listEnd td{border:none;}
.inputForm .email{width:300px;}
.inputForm .company{width:300px;}
.inputForm .phone{width:130px;}
.inputForm textarea{width:400px;}
.inputForm .name{width:120px;}
input.year{width:30px;padding:1px;margin-right:2px;ime-mode: disabled;}
input.month{width:15px;padding:1px;margin-right:2px;ime-mode: disabled;}
input.day{width:15px;padding:1px;margin-right:2px;ime-mode: disabled;}


img.ico{vertical-align:middle}



blockquote{color:#ff6600}

table.layout{border:none !important;}
table.layout th,table.layout td{padding:0 !important;margin:0 !important;font-weight:normal !important;border:none !important;}

table{table-layout: fixed;}
table.index{width:100%;margin-bottom:15px;}
table.index caption{font-weight: 600;padding:5px;}
table.index th{font-weight: 600;padding:7px 5px;border-top:1px solid #dcdcdc;}
table.index td{padding:7px 5px;border-top:1px solid #dcdcdc;line-height:1.5;}
table.index thead{background:#fafafa;}

form table caption{
    padding       : 5px;
    border-bottom : 3px solid #fff;
    background    : #f1f1f1;
    color         : #000;
    text-align    : center;
}
/*
form{margin-bottom:30px;}
*/
form table{width:100%;margin-bottom:15px;}

form table th{
    font-weight: 600;
    line-height:150%;
    padding:7px 5px;
    border-bottom:3px solid #FFFFFF;
    background:#000000;
    color:#ffffff;
    width:40%;
    font-weight:600;
}



form table td{
/*    border-bottom:3px solid #FFFFFF;
    background:#eaeaea;
    padding:5px;*/
}

form table .listEnd th,
form table .listEnd td{border:none;}
form .email{width:300px;}
form .company{width:300px;}
form .phone{width:130px;}
form textarea{width:400px;}
form .name{width:120px;}


form .submit{
    text-align:center;
}

form .addition{
    text-align:center;
}


.required th label:after{
    content: "*";
    margin-left:10px;
    color:#E60012;
}

input[type="text"],input[type="password"],input[type="email"],
input#UserEmail
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 25px;
    margin: 0;
    padding: 0 8px!important;
    width:90%;
    font-size:16px;
}

.agreement{
    margin-bottom:20px;
}

.agreement .order{
    margin-bottom:20px
}

.agreement label{
    margin-left:5px;
}

.error-message{
    margin-top:5px;
}

#regulation{
    background:#fafafa;padding:20px;
    height:200px;
    overflow:auto;
}

#regulation h3{
    font-weight: 600;
    margin-bottom:10px;
    font-size:14px;
}

#regulation h4{
    margin-bottom:10px;
    font-weight: 600;
}

.users .informationBox{
    background:#eaeaea;
    padding:20px;
}


.userFooterNavi{
    padding:25px 0;
    text-align:center;
}

.userFooterNavi .goTop{
    margin-right:10px;
    margin-left:130px;
}

.userFooterNavi .goTop,
.userFooterNavi .goMemberEdit{
    width:202px;
    float:left;
}


.userFooterNavi .goTop a{
    display:block;
    background:url(./images/btn_goTopUser.gif) no-repeat;
    height:30px;
    text-indent:-9999px;
}

.userFooterNavi .goMemberEdit a{
    display:block;
    background:url(./images/btn_goUserEdit.gif) no-repeat;
    height:30px;
    text-indent:-9999px;
}




fieldset legend{
    font-weight: 600;
    margin-bottom:10px;
}
.submitBtnArea{
	margin-top:20px;
    padding:10px;
    text-align:center;
}

/*
input[type="text"],input[type="password"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 0 8px;
}
*/

input {
	height:auto;
}

input[type="radio"],
input[type="checkbox"]{
    margin-right:7px;
}

.checkboxes label{
    margin-right:10px;
}

.error-message {
    color:#DD4B39
}

input.form-error{
    border: 1px solid #DD4B39;
}


div.input{
    margin-bottom:10px;
}

.checkbox label{margin-left:7px;}

.radio label{margin-right:10px;line-height:15px;}

#DynamicFormEntryEntryForm table th{vertical-align:top}

.submit{
    text-align:center;
    margin-bottom:15px;
}
.btn a,
.submit input,
div.msgComplete a{
	margin-top:20px;
    	display: inline-block;
	color: #000;
	border: 1px solid #000;
	padding: 15px 75px;
	border-radius : 40px;
	background-color: #fff;
	text-decoration:none;
	font-size:15px;
	margin: 20px auto;
}

div.msgComplete a{

}

div.checkbox{
text-align:left;
}

/*Form*/

div.users table {
width:100%;
}

div.mainCntBox a{
border-bottom:dotted 1px #000;
padding-bottom:4px;
}

div.users table th{
background-color:#fff;
color:#000;
padding:5px;
font-weight:600;
}

div.users table tr{
background-color:#fff;
color:#000;
padding:5px;
text-align:left;
}

div.users table tr select{

    border-color: #eee;
background-color:#fff;
    height: 27px;
    font-size: 16px;
}





div.users table tr input{
width:85%!importnat;
padding:7%!importnat;
margin:0 auto!importnat;
}

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

div.users table tr select{
font-size:12px;
}



 .btn a,
.submit input{
/*
    background:#000000;
    width:220px;
    padding:6px 0;
    border:none;
    color:#ffffff;
    cursor:pointer;
    font-weight: 600;
    font-size:11px;
    line-height:12px;
    text-align:center;
    margin-bottom:5px;
    text-decoration:none;*/
    	display: inline-block;
	color: #000;
	border: 1px solid #000;
	padding: 15px 60px;
	border-radius : 40px;
	background-color: #fff;
	text-decoration:none;
	font-size:15px;
	margin: 20px auto;
}
 }

li.btn{
text-align:center;
}

.btn a{
    display:inline-block;
}

.btn a:hover,
.submit input:hover{
    background:#C0C0C0;
}

.submit .btn{
    width:220px;
    margin:0 auto;
}

.navigation{width:178px;float:right;}

.nav-previous a{
    display:block;
    width:86px;
    height:30px;
    text-indent:-9999px;
    background:url(./images/btn_prev_article.gif);
}

.nav-previous a:hover,
.nav-next a:hover{
    background-position:0 -30px;
}

.navigation .nav-next{
    width:86px;
    height:30px;
    text-indent:-9999px;
    background:url(./images/btn_next_article.gif);
    background-position:0 -60px;
}

.navigation .nav-previous{
    width:86px;
    height:30px;
    text-indent:-9999px;
    background:url(./images/btn_prev_article.gif);
    background-position:0 -60px;
}

.nav-next a{
    display:block;
    width:86px;
    height:30px;
    text-indent:-9999px;
    background:url(./images/btn_next_article.gif);
}

.cntBox{
    font-size:11px;
}


div.blog-card{
clear:both;
width:100%;
overflow:hidden;
}
div.blog-card a{text-decoration:none;}

div.blog-card-thumbnail {
width:160px;
height:160px;
float:left;
}

div.blog-card-thumbnail img
{
width:100%;
height:100%;
object-fit: cover;
}


div.blog-card-content {
padding-left:20px;
padding-top:2.5em;
float:left;
width:60%;
width:calc (100% - 115px) ;
}

div.blog-card-title {
font-size:18px;
line-height:28px;
font-weight: 600;
}

div.blog-card-date {
font-size:14px;
line-height:26px;
}

a.links{
margin-top:1em;
font-size:18px;
line-height:28px;
font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: 20px;
  text-decoration:none;
  border-bottom:1px dotted #000;
  padding-bottom:0;
}

a.links:hover{

}

a.links::before{
  content: '';
  width:  8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  left: -20px;
  margin-top: -4px;
}




 @media screen and (max-width: 480px) {
 div.meta h4{
	font-weight: 600;
	font-size:12px;
	margin-bottom:10px;
	text-align:left!important;
}

div.blog-card{
clear:both;
width:100%;
}
div.blog-card a{
text-decoration:none;
}

div.blog-card-thumbnail {
width:100px;
height:100px;
float:left;
}

div.blog-card-thumbnail img
{
width:100%;
height:100%;
object-fit: cover;
}


div.blog-card-content {
padding-left:15px;
padding-top:1.25em;
float:left;
width:60%;
width:calc (100% - 115px) ;
}

div.blog-card-title {
font-size:13px;
line-height:21px;
font-weight: 600;
}

div.blog-card-date {
font-size:10px;
line-height:20px;
}


a.links{
margin-top:1em;
font-size:13px;
line-height:23px;
font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: 20px;
  text-decoration:none;
  border-bottom:1px dotted #000;
  padding-bottom:0;
}

a.links:hover{

}

a.links::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  left: -20px;
  margin-top: -4px;
}
}


/*=======foogallery=======*/


.foogallery-default.spacing-width-25 a,
.foogallery-default.spacing-width-25.foogallery-link-none img{
width:186px;
margin-right:9px!important;
margin-bottom:9px!important;
padding:0;
}

.foogallery-default.spacing-width-25 a:nth-child(3n),
.foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n){
width:186px;
margin-right:0!important;
}


 @media screen and (max-width: 480px) {
.foogallery-default.spacing-width-25 a,
.foogallery-default.spacing-width-25.foogallery-link-none img{
width:32%!important;
margin-right:2%!important;
margin-bottom:9px!important;
padding:0;
}

.foogallery-default.spacing-width-25 a:nth-child(3n),
.foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n){
width:32%!important;
margin-right:0!important;
}

}




div.three .foogallery-default a,
div.three .foogallery-default.foogallery-link-none  img{
width:186px;
margin-right:9px!important;
margin-bottom:9px!important;
padding:0;
}

div.three .foogallery-default a:nth-child(3n),
div.three .foogallery-default.foogallery-link-none  img:nth-child(3n){
width:186px;
margin-right:0!important;
}

 @media screen and (max-width: 480px) {
div.three .foogallery-default a,
div.three .foogallery-default.foogallery-link-none  img{
width:32%!important;
margin-right:2%!important;
margin-bottom:9px!important;
padding:0;
}

div.three .foogallery-default a:nth-child(3n),
div.three .foogallery-default.foogallery-link-none img:nth-child(3n){
width:32%!important;
margin-right:0!important;
}

div.three .foogallery-default a img{
width:100%;
height:auto;
}

}




div.two .foogallery-default a {
margin-right:16px!important;
margin-bottom:16px!important;
}

div.two .foogallery-default a:nth-child(2n) {
margin-right:0!important;
}

div.two .foogallery-default a img {
width: 280px!important;
}

@media screen and (max-width: 480px) {
div.three .foogallery-default a img {
vertical-align: top;
width: 90px!important;
height: auto;
}
div.two .foogallery-default a img {
width: 136px!important;
}


}




.wp-embedded-content {
max-width: 100%;
}

.article_inner iframe{
width:100%;
max-width: 100%;
}


/*subscription*/

div.subscription{
overflow:hidden;
padding:30px 10px 0px 10px;
background-color:#F5F5F5;
margin:20px 0;
text-align:center;
}

div.subscription .view_more{
margin-bottom:30px;
}
/*
div.subscription .view_more a.gothjp{
font-weight: 600;
padding:20px 30px;
display:inline-block;
}*/

div.subscription h3{
font-size:20px;
margin:0 0 10px 0;
}

div.alt_image img{
width:100%!important;
height:auto;
}

.article_inner img{
width:100%;
height:auto;

}

/*CakePHP プレゼント*/

.presents .lead{
	background:#EAEAEA;
	padding:12px 16px;
	margin-bottom:20px;
}

.presents .itemDetail{
	margin-bottom:30px;
}

.presents .itemDetail .left{
	width:100%;
	float:none;
	text-align:center;
}

.presents .itemDetail .left img{
width:70%;
margin: 0 auto;
}

.presents .itemDetail .summary h3{
font-size: 18px;
    line-height: 28px;
	font-weight: 600;
	margin-bottom:15px;
	line-height:1.5;
}

.presents .itemDetail .summary{
	width:100%;
	float:none;
}

@media screen and (max-width: 480px) {
.presents .itemDetail .left{
	width:100%;
	float:none;
}

.presents .itemDetail .left img{
width:100%;
margin: 0 auto;
}

.presents .itemDetail .summary{
	width:100%;
	float:none;
}
}

.presents .itemDetail .summary .description{
	margin-bottom:30px;
	line-height:1.93;
}

.presents .itemDetail .summary .contact{
	margin-bottom:35px;
}

.presents .itemDetail .summary .entryAcceptableEnd{
	margin-bottom:3px;
}


.presents .itemDetail .summary .note{
	font-size:10px;
}

.presents .itemDetail .section{
	margin-bottom:15px;
	ovweflow:hidden;
}
/*
.presents .itemDetail .section div:nth-child(4){
text-align:center;
}*/

/*
.presents .itemDetail .entry a{
	display:block;
	background:url(./images/btn_applyPresent.gif) center center no-repeat ;
	height:30px;
	text-indent:-9999px;
	clear:both;
}*/

div.entry {
    padding: 15px;
    text-align: center;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}


div.entry a {
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 20px 60px;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
}

div.entry a:hover {
	background-color: #ccc;
}

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

div.entry {
	margin-bottom: 40px;
}

div.entry a {
    display: inline-block;
    color: #000;
    border: 1px solid #000;
    padding: 15px 50px;
    border-radius: 40px;
    background-color: #fff;
    text-decoration: none;
}

}


/*
.presents .otherPresent h3{
	background:url(./images/h3_otherPresent.gif) center center no-repeat ;
	text-indent:-9999px;
	height:20px;
	margin:0;
	padding:0;
	margin-bottom:20px;
}*/

.presents .otherPresent .cntBoxRow{
	margin-top:20px;
	display:block;
	width:100%;
	margin-bottom:30px;
}

.presents .otherPresent .cntBox{
	width:45%;
	margin-right:8%;
	float:left;
}

.presents .otherPresent .cntBox:nth-child(even){
	width:45%;
	margin-right:0;
	float:none;
	display:inline-block;
}

.presents .otherPresent .cntBox .photo{
	width:100px;
	float:left;
}

@media screen and (max-width: 480px) {
.presents .otherPresent .cntBox{
	width:45%;
	margin-right:10px;
	float:left;
}


.presents .otherPresent .cntBox .photo{
	width:100%;
	float:none;
}

}

.presents .otherPresent .cntBox .summary{
	width:140px;
	text-align:left!important;
	float:right;
}

@media screen and (max-width: 480px) {
.presents .otherPresent .cntBox{
	width:45%;
	margin-right:8%;
	float:none;
	display:inline-block;
}

.presents .otherPresent .cntBox:nth-child(even){
	width:45%;
	margin-right:0;
	float:none;
	display:inline-block;
}



.presents .otherPresent .cntBox .photo{
	width:100%;
	float:none;
}

.presents .otherPresent .cntBox .summary{
	width:100%;
	text-align:left!important;
	float:right;
	
}

}

.presents .otherPresent .cntBox .summary h4{
	font-weight: 600;
	font-size:13px;
	margin-bottom:15px;
	text-align:left!important;
}
@media screen and (max-width: 480px) {
.presents .otherPresent .cntBox .summary h4{
	font-weight: 600;
	font-size:13px;
	line-height:18px;
	/*height-height:54px;*/
	overflow:hidden;
	margin-bottom:15px;
	text-align:left!important;
}
}


.items h4{
	margin-bottom:5px;
}

.items .number_of_winner{
	font-weight: 600;
}

.items .goDetail{
	margin-left:10px;
}


div.presents img{
width:auto;
height:auto;
max-width:100%;
}


div.summary{

}


div.summary h3{
	font-weight: 600;
	font-size:15px;
	margin-bottom:15px;
	text-align:left!important;
}


div.meta h4{
	font-weight: 600;
	font-size:15px;
	margin-bottom:15px;
	text-align:left!important;
}

input:focus {
  background-color:#fff;
}

input:required {
  background: #fff!important;
}

.privilegeList ol{
margin-bottom:40px;
}

.agreement {
margin-top:40px;
}

div.input input[type="text"]{
display: block;
    border-color: #eee;
    height: 27px;
    font-size: 12px;
    width: 96%;
}

div.input select{
display: block;
    border-color: #eee;
background-color:#fff;
    height: 27px;
    font-size: 16px;
    width: 93%;
}

@media screen and (max-width: 480px) {
div.input input[type="text"]{
display: block;
    border-color: #eee;
    height: 27px;
    font-size: 12px;
    width: 94%;
}

div.input select{
display: block;
    border-color: #eee;
background-color:#fff;
    height: 27px;
    font-size: 12px;
    width: 100%;
}
}



/*blogger*/



div.blogger {
	width: 590px;
	background-color: #fff;
	overflow: hidden;
    /*margin: 0 50px 50px 140px;*/
    position: relative;
    display: block;
    margin-left: -webkit-calc((100% - 1068px) / 2 );
    margin-left: calc((100% - 1068px) / 2 );
}


div.blogger ul {
	padding: 20px 0 0;
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}

div.blogger ul li {
	display: block;
	width: 270px;
	height:auto;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 50px;
	padding-bottom: 50px;
}

div.blogger ul li div.photo{ 
width:270px;
height:270px;
overflow:hidden;
}

div.blogger ul li div.photo img{
width:100%;
height:auto;
}

div.blogger ul  li:nth-child(2n) {
	margin-right: 0;
}


div.blogger ul li h3 {
	font-size: 24px;
	line-height: 30px;
	padding: 0;
	color: #000;
	padding: 20px 0 10px 0;
	text-align: center;
}

div.blogger ul li p {
	font-weight: normal;
	font-size:15px!important;
	line-height:25px!important;
	text-align:center;
	padding:0;
	
	
}

div.blogger ul li p.cat{
	padding:0;
}

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

div.blogger {
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	margin-top:30px;
	margin-bottom:50px;
	margin:0;
}

div.blogger ul {
	padding: 0 10%;
	width: 80%;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}

div.blogger ul li {
	display: block;
	width: 45%;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-right: 10%;
	padding-bottom: 0;
}

div.blogger ul li:nth-child(2n) {
	margin-right: 0;
}

div.blogger ul li div.photo{ 
width:100%;
height:auto;
overflow:hidden;
}

div.blogger ul li div.photo img {
	width: 100%;
	height: auto;
}

div.blogger ul li h3 {

font-size: 16px;
line-height: 18px;
	padding: 0;
	color: #000;
	padding-top:10px;
	text-align: center;
}

div.blogger ul li p {
	font-size: 11px!important;
	line-height:17px!important;
	font-weight: normal;
	text-align: center;
	display: block;
	overflow: hidden;
	height: 4em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}



}

/*header_image*/

div.header_image {
width:100%;
max-width:1280px;
height:540px;
margin:0 auto;
margin-top:-50px;
margin-bottom:50px;
text-align:center;
}

div.header_image img{
width:100%;
max-width:1280px;
height:auto;
margin:0 auto;
margin-top:-50px;
}


 @media screen and (max-width: 480px) {
 
 div.header_image {
width:100%;
height: calc(100vw*1.68);
max-height: 180px;
margin:0 auto;
margin-bottom:20px;
text-align:center;
background-repeat: no-repeat;
background-attachment: fixed;
}

 div.header_image_sp {
width:100%;
height: calc(100vw*2);
max-height: 460px;
margin:0 auto;
margin-bottom:20px;
text-align:center;
background-repeat: no-repeat;
background-attachment: fixed;
}


div.header_image img{
width:100%;
max-width:1280px;
height:auto;
margin:0 auto;
margin-top:-20px;
}
 
 }
 
 
 
/*TopSlide追加CSS*/


div.variable .slick-dots{
z-index:10;
}





div.variable .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	position: absolute;
	top: 2px;
	left: 1px;
	margin-bottom: -2px;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 12px;
	content: '';
	text-align: center;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: .5;
background-color: #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff;
-moz-box-shadow: 0 0 0 1px #fff;


}

div.variable .slick-dots li.slick-active button:before {
	font-family: 'slick';
	font-size: 6px;
	position: absolute;
	top: 2px;
	left: 1px;
	margin-bottom: -2px;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 12px;
	content: '';
	text-align: center;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 1;
background-color: #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 10px;
box-shadow: 0 0 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #000;
-moz-box-shadow: 0 0 0 1px #000;
}

div.variable .slick-active {
    opacity: 1!important;
}

div.variable .slick-active button{
    opacity: 1;
}
/*FOOGALLARY調整用*/

/*=======foogallery=======*/
.foogallery-default.spacing-width-25 a, .foogallery-default.spacing-width-25.foogallery-link-none img {
  width: 186px;
  height: 186px;
  margin-right: 9px!important;
  margin-bottom: 9px!important;
  padding: 0;
}

.foogallery-default.spacing-width-25 a:nth-child(3n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n) {
  width: 186px;
  height: 186px;
  margin-right: 0!important;
}

.foogallery-default.spacing-width-25 a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 186px;
  min-height: 186px;
}


/*650x975*/

div.length .foogallery-default a, div.length .foogallery-default.foogallery-link-none img {
  height: 280px;
}

div.length .foogallery-default a:nth-child(3n), div.length .foogallery-default.foogallery-link-none img:nth-child(3n) {
  height: 280px;
}

div.length .foogallery-default.spacing-width-25 a img {
  min-height: 280px;
}




div.three .foogallery-default a, div.three .foogallery-default.foogallery-link-none img {
  width: 186px;
  height: 186px;
  margin-right: 9px!important;
  margin-bottom: 9px!important;
  padding: 0;
}

div.three .foogallery-default a:nth-child(3n), div.three .foogallery-default.foogallery-link-none img:nth-child(3n) {
  width: 186px;
  height: 186px;
  margin-right: 0!important;
}

div.three .foogallery-default.spacing-width-25 a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 186px;
  min-height: 186px;
}

div.two .foogallery-default a {
  width: 280px;
  height: 280px;
  margin-right: 16px!important;
  margin-bottom: 16px!important;
}

div.two .foogallery-default a:nth-child(3n) {
  width: 280px;
  height: 280px;
  margin-right: 16px!important;
}

div.two .foogallery-default a:nth-child(2n) {
  width: 280px;
  height: 280px;
  margin-right: 0!important;
}

div.two .foogallery-default a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 280px;
  min-height: 280px;
}


@media screen and (max-width: 480px) {
.foogallery-default.spacing-width-25 a, .foogallery-default.spacing-width-25.foogallery-link-none img {
  width: 28vw!important;
  height: 28vw!important;
  margin-right: 2vw!important;
  margin-bottom: 2vw!important;
  padding: 0;
}

.foogallery-default.spacing-width-25 a:nth-child(3n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n) {
  width: 28vw!important;
  height: 28vw!important;
  margin-right: 0!important;
}

.foogallery-default.spacing-width-25 a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 28vw!important;
  min-height: 28vw!important;
}

  div.length .foogallery-default a, div.length .foogallery-default.foogallery-link-none img {
    width: 28vw!important;
    height: 42vw!important;
    margin-right: 2vw!important;
    margin-bottom: 2vw!important;
    padding: 0;
  }
  
  
  div.length .foogallery-default a:nth-child(3n), div.length .foogallery-default.foogallery-link-none img:nth-child(3n) {
    height: 42vw!important;
  }
  div.length .foogallery-default.spacing-width-25 a img {
    height: 42vw!important;
  }

div.three .foogallery-default a, div.three .foogallery-default.foogallery-link-none img {
  width: 28vw!important;
  height: 28vw!important;
  margin-right: 2vw!important;
  margin-bottom: 2vw!important;
  padding: 0;
}

div.three .foogallery-default a:nth-child(3n), div.three .foogallery-default.foogallery-link-none img:nth-child(3n) {
  width: 28vw!important;
  height: 28vw!important;
  margin-right: 0!important;
}

div.three .foogallery-default.spacing-width-25 a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 28vw!important;
  min-height: 28vw!important;
}




div.two .foogallery-default a, div.three .foogallery-default.foogallery-link-none img {
  width: 42vw!important;
  height: 42vw!important;
  margin-right: 5vw!important;
  margin-bottom: 5vw!important;
}

div.two .foogallery-default.spacing-width-25 a:nth-child(3n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n) {
  width: 42vw!important;
  height: 42vw!important;
  margin-right: 5vw!important;
}

div.two .foogallery-default.spacing-width-25 a:nth-child(2n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(2n) {
  width: 42vw!important;
  height: 42vw!important;
  margin-right: 0!important;
}

div.two .foogallery-default a img {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 42vw!important;
  min-height: 42vw!important;
}


}




/*650x975*/

div.three div.length .foogallery-default a, div.three div.length .foogallery-default.foogallery-link-none img {
  height: 280px;
}

div.three div.length .foogallery-default a:nth-child(3n), div.three div.length .foogallery-default.foogallery-link-none img:nth-child(3n) {
  height: 280px;
}

div.three div.length .foogallery-default.spacing-width-25 a img {
  min-height: 280px;
}

div.two div.length .foogallery-default a {
  height: 420px;
}

div.two div.length .foogallery-default a:nth-child(3n) {
  height: 420px;
}

div.two div.length .foogallery-default a:nth-child(2n) {
  height: 420px;
  margin-right: 0!important;
}

div.two div.length .foogallery-default a img {
  min-height: 420px;
}

@media screen and (max-width: 480px) {
  div.three div.length .foogallery-default a, div.three div.length .foogallery-default.foogallery-link-none img {
    width: 28vw!important;
    height: 42vw!important;
    margin-right: 2vw!important;
    margin-bottom: 2vw!important;
    padding: 0;
  }
  div.three div.length .foogallery-default a:nth-child(3n), div.three div.length .foogallery-default.foogallery-link-none img:nth-child(3n) {
    height: 42vw!important;
  }
  div.three div.length .foogallery-default.spacing-width-25 a img {
    height: 42vw!important;
  }
  div.two div.length .foogallery-default a, div.three div.length .foogallery-default.foogallery-link-none img {
    height: 63vw!important;
  }
  div.two div.length .foogallery-default.spacing-width-25 a:nth-child(3n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(3n) {
    height: 63vw!important;
  }
  div.two div.length .foogallery-default.spacing-width-25 a:nth-child(2n), .foogallery-default.spacing-width-25.foogallery-link-none img:nth-child(2n) {
    height: 63vw!important;
  }
  div.two div.length .foogallery-default a img {
    min-height: 63vw!important;
  }
}

/*===NEW AD START===*/

div#slider_top .margin #ad-top-page {
    width: 1280px;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 10;
    opacity: 1;
    overflow: hidden;
    margin: 0 auto;
}


#ad-top-page iframe {
width:1280px!important;
height:720px!important;
}


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

div#slider_top .margin #ad-top-page {
    width: 100vw;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 10;
    opacity: 1;
    overflow: hidden;
    margin: 0 auto;
}



#ad-top-page iframe {
width:100vw!important;
height:56vw!important;
}

#menu iframe {
width:100vw!important;
height:56vw!important;
}


}

/*===NEW AD END===*/

.line-break {
min-height:1px;
}

/*PConlyプチ変更*/

.side {
    float: right;
    width: 376px;
    height: auto;
    /* height: calc(100% - 400px ); */
    overflow: hidden;
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
    z-index: 1;
    margin-right: -webkit-calc((100% - 1068px) / 2 );
    margin-right: calc((100% - 1068px) / 2 );
    /* background-color: #000; */
}


div.side_topic{
position:relative;
width:376px;
height:600px;
overflow:hidden;
}

div.side_topic h2{
color:#000;
}

div.side_topic .ami{
background-color:#000;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  z-index:1;
  opacity:0.4;
  transition: all .2s ease-out;
}

div.side_topic a:hover .ami{
opacity:0;
}

div.side_topic h2 span{
display:block;
text-align:center;
font-size:15px;
font-weight:normal;
}

div.side_topic h2{
  position: absolute;
  bottom: 0;
  left: 0;
  width:80%;
color:#fff;
  opacity:1;
    z-index:2;
    text-align:center;
    padding:10%;
    	transition: all .2s ease-out;
}

div.side_topic a:hover h2{
color:#fff;
  opacity:1;
}


div.side_topic img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  object-fit: cover;
}

div.feature_area h2 {
	font-size: 34px;
	text-align: center;
	padding: 60px 0 15px 0;
}

div.feature_area {
margin-bottom:50px;
overflow:hidden;
background-color:#f5f5f5;
}

div.feature_area a{
width:100%;
max-width:1078px;
height:auto;
margin:20px auto 50px;
display:block;
position:relative;
}

div.feature_area a .ami{
background-color:#000;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  z-index:1;
  opacity:0.4;
  transition: all .2s ease-out;
}

div.feature_area a:hover .ami{
  opacity:0;
}

div.feature_area a h3{
position:absolute;
font-size:24px;
color:#fff;
width:90%;
padding:5%;
bottom:40px;
text-align:center;
  z-index:2;
  transition: all .2s ease-out;
}

div.feature_area a h3 br{display:none;}

div.feature_area a:hover h3{
  opacity:1;
}

div.feature_area a p{
display:block;
position:absolute;
color:#fff;
width:90%;
padding:5%;
bottom:10px;
text-align:center;
z-index:2;
transition: all .2s ease-out;
}

div.feature_area a:hover p{
  opacity:1;
}


div.feature_area img{
width:100%;
height:auto;
}

/*プチ変更*/

.article_inner {
    width: 576px;
    overflow: hidden;
    position: relative;
    display: block;
margin:auto;
    font-size: 15px;
    line-height: 30px;
}

@media screen and (max-width: 480px){
.article_inner {
    width: 90%;
    padding: 0 5%;
    overflow: hidden;
    position: relative;
    display: block;
    margin-left: 0;
    font-size: 14px;
    line-height: 27px;
}



div.feature_area h2 {
font-size: 28px;
    text-align: center;
    padding: 20px 0 10px 0;
}

div.feature_area {
/*margin-bottom:40px;*/
margin-bottom:40px;
padding-bottom:30px;
overflow:hidden;
background-color:#f5f5f5;
/*background-color:#000;*/
}



div.feature_area a{
width:90%;
height:260px;
text-align:center;
margin:0 auto;
display:block;
position:relative;
overflow:hidden;
}

div.feature_area a .ami{
background-color:#000;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  z-index:1;
  opacity:0.4;
  transition: all .2s ease-out;
}

div.feature_area a:hover .ami{
  opacity:0;
}

div.feature_area a h3{
position:absolute;
font-size: 16px;
line-height: 26px;
color:#fff;
width:90%;
padding:5%;
bottom:40px;
text-align:center;
  z-index:2;
  transition: all .2s ease-out;
}

div.feature_area a h3 br{display:inline;}

div.feature_area a:hover h3{
  opacity:1;
}

div.feature_area a p{
display:block;
position:absolute;
color:#fff;
width:90%;
padding:5%;
bottom:10px;
text-align:center;
z-index:2;
transition: all .2s ease-out;
}

div.feature_area a:hover p{
  opacity:1;
}


div.feature_area img{
width:100%;
height:100%;
object-fit: cover;
object-position: 50% 50%
}

}

.wrapper-content #content {
    background-color: #fff;
}