@charset "UTF-8";
/* =====================================
	全体設定
===================================== */

body {
	background: #fff !important;
}

iframe {
	margin: 0 !important;
}

body .sns li.fb,
body .sns li.line {
    margin-top: 0!important;
}

body section {
    padding: 0 !important;
}

#to_pc a:first-child{
	visibility: hidden;
}



nav#menu {display:none !important;}

@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
}

#r_magazine * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}

#r_magazine ul,
#r_magazine ol {
	list-style: none;
}

#r_magazine .p100 {
	width: 100%;
}

#r_magazine a {
	color:#191919;
	text-decoration:none;
}
#r_magazine a:link {
	color:#191919;
	text-decoration:none;
}
#r_magazine a:visited {
	color:#191919;
	text-decoration:none;
}
#r_magazine a:hover {
	color:#191919;
	text-decoration:none;
}

#r_magazine .f22 {font-size: 1.571em;!important}/*22px*/
#r_magazine .f20 {font-size: 1.429em;!important}/*20px*/
#r_magazine .f18 { font-size: 1.286em;!important }/*18px*/
#r_magazine .f16 { font-size: 1.143em;!important }/*16px*/
#r_magazine .f14 { font-size: 1.0em;!important }/*14px*/
#r_magazine .f13 { font-size: 0.929em;!important }/*13px*/
#r_magazine .f12 { font-size: 0.857em;!important }/*12px*/
#r_magazine .f11 { font-size: 0.786em;!important }/*11px*/
#r_magazine .f10 { font-size: 0.714em;!important }/*10px*/
#r_magazine .f09 { font-size: 0.643em;!important }/*10px*/
#r_magazine .f08 { font-size: 0.571em;!important }/*10px*/
/*.bottom_bdr {
	background: url(../images/border.png) bottom left repeat-x;
}*/
/*
body {
	margin: 0;
	height: 100%;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color: #191919;
	background-color: #ffffff;
}
*/

#r_magazine #wrapper {
	line-height:1.4;
	position: relative;
}
/* =====================================
	header
===================================== */
#r_magazine #header {
	margin: 0 0 30px;
	border-bottom: 1px solid #fff;
	z-index: 1;
}
#r_magazine #header .container {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
#r_magazine #header .container .logo {
	width: 80%;
	max-width: 360px;
	margin: 0 auto;
	position: relative;
}
#r_magazine #header .container .logo img {-webkit-backface-visibility: hidden;}

#r_magazine .gnav_area {
	/* z-index: 3000;
	position: absolute;
	top: 0px; */
	width: 100%;	
}
#r_magazine .gnav_btn {
	/* float: right; */
	width: 27.7%;
	/* margin-right: 2.8%; */
	    position: absolute;
    top: 0;
    right: 2.8%;
}
#r_magazine .gnav_btn.tasu {
	background: url(../img/gnav_btn_off.gif) left top no-repeat;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
}
#r_magazine .gnav_btn.hiku {
	background: url(../img/gnav_btn_on.gif) left top no-repeat;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
}
#r_magazine .gnav {
	/* float: left; */
	width: 100%;
	position: absolute;
    top: 41%;
    z-index: 3002;
}
#r_magazine .gnav li a {
	display: block;
	/*height: 54px;*/
	height: 42px;
	padding-top: 12px;
	padding-left: 4.4%;
	background:url(../img/gnav_arrow01.gif) 95% center no-repeat #fff;
	background-size: 6px 10px;
	-webkit-background-size: 6px 10px;
	-moz-background-size: 6px 10px;
	border-bottom: 1px solid #989899;
	color: #0550AC;
	font-size: 18px;
	font-weight: bold;
}
#r_magazine .gnav li:first-child {
	border-top: 1px solid #989899;
}
#r_magazine .hnav {
	padding-bottom: 1%;
}
#r_magazine .hnav li {
	float: left;
	width: 28.4%;
	margin-left: 0.8%;	
}
#r_magazine .hnav li:first-child {
	float: left;
	width: 40%;	
}

/* =====================================
	content
===================================== */

#r_magazine #contents {
	z-index: 10;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	line-height: 1.8;
}
#r_magazine #contents h2 {
	margin: 0 0 20px 0;
}
#r_magazine #contents p.lead {
	font-size: 14px;
	margin: 0 0 20px 0;
}
#r_magazine #contents .container {
	width: 89%;
	margin: 0 auto;
}
#r_magazine #contents .container .return{
	width: 75%;
	margin: 0 auto 11% auto;
}

#r_magazine .index #contents h2 {
	margin: 0 0 20px 0;
}
#r_magazine #contents .container ul.thum{
	/*margin-bottom: 11%;*/
}
#r_magazine #contents .container ul.thum.pb3p{
	padding-bottom: 3%;
	/*margin-bottom: 11%;*/
}

#r_magazine #contents .container ul.thum li{
	margin-bottom: 8.3%;
}
/*
#contents .container ul.thum li:last-child{
	margin-bottom: 0;
}
*/

#r_magazine #contents .container .more{
	width: 75%;
	margin: 0 auto 11% auto;
}

#r_magazine .sns {
	margin-bottom: 15px;
}
#r_magazine .sns li {
	float: left;	
	margin-right: 5px;
}
#r_magazine .sns li.fb {
	margin-top: -1px!important;
}
#r_magazine .sns li.fb iframe {width: auto!important;}

#r_magazine .sns li.gp {
}

#r_magazine .sns li.line {
	margin-top: -5px!important;
}
#r_magazine .sns li.line span {
	/*display: block;*/
}

#r_magazine ul.bnr {
	margin: 0;
}
#r_magazine ul.bnr li {
	margin: 0 0 20px 0;
}

/*210310_追記*/
/*210309_追記*/
#r_magazine .cont .link{
	text-align: center;
}

#r_magazine .cont .link a{
	display: block;
	width: 95%;
    padding: 15px 0;
    background-color: #044fab;
    border-radius: 50px;
    color: #fff!important;
    margin: 0 auto;
	text-decoration: none!important;
	text-align: center;
	font-size: 12px;
}

#r_magazine .cont .link a:hover {
	background-color: #5085C5;
}

#r_magazine .cont .link_bnr{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px auto 0;
	padding: 30px 0 0;
	border-top: 1px solid #C7C8C8;
}
#r_magazine .cont .link_bnr li{
	float: unset;
	width: 48%!important;
	margin: 0 0 20px;
}
/*230522追記*/
@media screen and (max-width: 768px) {
	#r_magazine .cont .link_bnr{
		flex-direction: column;
		text-align: center;
	}
	#r_magazine .cont .link_bnr li{
		width: 100%!important;
	}
}

#r_magazine .cont .link_bnr li:nth-of-type(n+3){
	margin: 0;
}

/* =====================================
	bnr
===================================== */
#r_magazine #bnr {
	width: 100%;
	padding: 5.5% 0;
	margin-bottom: 60px;	
	background: #F3F3F3;	
}
#r_magazine #bnr .container {
	position: relative;
	width: 89%;
	margin: 0 auto;
}

#r_magazine .pt {
	position: absolute;
	right: 20px;
	top: -54px;
}

#r_magazine #bnr ul li {
	float: left;
	width: 100%;
	margin-bottom: 6.25%;
}
#r_magazine #bnr ul li.fl {
	float: left;
	width: 46.8%;
	margin-bottom: 0;
}
#r_magazine #bnr ul li.fr {
	float: right;
	width: 46.8%;
	margin-bottom: 0;
}
#r_magazine #to_pc {
	position: relative;
	width: 100%;
	text-align: center;
	display: none;
}
#r_magazine #to_pc .p39 {
	width: 39%;
	margin: 0 auto 5.5% auto;
}
#r_magazine #to_pc #pageTop {
	position: absolute;
	right: 5.5%;
	bottom: 0;
	display: block;	
	width: 9.7%;	
}


/* =====================================
	footer
===================================== */

#r_magazine #footer {
}

#r_magazine .fnav {
	background: #666666;
	padding: 14px 5.5% 5px;
	text-align: center;	
	line-height: 1.0;
}
#r_magazine .fnav li {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 9px;	
}
#r_magazine .fnav li:first-child {
	margin-left: 0;	
}

#r_magazine .fnav a{
	padding-left: 9px;
	background: url(../img/fnav_arrow.gif) left center no-repeat;
	background-size: 7px auto;
	-moz-background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-o-background-size: 7px auto;
	-ms-background-size: 7px auto;
	font-size: 11px;
	color: #ffffff;
}
#r_magazine #footer hr {
	margin: 0;
	padding: 0;
	height: 0px;
	border: 0;
	border-top: 1px solid #fff;
}
#r_magazine #footer p {
	background: #666666;
	padding: 9px 0;
	text-align: center;
	font-size: 8px;
	color: #ffffff;
}

/*
#pageTop{
	position: fixed;
	bottom: 0;
	right: 5.5%;
	}
#pageTop:hover{
	}
*/

#r_magazine .thum li a {
	display: flex;
	justify-content: space-between;
}

#r_magazine .thum li a .image {
	width: 30%;
	height: 26.7vw;
	object-fit: cover;
}

#r_magazine .thum li a .ttl {
	width: 66%;
	padding: 10px 0 0;
	font-weight: bold;
	font-size: 15px;
	border-top: 4px solid #666;
}
#r_magazine .thum li.mens a .ttl {border-top-color: #0451ad;}
#r_magazine .thum li.ladys a .ttl {border-top-color: #e5003f;}

#r_magazine .thum li a .txt {display: none;}

#r_magazine .thum li a .cat {display: none;}

#r_magazine .return_btn {
	margin: 0 0 180px;
}

#r_magazine .return_btn a {
	display: block;
	width: 472px;
	padding: 15px 0;
	background-color: #044fab;
	border-radius: 26px;
	color: #fff;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
}

#r_magazine .tit_pickup {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
	color: #333;
}

#r_magazine .tit_pickup .en {
	line-height: 1;
	font-size: 40px;
	font-weight: bold;
}

#r_magazine #contents .tit_pickup .tit {
	margin: 0 0 0 15px;
	line-height: 1.5;
	font-size: 22px;
	font-weight: bold;
}

@media screen and (min-width: 640px) {
	#r_magazine .thum li a .image {
		height: 170.88px;
	}
}

#r_magazine .tac {text-align: center;}

/*PC*/
@media screen and (min-width: 769px) {
	#r_magazine #header {margin-bottom: 0;}
	
	#r_magazine #contents .container {
		width: 100%;
	}
	
	#r_magazine #contents h2 {
		margin: 40px auto;
	}
	
	#r_magazine #contents .container .return {
		width: 320px;
		margin-bottom: 200px;
	}

	#r_magazine .pickup {
		width: 1200px;
		margin: 0 0 30px -240px;
		text-align: center;
	}
	
	#r_magazine .pickup img {
		width: auto;
		height: auto;
		transform: translateX(80px);
	}
	
	#r_magazine #contents .container h2 + p.lead {
		width: 1200px;
		margin-left: -240px;
		margin-bottom: 30px;
	}
	
	#r_magazine .thum {
		display: flex;
		flex-wrap: wrap;
		width: 1200px;
		margin-left: -240px;
		margin-bottom: 110px;
	}
	
	#r_magazine #contents .container ul.thum li,
	#r_magazine #contents .tab_content ul.thum li {
		width: 282px;
		margin: 0 24px 15px 0;
	}
	#r_magazine #contents .container ul.thum li:nth-child(4n),
	#r_magazine #contents .tab_content ul.thum li:nth-child(4n){margin-right: 0;}
	
	#r_magazine .thum li a .image {
		height: 85.5px;
	}
	
	#r_magazine #bnr {
		width: 1060px;
		margin: 0 auto 147px;
		padding: 40px 70px;
	}
	
	#r_magazine #bnr .container {
		width: 100%;
	}
	
	#r_magazine #bnr ul li {
		width: 526px;
		margin: 0;
	}
	#r_magazine #bnr ul li.fl {
		width: 244px;
		margin: 0 0 0 25px;
	}
	#r_magazine #bnr ul li.fr {
		width: 244px;
	}
	
	/*/item/index.htmlなど 一覧用のスタイル*/
	#r_magazine.index #contents .container ul.thum,
	#r_magazine #contents .tab_content ul.thum {
		margin-bottom: 70px;
	}
	#r_magazine.index #contents .container ul.thum li,
	#r_magazine #contents .tab_content ul.thum li {
		margin-bottom: 40px;
	}
	
	#r_magazine.index .thum li a,
	#r_magazine #contents .tab_content ul.thum li a {
		display: block;
		padding-top: 10px;
		border-top: 4px solid #666;
	}
	#r_magazine.index .thum li.mens a,
	#r_magazine #contents .tab_content ul.thum li.mens a{border-top-color: #0451ad;}
	#r_magazine.index .thum li.ladys a,
	#r_magazine #contents .tab_content ul.thum li.ladys a {border-top-color: #e5003f;}
	
	#r_magazine.index .thum li a > *,
	#r_magazine #contents .tab_content ul.thum li a > *{
		width: 100%;
	}
	
	#r_magazine.index .thum li a .image,
	#r_magazine #contents .tab_content ul.thum li a .image{
		height: auto;
	}
	
	#r_magazine.index .thum li a .ttl,
	#r_magazine #contents .tab_content ul.thum li a .ttl {
		display: block;
		border: none;
	}
	
	#r_magazine.index .thum li a .txt,
	#r_magazine #contents .tab_content ul.thum li a .txt {
		display: block;
	}
	
	#r_magazine .thum li a .cat {
		display: none;
		margin: 10px 0 0;
		font-weight: bold;
		font-size: 13px;
	}
	#r_magazine.index .thum li a .cat {display: block;}
	#r_magazine .thum li a .cat.new {
		background: url(../img/thum/icon_new.gif) 100% 50% no-repeat;
	}
}

/*SP*/
@media screen and (max-width: 768px) {
	#r_magazine .return_btn {margin: 0 0 80px;}
	#r_magazine .return_btn a {width: auto;}

	#r_magazine .tit_pickup {
		display: block;
		margin: 0 0 20px;
		color: #333;
		text-align: center;
	}

	#r_magazine .tit_pickup .en {
		font-size: 26px;
	}

	#r_magazine #contents .tit_pickup .tit {
		margin: 8px 0 0;
		font-size: 17px;
	}
}