@charset "UTF-8";
/*
Theme Name: flowers2019
Author: Shogakukan
Author URI: https://ciao.shogakukan.co.jp/
*/

/* ------------------------------------

  全般

------------------------------------  */
body{
	font-family: 'Lucida Grande', Meiryo, メイリオ, sans-serif,　AdobeBlank;
	color: #5f052c;
    line-height: 1.6;
	/* background: #ff6ea0 url(../img/ciao2019/bg.png) !important; */
	/* background-size: auto 40px !important; */
	background: #ffd7eb;
}
img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
}
a{
    transition: none;
}
a:hover{
    opacity: 1;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 0;
}
@media screen and (min-width: 769px){
	h2.sp{
		display: none !important;
	}
}

/* ---------------------------------------------- */
.primary > header {
	text-align: center;
	padding-bottom: 10px;
}
.primary > header h1 {
	margin: 0 auto 8px;
}
.primary > header p {
	font-weight: bold;
}
.primary, #secondary {
	font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px){
	body{
		padding-top:0;
	}
	.pc { display: none; }
	img { 
		max-width: 100%;
		height: auto;
	}
	.primary {
		padding: 8px 8px 20px;
	}	
}

/* ------------------------------------

  共通

------------------------------------  */
.topic-path{
	max-width: 1120px;
	padding: 16px 14px 16px;
	margin: 0 auto;
}
.topic-path br{
	display: none;
}
.content__inner section{
	margin-bottom: 0;
}
.pkg:after{
	content: ""; 
	display: block; 
	clear: both;
}
.pkg { 
	display: block;
	min-height: 0;
}
.container{
	width: 100%;
}
.ut {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	max-height: 185px;
}
.ut iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px) !important;
    height: 100% !important;
    border: 1px solid #fff;
}
.multi {
	border-collapse: collapse;
	box-sizing: border-box;
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	list-style-type:none;
	overflow: hidden;
}
.multi > li {
	list-style-type: none;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	border-right: 1px dashed #f2f2f2;
	border-bottom: 1px dashed #f2f2f2;
	padding: 8px;
	margin-bottom: -1px;
}
.multi.n2 > li { width: 50% !important; }
.multi.n3 > li { width: calc(100% / 3) !important; }
.multi.n4 > li { width: 25% !important;}
.multi.n5 > li { width: 20% !important;}
.multi.n2 > li:nth-child(2n),
.multi.n3 > li:nth-child(3n),
.multi.n4 > li:nth-child(4n),
.multi.n5 > li:nth-child(5n){ 
	border-right: none !important;
}
.blank {
    background-image: url("../img/ciao2019/_blank.png") !important;
    background-repeat: no-repeat !important;
    padding: 0 20px 0 4px !important;
    background-size: 12px auto !important;
    background-position: center right !important;
    color: inherit !important;
}
.primary header {
	position: relative;
	background-image: url("../img/ciao2019/title_bg_pc.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	min-height: 60px;
	box-sizing:content-box;
}
.ciao-magazine header h1,
.ciao-magazine2 header h1 {
	position: absolute;
	left: 90px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 60px;
	text-indent: -9999px;
	font-size: 8px;
	width: 278px;
}
.ciao-magazine header .vol,
.ciao-magazine2 header .vol {
	position: absolute;
	left: 368px;
	border-radius: 40px;
	background-color: #fff;
	padding: 3px;
	text-align: left;
	padding-right: 10px;
	min-width: 300px;
}
.primary header .vol .date {
	font-size: 18px;
}
.ciao-magazine header .vol .date span,
.ciao-magazine2 header .vol .date span
 {
	background-color: #51dcc0;
	color: #ff0;
	font-size: 40px;
	border-radius: 25px;        /* CSS3草案 */  
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;   /* Firefox用 */ 
	color:#ff0;
	display:inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 56px;
	font-family: 'Josefin Sans', sans-serif;
}
.ciao-magazine header .vol .date strong,
.ciao-magazine2 header .vol .date strong {
	color: #ff0000;
	font-size: 22px;
}
.primary header .vol .date small {
	font-size: 14px;
}
.ciao-magazine header .vol .price,
.ciao-magazine2 header .vol .price {
	font-size: 12px;
	position: absolute;
	top: 3px;
	left: 58px;
}
.primary header .vol p {
	display: inline-block;
}
/* ---------------------- */
#pBody > section {
	background-color: #fff;
	border-width: 6px;
	border-style: solid;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom: 12px;
}
#pBody > section > h2 {
	padding: 0px 24px 6px;
	text-align: center;
	color: #fff;
	font-size: 36px;
	background-size: auto 60px;
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 1.3;
}
#pBody section.s1 {
	border-color: #fec429;
}
#pBody section.s2 {
	border-color: #50e0ff;
}
#pBody section.s3 {
	border-color: #ff234c;
}
#manga { border-color: #4fe35f;}
#special { border-color: #b882e2;}
#special2 { border-color: #b882e2;}
#special3 { border-color: #b882e2;}

section#rensai {
	border: none;
	background-color: #ffa2c2;
	padding: 16px;
}

#pBody section.s1 > h2 {
	background-image: url(../img/ciao2019/s1_bg.png);
}
#pBody section.s2 > h2 {
	background-image: url(../img/ciao2019/s2_bg.png) ;
}
#pBody section.s3 > h2 {
	background-image: url(../img/ciao2019/s3_bg.png);
}
#manga > h2 {
	background-image: url(../img/ciao2019/mng_bg.png);
}
#manga > section > h2 {
	text-align: center;
	font-size: 30px;
}
#special > h2 {
	background-image: url(../img/ciao2019/sp_bg.png);
}
#rensai > h2 {
	background: #ff6ea0;
	font-size: 14px !important;
	padding: 2px 0 2px !important;
	margin-bottom: 8px;
}
#pBody > section > section:last-child {
	padding-bottom: 10px;
	background: none;
}
.furoku.s1 section {
	background: url(../img/ciao2019/s1_k.png) no-repeat center bottom;
}
.furoku.s1 section > p{
	display: flex;
}
.furoku.s2 section {
	background: url(../img/ciao2019/s2_k.png) no-repeat center bottom;
}
.furoku.s3 section {
	background: url(../img/ciao2019/s3_k.png) no-repeat center bottom;
}
#manga section {
	background: url(../img/ciao2019/mng_k.png) no-repeat center bottom;
	background-size: auto 32px !important;
}
#special section {
	background: url(../img/ciao2019/sp_k.png) no-repeat center bottom;
	background-size: auto 32px !important;
}
#pBody > section > section {
	padding: 12px 24px 38px;
	background-size: auto 32px!important;
}
#pBody > section > section h3 {
	font-size: 32px;
	line-height: 1.3;
	color: #06affe;
	font-family: "Shin Maru Go Heavy";
	padding-bottom: 8px;
}
#pBody > section > section h4 {
	color: #ff5da2;
	line-height: 1.2;
	font-size: 20px;
	font-family: "Jun 501";
	padding-bottom: 6px;
}
#pBody section p {
	padding: 4px 0;
	/* font-size: 18px; */
}
#pBody section p.auther {
	font-weight: bold;
}
#pBody > section > section.f1 > h3 {
	color: #ff358b;
	font-size: 38px;
	text-align: center;
	line-height: 1;
	font-family: DS-showwa70;
}
#pBody > section > section.f1 img {
	width: 50%;
}
#pBody > section > section.f1 img.max {
	width: 100%;
}
#pBody img {
	max-width: 100%;
}
#pBody > section .pin {
	float: right;
}
#pBody > section .wrap {
	float: left;
}

#pBody .struc1 .pin { width: 50%;}
#pBody .struc1 .wrap { width: 50%;}
#pBody .struc2 .pin { width: 60%;}
#pBody .struc2 .wrap { width: 40%;}
#pBody .struc3 .pin { width: 40%;}
#pBody .struc3 .wrap { width: 60%;}
#pBody .struc4 .pin { width: 30%;}
#pBody .struc4 .wrap { width: 70%;}
#pBody .multi .pin {
	float: none;
}
#rensai li {
	padding: 8px;
}
#rensai li * {
	text-align: left;
	line-height: 1.2
}
#rensai li h3 {
	font-size: 12px;
}
#rensai li p {
	font-size: 11px;
}
#rensai li img {
	width: 40px;
	height: auto;
	float: left;
	margin-right: 4px;
	border: 1px solid #fff;
}
.primary footer p{
	font-size: 10px;
}
@media print, screen and (min-width: 769px){
	.primary{
		width: 796px;
		padding: 16px 14px 16px;
	}
	.content__inner{
		min-width: 1120px;
		width: 1120px;
		max-width: 100%;
	}
}
@media screen and (max-width:768px) {
	.primary header {
		background-image: url("../img/ciao2019/title_bg_sp.png");
		background-size: auto 50px;
		background-position: top center;
	}
	.primary header h1 {
		position: relative;
		left:0;
		height: 42px;
	}
	.primary header .vol {
		position: relative;
		left:0;
		border-radius: 26px;
	}
	.primary header .vol .date {
		font-size: 14px;
	}

	#pBody > section > h2 {
		font-size: 22px;
		background-size: auto 70px;
		padding-bottom: 8px;
	}
	#pBody > section {
		border-width: 4px;
	}
	#pBody > section > section {
		padding: 8px 8px 36px;
	}
}
@media screen and (max-width:480px) {
	.primary p,#primary p {
		line-height: 1.4;
	}
	.primary header {
		background-size: contain;
	}
	#pBody > section > section.f1 img,
	#pBody > section .pin,
	#pBody > section .wrap {
		float: none;
		width: 100%!important;
	}
	.primary header .vol .date span {
		font-size: 2.4rem;
		/* font-size: 30px; */
		/* width: 40px;
		height: 40px; */
		/* text-align: center; */
		/* line-height: 46px; */
	}
	.primary header .vol .price {
		top: 1px;
		left: 43px;
	}
	.multi.n2 > li,
	.multi.n3 > li,
	.multi.n4 > li,
	.multi.n5 > li,
	.news .shop li { 
		width: 100%!important; 
		margin:0 !important;
		border-right: none!important;
	}
	.multi li:last-child {
		border-bottom: none;
	}
	.furoku.s1 section > p{
		display: block;
	}
	.ciao-magazine header .vol .date span,
    .ciao-magazine2 header .vol .date span{
		font-size: 30px;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 46px;
	}
}
/* ------------------------------------

  ヘッダー

------------------------------------  */
.global-header{
    background:none;
}
.global-header__inner{
    display: block;
    max-width: 100%;
    padding: 0;
}
@media print, screen and (min-width: 769px){
    .global-header{
        width: 100%;
    }
    .global-header__logo {
        position: relative;
        width: 100%;
        margin: 0 auto;
        height: 105px;
        /* background: url(../img/ciao2019/header_bg_pc.png); */
        padding: 10px 0 0;
        min-width: 1120px;
				background-color:#ffd7eb;
    }
    .global-header__logo a {
        background: url(../img/ciao2021/ciaoland-logo.png);
        display: block;
        overflow: hidden;
        height: 0 !important;
        height /* */: 87px;
        padding-top: 87px;
        background-repeat:no-repeat;
    }
    .global-header__logo h1 {
        position: relative;
        width: 316px;
        height: 87px;
        font-size: 8px;
        display: block;
        margin: 0 auto 0;
        z-index: 1;
    }
    .global-header__logo .pin{
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -560px;
    }
    .global-header__nv a{
        transition: none;
    }
    .global-header__nv{
        /* position: relative; */
        height: 83px;
        /* background-image: url(../img/ciao2019/navi_bg.png); */
        /* background-repeat: repeat-x; */
        /* width: 100%; */
        min-width: 1120px;
        /* margin: 0 auto; */
        background-color: #ffd7eb;
    }
    .global-header__nv>ul {
		position: relative;
		margin: auto;
	}
	.global-header__nv>ul>li {
		position: absolute;
		list-style-type: none;
		height: 40px;
		text-align: center;
		margin-right: 20px;
	}
	.global-header__nv>ul>li>a {
		display:block;
		overflow:hidden;
		height:0 !important;
		height /* */: 40px;
		padding-top: 40px;
		background-image: url(../img/ciao2019/nav.png);
		font-size: 8px;
		width: 100%;
	}
	.global-header__nv>ul>li>p {
		display:block;
		background-image: url(../img/ciao2019/nav.png);
		text-indent: -9999px;
		height: 40px;
		width: 150px;
	}
	.global-header__nv .nav1 {
		height: 40px;
		width: 830px;
	}
	.global-header__nv .nav1>li {
		top: -9px;
		width: 150px;
	}
	.global-header__nv .nav1 .n11 { left: 0; }
	.global-header__nv .nav1 .n12 { left: 170px; }
	.global-header__nv .nav1 .n13 { left: 340px; }
	.global-header__nv .nav1 .n14 { left: 510px; }
	.global-header__nv .nav1 .n15 { left: 680px; }
	.global-header__nv .nav1 .n11 a { background-position: 0 0; }
	.global-header__nv .nav1 .n12 a { background-position: -150px 0; }
	.global-header__nv .nav1 .n13 p { background-position: -300px 0; }
	.global-header__nv .nav1 .n14 p { background-position: -450px 0; }
	.global-header__nv .nav1 .n15 a { background-position: -600px 0; }
	.global-header__nv .nav1 .n11 a:hover { background-position: 0 -40px; }
	.global-header__nv .nav1 .n12 a:hover { background-position: -150px -40px; }
	.global-header__nv .nav1 .n13 p:hover { background-position: -300px -40px; }
	.global-header__nv .nav1 .n14 p:hover { background-position: -450px -40px; }
	.global-header__nv .nav1 .n15 a:hover { background-position: -600px -40px; }
    .global-header__nv .nav2{
        height: 40px;
        width: 1036px;
    }
	.global-header__nv .nav2>li {
		width: 136px;
		margin-right: 14px;
		top: -4px;
	}
	.global-header__nv .nav2 .n21 { left: 0; }
	.global-header__nv .nav2 .n22 { left: 150px; }
	.global-header__nv .nav2 .n23 { left: 300px; }
	.global-header__nv .nav2 .n24 { left: 450px; }
	.global-header__nv .nav2 .n25 { left: 600px;}
	.global-header__nv .nav2 .n26 { left: 750px;}
	.global-header__nv .nav2 .n27 { left: 900px;}
	.global-header__nv .nav2 .n21 a { background-position: 0 -80px; }
	.global-header__nv .nav2 .n22 a { background-position: -150px -80px; }
	.global-header__nv .nav2 .n23 p { background-position: -300px -80px; }
	.global-header__nv .nav2 .n24 p { background-position: -450px -80px; }
	.global-header__nv .nav2 .n25 p { background-position: -600px -80px; }
	.global-header__nv .nav2 .n26 a { background-position: -750px -80px; }
	.global-header__nv .nav2 .n27 p { background-position: -900px -80px; }
	.global-header__nv .nav2 .n21 a:hover { background-position: 0 -120px; }
	.global-header__nv .nav2 .n22 a:hover { background-position: -150px -120px; }
	.global-header__nv .nav2 .n23 p:hover { background-position: -300px -120px; }
	.global-header__nv .nav2 .n24 p:hover { background-position: -450px -120px; }
	.global-header__nv .nav2 .n25 p:hover { background-position: -600px -120px; }
	.global-header__nv .nav2 .n26 a:hover { background-position: -750px -120px; }
	.global-header__nv .nav2 .n27 p:hover { background-position: -900px -120px; }
	.global-header__nv>ul>li>div {
		position: absolute;
		left:50%;
		display: none;
		padding-top: 10px;
		z-index: 2;
	}
	.global-header__nv>ul>li ul {
		padding: 6px;
		background: #fff;
		border-radius: 12px;
		list-style-type: none;
		-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
		-o-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		font-weight: bold;
	}
	.global-header__nv>ul>li ul a {
		display: block;
		background: #fb036d;
		margin: 2px;
		padding: 3px 8px;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
	}
	.global-header__nv>ul>li ul a:hover  {
		background: #ff6ea0;
		color: #ff0;
	}
	.global-header__nv .nav1 .n13 div { width: 10em; margin-left: -5em;}
	.global-header__nv .nav1 .n14 div { width: 13em; margin-left: -6em;}
	.global-header__nv .nav2 .n21 div { width: 9em; margin-left: -4.5em; }
	.global-header__nv .nav2 .n22 div { width: 9em; margin-left: -4.5em; }
	.global-header__nv .nav2 .n23 div { width: 12em; margin-left: -6em; }
	.global-header__nv .nav2 .n24 div { width: 14em; margin-left: -7em;}
	.global-header__nv .nav2 .n25 div { width: 14em; margin-left: -7em;}
	.global-header__nv .nav2 .n27 div { width: 12em; margin-left: -6em;}
	.global-header__nv li div span {
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 0px;
		display: none;
		width: 16px;
		height: 16px;
		background-image: url(../img/ciao2019/arr.png);
		background-position: -16px -48px;
	}
}
@media screen and (max-width: 768px){
	.global-header{
		position: relative;
		height: 56px;
	}
	.global-header__logo{
		position: relative;
		width: 100%;
		height: 48px;
		/* background: url(../img/ciao2019/header_bg_sp.png) repeat-x; */
		background: #ffd7eb;
		background-size: auto 56px;
		padding: 8px 0 0;
		z-index: 100;
		box-sizing: content-box;
	}
	.global-header h1{
		height: 42px;
		width: 198px;
		/* margin-left: 8px; */
		margin: 0 auto;
	}
	.global-header h1 a{
		display: block;
		overflow: hidden;
		height: 0 !important;
		height /* */: 42px;
		padding-top: 42px;
		/* background-image: url(../img/ciao2019/header_logo_sp.png); */
		background-image: url(../img/ciao2021/ciaoland-logo.png);
		background-size: auto 42px;
	}
	.global-header h2{
		position: absolute;
		right: 8px;
		top: 12px;
		width: 80px;
		height: 30px;
		background: url(../img/ciao2019/header_menu.png);
		background-size: auto 30px;
		text-indent: -9999px;
	}
	.global-header__nv {
		background: #ff6ea0;
		font-size: 13px;
		display: none;
	}
	.global-header__nv li {
		list-style-type: none;
	}
	.global-header__nv a {
		border-bottom: 1px solid #e70264;
		display:block;
		padding: 16px 10px;
		color: #fff;
		text-decoration: none;
	}
	.global-header__nv > ul > li p {
		position: relative;
		border-bottom: 1px solid #e70264;
		clear: both;
		padding: 14px 10px;
		background: #fc1676;
		color: #fff;
	}
	.global-header__nv > ul > li p span {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(../img/ciao2019/arr.png);
		background-size: 16px auto;
		background-position: -8px -16px;
	}
	.global-header__nv > ul > li p.open span { background-position: -8px -24px; }
	.global-header__nv > ul > li div {
		display: none;
	}
	.global-header__nv > ul > li div {
		display: none;
		background: #fdaec9;
	}
	.global-header__nv > ul > li ul a {
		color: #fc1676;
	}
}
@media print, screen and (min-width: 481px) {
	.ciao-top {
		margin: 0 0 10px;
	}
}
@media print, screen and (min-width: 769px) {
	.ciao-top{
		width: 796px;
		padding: 16px 14px 16px;
	}
}
@media print, screen and (max-width: 768px) {
	.ciao-top {
		padding: 8px 0;
	}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	.ciao-top {
		width: calc(100vw - 24px);
		margin: auto;
	}
}
@media print, screen and (max-width: 480px) {
	.ciao-top{
		padding: 8px 8px 20px;
	}
}
/* ------------------------------------

  フッター

------------------------------------  */
/* ------------------------------------

  ページトップ

------------------------------------  */
.pgtop{
	background:none;
}
#pgtop {
	position: fixed;
	right: -40px;
	bottom: 150px!important;
	width: 34px;
	height:110px;
	z-index: 10000;
	display:block;
}
#pgtop a {
	display:block;
	overflow:hidden;
	height:0 !important;
	height /* */: 110px;
	padding-top:110px;
	background-image: url(../img/ciao2019/pgtop_pc.png);
}

@media screen and (max-width: 768px){
	#pgtop {
		position: fixed;
		right: -40px;
		bottom: 66px!important;
		width: 40px;
		height: 40px;
	}
	#pgtop a {
		display:block;
		overflow:hidden;
		height:0 !important;
		height /* */: 40px;
		padding-top:40px;
		background-image: url(../img/ciao2019/pgtop_sp.png);
		background-size: 40px auto;
	}
}
/* ------------------------------------

  サイドバー

------------------------------------  */
#secondary .yt-ch {
    max-width: 400px;
    text-align: center;
    margin: 10px auto 0;
}
.kei {
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
}
.home #secondary .latest{
	display: none;
}
.yt-ch{
	display: none;
}
.home .yt-ch{
	display: block;
}
.content__sub{
	padding: 0;
	width: auto;
}
#secondary .bnr img{
	border: 1px solid #fff;
    width: calc( 100% - 2px);
	box-sizing:content-box;
}
#secondary .cover {
    float: left;
    padding-right: 6px;
}
#secondary .cover img {
    border: 1px solid #fff;
    box-sizing: border-box;
}
@media screen and (min-width: 769px){
	#secondary{
		width: 324px;
		text-align: left;
		/* background: #ff4b93; */
		/* border: 1px solid #fb036d; */
		background: #fbbbdc;
		border: 1px solid #fbbbdc;
		margin: 16px 0 32px;
	}
	#secondary>div {
		margin: 10px;
		width: 300px;
	}
	#secondary .side-twitter-widget {
		background: #fff;
	}
	#secondary .side-twitter-widget a {
		text-decoration:underline!important;
		color:#0066cc!important;
	}
	#secondary .side-twitter .side-twitter-ttl{
		width: 300px;
		height: 32px;
		background-image: url(/wp-content/themes/cms202008/assets/img/ciao2019/twitter.png);
		font-size: 8px;
		text-indent: -9999px;
		margin-bottom: 8px;
	}
	#secondary .news .news-ttl {
		width: 300px;
		height: 32px;
		background-image: url(/wp-content/themes/cms202008/assets/img/ciao2019/latest.png);
		font-size: 8px;
		text-indent: -9999px;
		margin-bottom: 8px;
	}
	#secondary .news img{
		margin: 3px 0;
	}
	#secondary .news ul{
		list-style-position: outside;
		padding: 6px 2px 6px 1.7em;
		margin: 8px 0;
		font-size: 12px;
		color: #fff;
		/* border: 1px solid #fb036d; */
		/* background: #ff6ea0; */
		background: #fbbbdc;
		list-style: disc;
	}
	#secondary .news li {
		padding: 2px 0;
		line-height: 1.3;
	}
	#secondary .news li a {
		color: #fff;
		text-decoration: none;
	}
	#secondary .news li a:hover{
		color: #ff0;
	}
	#secondary .latest {
		padding: 0 0 10px;
		line-height: 1.2;
	}
	#secondary .latest a {
		text-decoration: none;
		display: block;
		color: #fff;
	}
	#secondary .news img {
		margin: 3px 0;
	}
	#secondary .latest .latest-vol {
		font-size: 20px;
		color: #ff0;
		font-weight: bold;
	}
	#secondary .latest .latest-vol span{
		color: #ff0;
		font-size: 28px;
	}
	#secondary .latest .latest-contents {
		color: #fff;
		padding-top: 3px;
		font-size: 16px;
		font-weight: bold;
	}
	#secondary .latest .latest-contents span {
		background-color: #ff93be;
		border-radius: 20px;
		padding: 2px 12px 0;
		font-size: 15px;
		display: inline-block;
		margin-bottom: 2px;
	}
}
@media screen and (max-width: 768px){
	#secondary {
		background: #ffd4e3;
		padding: 8px 0px 10px;
	}
	#secondary .side-twitter {
		margin: 10px;
	}
	#secondary .news .news-ttl, #secondary .side-twitter .side-twitter-ttl {
		color: #ff6ea0;
		font-size: 20px;
		border-bottom: 1px solid #ff6ea0;
		padding: 4px 6px;
		margin-bottom: 6px;
		font-weight: bold;
	}
	#secondary .news {
		color: #752811;
	}
	#secondary > div {
		margin: 8px;
	}
	#secondary .news h2, #secondary .side-twitter h2 {
		color: #ff6ea0;
		font-size: 20px;
		border-bottom: 1px solid #ff6ea0;
		padding: 4px 6px;
		margin-bottom: 6px;
	}
	#secondary .bnr p {
		padding: 2px 2px;
		display: inline-block;
		width: calc(50% - 4px);
	}
	#secondary .news ul {
		padding: 4px 0px 4px;
		list-style-type: none;
	}
	#secondary .news li:first-child {
		border-top: 1px solid #ff6ea0;
	}
	#secondary .news li {
		border-bottom: 1px solid #ff6ea0;
		font-size: 14px;
	}
	#secondary .news a {
		text-decoration: none;
		display: block;
		color: #752811;
	}
	#secondary .news li a{
		padding: 10px 0px;
	}
	#secondary .latest {
		padding: 6px;
		font-size: 14px;
	}
	#secondary .news a {
		text-decoration: none;
		display: block;
		color: #752811;
	}
	#secondary .latest .cover img {
		float: left;
		margin-right: 10px;
	}
	#secondary .latest .latest-vol {
		font-size: 21px;
		line-height: 1.2;
		font-weight: bold;
	}
	#secondary .latest .latest-vol span{
		color: #f00;
		font-size: 40px;
	}
	#secondary .latest .latest-contents {
		color: #ff4b93;
		font-size: 18px;
		font-weight: bold;
	}
}
@media screen and (max-width: 480px){
	#secondary .bnr p {
		display: block;
		width: 100%;
		padding: 4px 0px;
	}
	#secondary .yt-ch{
		padding: 0 10px;
	}
}	
/* ------------------------------------

  トップページ

------------------------------------  */
.ciao-top a{
	display: block;
}
#mgzn .wrap .vol a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	width: 100%;
	background-image: url(../img/ciao2019/vol_bg.png);
	background-repeat: no-repeat;
}
#mgzn .wrap .vol span {
	position: absolute;
	display: block;
	background-image: url(../img/ciao2019/vol2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#mgzn .wrap li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	background-size: auto 100%;
}
#mgzn .wrap .jigou a {
	background-color: #ff337d;
	background-image: url(../img/ciao2019/jigou.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#mgzn .wrap .dx a {
	background-color: #00bd9a;
	background-image: url(../img/ciao2019/dx.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#mgzn .cover,
#mgzn .furoku,
#mgzn .wrap,
#mgzn .cm {
	float: left;
}
#mgzn .cover img,
#mgzn .furoku img,
#mgzn .wrap li a,
#mgzn .cm {
	border: 6px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mgzn .furoku {
	position: relative;
}
#mgzn .cover img,
#mgzn .furoku img,
#mgzn .cm {
	border-color: #ff0;
}
#mgzn .cover a:hover img,
#mgzn .wrap li a:hover {
	border: 6px solid #ff0;
}
.shdw {
    -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
}
/* --------------------------- */
#cmcs {
	position: relative;
	background: url(../img/ciao2019/cmcs_bg.png) no-repeat left top;
	background-size: contain;
}
#cmcs a{
	line-height: 0;
} 
#cmcs h2 {
	height: auto;
	margin: auto;
	padding-top: 18px;
}
#cmcs .bx-prev,
#cmcs .bx-next {
	position: absolute;
	width: 25px;
	height: 25px;
	bottom: 116px;
	bottom: 6px;
}
#cmcs a.bx-prev,
#cmcs a.bx-next {
	display: block;
	overflow: hidden;
	height: 0 !important;
	background-image: url(../img/ciao2019/slider_btn.png);
}
/* --------------------------- */
#netshop img {
	background: #c3f1fd;
	border: 4px solid #c3f1fd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#netshop a:hover img {
	border: 4px solid #ff0;
	background: #ff0;
}
/* --------------------------- */
#topChannel {
	background: #ffb7d0;
	border: 6px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	margin: 12px 0;
}
#topChannel h2 {
	background: url("../img/ciao2019/topChannel.png") no-repeat center;
	background-size: contain;
	height: 24px;
	display: block;
	text-indent: -9999px;
	margin: 10px 0 6px;
}
#topChannel h2 img {
	height: 22px;
}
#topChannel li {
	background: #fff;
	list-style-type: none;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}
#topChannel li img {
	width: 100%;
	height: auto;
}
#topChannel .cm iframe {
	border: none;
}
#topChannel .other {
	text-align: center;
	display: block;
	width: 50%;
	background-color: #fff;
	margin: auto;
	border-radius: 10px 10px 0 0;
}
#topChannel .other a {
	display: block;
	color: #ff4b93;
	font-weight: bold;
	padding: 6px 10px 0;
	text-decoration: none;
}
/* --------------------------- */
#topGame {
	text-align: center;
}
#topGame h2 {
	background: url(../img/ciao2019/game.png) no-repeat center;
	background-size: contain;
	height: 24px;
	display: block;
	text-indent: -9999px;
}
#topGame .gmSlider {
	padding: 0 30px;
	overflow: hidden;
	z-index: 10;
}
#topGame .gmSlider li img {
	border: 4px solid #c3f1fd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
#topGame .gmSlider li a:hover img {
	border: 4px solid #fff;
}
#topGame .gmSlider .li a:hover img {
	border: 4px solid #fff;
}
#topGame .gmSlider.n2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
#topGame .gmSlider.n2 li {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	#mgzn {
	  width: calc(100vw - 28px);
	  margin: auto;
	}
	#mgzn .wrap {
	  width: calc(calc(100vw - 28px) * 0.4);
	  padding-right: 6px;
	}
	#mgzn .wrap .vol {
	  position: relative;
	  width: calc(calc(calc(100vw - 28px) * 0.4) - 6px);
	  height: calc(calc(100vw - 28px) * 0.6 * 517/360/3 + 6px);
	}
	#mgzn .wrap .vol a {
	  height: calc(calc(100vw - 28px) * 0.6 * 517/360/3 + 6px);
	  padding-top: calc(calc(100vw - 28px) * 0.6 * 517/360/3 + 6px);
	  background-size: calc(calc(calc(100vw - 28px) * 0.4) - 6px) auto;
	}
	#mgzn .wrap .vol span {
	  width: calc(calc(calc(100vw - 28px) * 0.4) - 6px);
	  height: calc(calc(calc(100vw - 28px) * 0.4) - 6px);
	  top: 0px;
	  left: 0px;
	  background-size: calc(calc(calc(100vw - 28px) * 0.4) - 6px) auto;
	}
	#mgzn .wrap .v01 span {
	  background-position: 0 0;
	}
	#mgzn .wrap .v02 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -1);
	}
	#mgzn .wrap .v03 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -2);
	}
	#mgzn .wrap .v04 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -3);
	}
	#mgzn .wrap .v05 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -4);
	}
	#mgzn .wrap .v06 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -5);
	}
	#mgzn .wrap .v07 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -6);
	}
	#mgzn .wrap .v08 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -7);
	}
	#mgzn .wrap .v09 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -8);
	}
	#mgzn .wrap .v10 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -9);
	}
	#mgzn .wrap .v11 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -10);
	}
	#mgzn .wrap .v12 span {
	  background-position: 0 calc(calc(calc(calc(100vw - 28px) * 0.4) - 6px) * -11);
	}
	#mgzn .wrap ul {
	  width: 100%;
	}
	#mgzn .wrap ul li {
	  margin-top: 6px;
	}
	#mgzn .wrap ul li a {
	  height: calc(calc(100vw - 28px) * 0.6 * 517/360/3 - 5.5vw);
	  padding-top: calc(calc(100vw - 28px) * 0.6 * 517/360/3 - 5.5vw);
	  background-size: auto 100%;
	  box-sizing: border-box;
	}
	#mgzn .cover {
	  width: calc(calc(100vw - 28px) * 0.6);
	}
	#mgzn .cover img {
	  width: 100%;
	  height: auto;
	}
  
	#mgzn .furoku,
	#mgzn .cm {
	  width: calc(100vw - 28px);
	  margin-top: 8px;
	}
  
	#cmcs {
	  width: calc(100vw - 28px);
	  height: calc(calc(100vw - 28px)/600*360);
	  background-size: calc(100vw - 28px) auto;
	  margin: 8px auto;
	}
	#cmcs h2 {
	  width: 80%;
	  margin: auto;
	  padding-top: 4px;
	  line-height: 38.4px;
	}
	#cmcs .cmcSlider {
	  padding: 15px 8px 0;
	  width: calc(100vw - 28px);
	}
	#cmcs .cmcSlider li img {
	  width: 85px;
	  height: auto;
	}
	#cmcs .cmcSlider .bx-prev,
	#cmcs .cmcSlider .bx-next {
	  width: 25px;
	  height: 25px;
	  bottom: 116px;
	  bottom: 6px;
	}
	#cmcs .cmcSlider a.bx-prev {
	  left: 4px;
	}
	#cmcs .cmcSlider a.bx-next {
	  right: 4px;
	  background-position: -25px 0;
	}
	#cmcs .cmcSlider a.bx-prev,
	#cmcs .cmcSlider a.bx-next {
	  height: 25px;
	  padding-top: 25px;
	  background-size: 50px auto;
	  width: 25px;
	}
  
	/* --------------------------- */
	#topNavi {
	  background: #fff;
	  margin: 8px auto;
	  box-sizing: border-box;
	  border: 1px solid #ff337d;
	}
	#topNavi li {
	  position: relative;
	  list-style-type: none;
	  float: left;
	  width: 50%;
	  box-sizing: border-box;
	  border-right: 1px solid #ff337d;
	  border-bottom: 1px solid #ff337d;
	  font-size: 11px;
	}
	#topNavi li a {
	  display: block;
	  width: 100%;
	  padding: 12px 4px;
	  color: #ff337d;
	  text-decoration: none;
	}
	#topNavi li span {
	  position: absolute;
	  display: block;
	  width: 8px;
	  height: 8px;
	  background-image: url(../img/ciao2019/arr.png);
	  background-size: 16px auto;
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  top: 50%;
	  margin-top: -4px;
	  right: 4px;
	}
  
	/* --------------------------- */
	#topGame {
	  position: relative;
	  background: #ffff00;
	  border-radius: 16px;
	  width: 100%;
	  padding: 17px 12px;
	  margin-top: 20px;
	  text-align: center;
	}
	#topGame li {
	  width: 100% !important;
	}
	#topGame .gmSlider {
	  padding: 0;
	}
  
	#topChannel ul {
	  margin: 0px;
	  padding: 0 10px;
	}
	#topChannel ul li {
	  float: none !important;
	  width: 100%;
	  margin: 10px 0;
	}
  
	#topChannel .other {
	  width: 80%;
	}
  }
  /* ------------------------------------------------------------------------ */

@media print, screen and (min-width: 481px) {
	#mgzn .wrap {
	  position: relative;
	  width: calc( 768px * 0.20);
	  height: calc(768px * 0.395 * 517/360 - 6px);
	}
	#mgzn .wrap .vol {
	  height: calc(calc( 768px * 0.20) * 128/157);
	}
	#mgzn .wrap .vol a {
	  height: calc(calc( 768px * 0.20) * 128/157);
	  padding-top: calc(calc( 768px * 0.20) * 128/157);
	  background-size: calc( 768px * 0.20) auto;
	}
	#mgzn .wrap .vol span {
	  width: calc( 768px * 0.20);
	  height: calc(calc( 768px * 0.20) * 128/157);
	  top: 0px;
	  left: 0px;
	  background-size: calc( 768px * 0.20) auto;
	}
	#mgzn .wrap .v01 span {
	  background-position: 0 0;
	}
	#mgzn .wrap .v02 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -1);
	}
	#mgzn .wrap .v03 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -2);
	}
	#mgzn .wrap .v04 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -3);
	}
	#mgzn .wrap .v05 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -4);
	}
	#mgzn .wrap .v06 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -5);
	}
	#mgzn .wrap .v07 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -6);
	}
	#mgzn .wrap .v08 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -7);
	}
	#mgzn .wrap .v09 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -8);
	}
	#mgzn .wrap .v10 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -9);
	}
	#mgzn .wrap .v11 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -10);
	}
	#mgzn .wrap .v12 span {
	  background-position: 0 calc( calc( 768px * 0.20) * -11);
	}
	#mgzn .wrap ul {
	  position: absolute;
	  width: calc(768px * 0.20 - 6px);
	  bottom: 0;
	}
	#mgzn .wrap ul li {
	  margin-bottom: 8px;
	}
	#mgzn .wrap ul li a {
	  height: 78px;
	  padding-top: 78px;
	}
	#mgzn .cover {
	  width: calc( 768px * 0.395);
	  padding-right: 6px;
	}
	#mgzn .cover img {
	  width: 100%;
	  height: auto;
	}
	#mgzn .furoku {
	  width: calc( 768px * 0.405);
	}
	#mgzn .furoku img {
	  width: 100%;
	  height: auto;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	}
	#mgzn .furoku :before {
	  font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
	  font-weight: bold;
	  content: "\f0d9";
	  font-size: 50px;
	  position: absolute;
	  left: -12px;
	  top: 84px;
	  color: #ff0;
	}
	#mgzn .cm {
	  width: calc( 768px * 0.405);
	  margin-top: calc(768px *0.01);
	  border: 6px solid #ff0;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	}
	#mgzn .cm iframe {
	  border: none;
	}
  
	/* --------------------------- */
	.row2 {
	  position: relative;
	  margin: 0 0 10px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  justify-content: space-between;
	}
  
	#netshop {
	  width: 374px;
	}
	#netshop a {
	  display: block;
	}
	#netshop img {
	  width: 100%;
	}
  
	#cmcs {
	  width: 376px;
	  height: 230px;
	}
	#cmcs h2 {
	  width: 322px;
	  height: 32px;
	  margin: auto;
	}
	#cmcs .cmcSlider {
	  padding: 18px 35px 0;
	  height: 170px;
	  overflow: hidden;
	}
	#cmcs .cmcSlider li {
	  float: left;
	  text-align: center;
	}
	#cmcs .cmcSlider li img {
	  width: 98px;
	  height: auto;
	  border: 1px solid #DCDCDC;
	}
	#cmcs .cmcSlider .bx-prev,
	#cmcs .cmcSlider .bx-next {
	  width: 30px;
	  height: 30px;
	  bottom: 8px;
	}
	#cmcs .cmcSlider a.bx-prev {
	  left: 5px;
	}
	#cmcs .cmcSlider a.bx-next {
	  right: 5px;
	  background-position: -30px 0;
	}
	#cmcs .cmcSlider a.bx-prev,
	#cmcs .cmcSlider a.bx-next {
	  height: 30px;
	  padding-top: 30px;
	  background-size: 60px auto;
	  width: 30px;
	}
	#cmcs .cmcSlider a.bx-prev:hover,
	#cmcs .cmcSlider a.bx-next:hover {
	  filter: alpha(opacity=60);
	  -moz-opacity: 0.6;
	  opacity: 0.6;
	}
  
	/* ------------------------------ */
	#topNavi {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  /* margin: 0 -6px; */
	}
	#topNavi li {
	  width: 148px;
	  height: 58px;
	  margin: 3px 2px;
	  font-size: 8px;
	}
	#topNavi li a {
	  border: 4px solid #c3f1fd;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  display: block;
	  overflow: hidden;
	  height: 0 !important;
	  height: 50px;
	  padding-top: 50px;
	  background-image: url(../img/ciao2019/topNavi.png);
	  -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	  -o-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	  -ms-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
	}
	#topNavi li a:hover {
	  border: 4px solid #ff0;
	}
	#topNavi .n01 a {
	  background-position: 0 0;
	}
	#topNavi .n02 a {
	  background-position: 0 -50px;
	}
	#topNavi .n03 a {
	  background-position: 0 -100px;
	}
	#topNavi .n04 a {
	  background-position: 0 -150px;
	}
	#topNavi .n05 a {
	  background-position: 0 -200px;
	}
	#topNavi .n06 a {
	  background-position: 0 -250px;
	}
	#topNavi .n07 a {
	  background-position: 0 -300px;
	}
	#topNavi .n08 a {
	  background-position: 0 -350px;
	}
	#topNavi .n09 a {
	  background-position: 0 -400px;
	}
	#topNavi .n10 a {
	  background-position: 0 -450px;
	}
	#topNavi .n11 a {
	  background-position: 0 -500px;
	}
  
	/* --------------------------- */
	#topGame {
	  position: relative;
	  background: url(../img/ciao2019/game_bg.png) no-repeat;
	  background-size: 100% auto;
	  padding: 17px 0 15px;
	  margin-top: 20px;
	}
  
	/* ------------------------------ */
	#topChannel {
	  width: 100%;
	  background: #ffb7d0;
	  border: 6px solid #fff;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  box-sizing: border-box;
	}
	#topChannel h2 {
	  padding-left: 11px;
	}
	#topChannel ul {
	  margin: 14px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  justify-content: space-around;
	  align-items: stretch;
	}
	#topChannel ul li {
	  width: 48% !important;
	  margin: 0 7px;
	  margin-bottom: 21px  !important;
	}
  
	/* ------------------------------ */
	#topPR li {
	  list-style-type: none;
	  margin: 12px 0;
	}
	#topPR li img {
	  margin-bottom: 3px;
	  border: 1px solid #fff;
	  width: 298px;
	  height: auto;
	}
  
	/* ------------------------------ */
	.primary .bottom {
	  margin: 20px 0 10px;
	}
  
	.policy,
	#snsbox {
	  text-align: left;
	}
}

@media all and (-ms-high-contrast: none)  and (max-width: 480px) {

	#mgzn .wrap .vol a{
		padding-top: 100%;
		background-size: 100%;
	}
	#mgzn .wrap .v03 span{
		background-position: 0 -307.2px;
	}
	#mgzn .wrap .vol span{
		width: 100%;
		height: 0;
    	padding-top: 100%;
		background-position: -5px 18.5%;
	}
}
  /* ------------------------------------------------------------------------ */
@media screen and (max-width: 768px) and (min-width: 481px) {
	.primary {
	  padding: 8px 0;
	  width: calc(100vw - 24px);
	  margin: auto;
	}
  
	#mgzn .wrap {
	  width: calc( calc(100vw - 24px) * 0.20);
	  height: calc(calc(100vw - 24px) * 0.395 * 517/360 - 6px);
	}
	#mgzn .wrap .vol {
	  height: calc(calc( calc(100vw - 24px) * 0.20) * 128/157);
	}
	#mgzn .wrap .vol a {
	  height: calc((100% - 16px)/0.2 * 128/157);
	  padding-top: calc((100% - 16px)/0.2 * 128/157);
	  background-size: calc( calc(100vw - 24px) * 0.20) auto;
	}
	#mgzn .wrap .vol span {
	  width: calc( calc(100vw - 24px) * 0.20);
	  height: calc( calc(100vw - 24px) * 0.20);
	  background-size: calc( calc(100vw - 24px) * 0.20) auto;
	}
	#mgzn .wrap .v01 span {
	  background-position: 0 0;
	}
	#mgzn .wrap .v02 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -1);
	}
	#mgzn .wrap .v03 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -2);
	}
	#mgzn .wrap .v04 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -3);
	}
	#mgzn .wrap .v05 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -4);
	}
	#mgzn .wrap .v06 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -5);
	}
	#mgzn .wrap .v07 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -6);
	}
	#mgzn .wrap .v08 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -7);
	}
	#mgzn .wrap .v09 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -8);
	}
	#mgzn .wrap .v10 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -9);
	}
	#mgzn .wrap .v11 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -10);
	}
	#mgzn .wrap .v12 span {
	  background-position: 0 calc( calc( calc(100vw - 24px) * 0.20) * -11);
	}
	#mgzn .wrap ul {
	  width: calc(calc(100vw - 24px) * 0.20 - 6px);
	}
	#mgzn .wrap ul li a {
	  height: 78px;
	  padding-top: 78px;
	}
	#mgzn .cover {
	  width: calc( calc(100vw - 24px) * 0.395);
	}
	#mgzn .furoku {
	  width: calc( calc(100vw - 24px) * 0.405);
	}
	#mgzn .furoku :before {
	  left: -12px;
	  top: 84px;
	}
	#mgzn .cm {
	  width: calc( calc(100vw - 24px) * 0.405);
	  margin-top: calc(calc(100vw - 24px) *0.01);
	}
  
	#netshop,
	#cmcs {
	  width: 48vw;
	  height: calc(48vw * 360/600);
	}
}
@media all and (max-width: 768px) and (min-width: 481px), (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#mgzn .cover{
		width: 39.5%;
	}
	#mgzn .furoku{
		width: 40.5%;
	}
	#mgzn .cm{
		width: 40.5%;
		margin-top: 1%;
	}
	#mgzn .wrap{
		width: 20%;
		height: 0;
    	padding-top: 56%;
	}
	#mgzn .wrap .vol{
		height: auto;
		position: absolute;
		top: 0;
	}
	/* #mgzn .wrap ul{
		width: 98%;
	} */
	#mgzn .wrap .vol a{
		padding-top: 100%;
		background-size: 100%;
	}
	#mgzn .wrap .vol span{
		width: 100%;
		height: 0;
    	padding-top: 100%;
		background-position: 0 18.2%;
		background-size:100%
	}
}
@media all and (-ms-high-contrast: none) and (max-width: 480px){
 	#mgzn .wrap ul li a{
		padding-top: 60%;	
	}
	#mgzn .cover{
		width: 60%;
	}
	#mgzn .wrap{
		width: 40%;
		height: 0;
		padding-top: 83%;
		position: relative;
	}
	#mgzn .furoku,#mgzn .cm{
		width: 100%;
	}
	#mgzn .wrap .vol {
		position: absolute;
		top: 0;
	}
	#mgzn .wrap .vol a{
		padding-top: 100%;
		background-size: 100%;
	}
	#mgzn .wrap .vol span{
		width: 100%;
		height: 0;
    	padding-top: 100%;
		background-position: -5px 18.5%;
	}
	#mgzn .wrap ul{
		position: absolute;
		bottom: 0;
	}
}
/* ------------------------------------

  今月号のちゃお

------------------------------------  */
.ciao-magazine header h1 {
    background-image: url(../img/ciao2019/title.png);
}
.ciao-magazine2 header h1 {
    background-image: url(../img/ciao2019/ji_title.png);
}
.ciao-magazine p,
.ciao-magazine2 p{
	font-size: 1.8rem;
}
#ch_mv {
    background: #fff;
    padding: 10px 16px 16px;
    margin-bottom: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Rounded Mplus 1c";
}
#ch_mv h2{
	font-size:1.4em;
}
.ciao-magazine2 .f1 p {
    display: flex;
}
.ciao-magazine footer p,
.ciao-magazine2 footer p{
	font-size:12px;
}
@media print, screen and (min-width:801px) {	/* PCのみ */
.ciao-magazine .ut{
	box-sizing:content-box;
}
}
/* ------------------------------------

  ちゃおデラックス 共通

------------------------------------  */
.ciao-magazine-dx header {
	text-align: left;
}
.ciao-magazine-dx header h1 {
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
}
.ciao-magazine-dx header .vol {
	background: #fff;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	padding: 3px;
	font-weight: bold;
}
.ciao-magazine-dx header .vol span {
	color:#f00;
}
.ciao-magazine-dx header .cover img {
	border: 2px solid #fff;
}

.ciao-magazine-dx header .btn {
	margin: 6px 0;
	text-align: center;
	clear: both;
}
.ciao-magazine-dx header .btn a {
	display: block;
	color: #fff;
	padding: 8px 28px;
	border-radius: 50px;        /* CSS3草案 */  
	-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50px;   /* Firefox用 */
	background: #FF1495;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #00f3ff),
		color-stop(1, #FFB5FF),
		color-stop(1, #00f3ff)
	);
	background-image: -o-linear-gradient(bottom, #00f3ff 0%, #00b0ff 100%, #00f3ff 100%);
	background-image: -moz-linear-gradient(bottom, #00f3ff 0%, #00b0ff 100%, #00f3ff 100%);
	background-image: -webkit-linear-gradient(bottom, #00f3ff 0%, #00b0ff 100%, #00f3ff 100%);
	background-image: -ms-linear-gradient(bottom, #00f3ff 0%, #00b0ff 100%, #00f3ff 100%);
	background-image: linear-gradient(to bottom, #00f3ff 0%, #00b0ff 100%, #00f3ff 100%);
	border: 1px solid #3fabdb;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
/* ------------------------------------------- */
.ciao-magazine-dx #manga,
.ciao-magazine-dx .info {
	background: #fff;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	border-radius: 10px;        /* CSS3草案 */  
	margin-bottom: 12px;
}
.ciao-magazine-dx #manga > h2 {
	text-align: center;
	margin-bottom: 12px;
	font-size: 24px;
	text-align: center;
	padding: 4px 0 6px;
}
.ciao-magazine-dx #manga > h3,
.ciao-magazine-dx .info > h3 {
	padding: 6px 20px;
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	border-radius: 30px;        /* CSS3草案 */  
	font-size: 22px;
}
.ciao-magazine-dx #manga section:last-child,
.ciao-magazine-dx .info section:last-child {
	background: none !important;
	padding-bottom: 10px !important;
}
.ciao-magazine-dx #manga section h3 {
	line-height: 1.2;
	font-size: 30px;
}
.ciao-magazine-dx #manga section h4 {
	font-family: tbudrgothic-std, AdobeBlank;
	font-size: 20px;
}
.ciao-magazine-dx #manga section .auther {
	font-weight: bold;
	margin-bottom: 6px;
	color: #5f052c !important;
	font-size: 24px;
}
.ciao-magazine-dx #manga section p,
.ciao-magazine-dx .info section p {
	padding: 3px 0;
}
.sec_s h3 {
	font-size: 24px !important;
}
.sec_s .auther {
	font-size: 20px !important;
}
.ciao-magazine-dx #manga section .pin {
	text-align: center;
}
.ciao-magazine-dx #manga .pin img {
	box-sizing: border-box;
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 12px;   /* Firefox用 */
	border-radius: 12px;        /* CSS3草案 */  
	width: 100%;
	height: auto;
}
.ciao-magazine-dx #manga > div > section {
	padding: 10px 18px 40px;
	background-size: auto 32px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-left: 24px;
}
.ciao-magazine-dx #manga .f11 .pin,
.ciao-magazine-dx #manga .f12 .pin,
.ciao-magazine-dx #manga .f13 .pin {
	float: left;
	margin-right: 8px;
}
.ciao-magazine-dx #manga .f12 .wrap,
.ciao-magazine-dx #manga .f11 .wrap,
.ciao-magazine-dx #manga .f13 .wrap {
	float: right;
	padding-top: 8px;
}
/* ------------------------------------------- */
.ciao-magazine-dx .info section {
	padding-bottom: 38px;
	background-size: auto 32px;
}
.ciao-magazine-dx .info .pin {
	float: right;
}
@media print, screen and (min-width:801px) {	/* PCのみ */
	.ciao-magazine-dx header {
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
		background-image:url(../img/ciao2019/title_bg_pc2.png);
		background-size: auto;
	}
	.ciao-magazine-dx header h1 {
		position: absolute;
		left: 274px;
	}
	.ciao-magazine-dx header .vol strong {
		display:inline-block;
		width: 50px;
		height: 50px;
		text-align: center;
	}
	.ciao-magazine-dx header .vol {
		position: absolute;
		font-size: 20px;
		left: 274px;
		line-height: 1.8;
	}
	.ciao-magazine-dx header .price {
		font-size: 12px;
	}
	.ciao-magazine-dx header .cover {
		position: absolute;
		left: 134px;
	}
	.ciao-magazine-dx header .cover img {
		width: 124px;
	}
	.ciao-magazine-dx header .btn{
		position: absolute;
		left: 274px;
	}
	/* ------------------------------------------- */
	.ciao-magazine-dx #manga > h3,
	.ciao-magazine-dx .info > h3 {
		margin: 18px 20px 0;
	}
	.ciao-magazine-dx #manga .f11 .wrap { width: 390px; }
	.ciao-magazine-dx #manga .f11 .pin { width: 310px;}
	.ciao-magazine-dx #manga .f12 .wrap { width: 460px; }
	.ciao-magazine-dx #manga .f12 .pin { width: 240px;}
	.ciao-magazine-dx #manga .f13 .wrap { width: 520px; }
	.ciao-magazine-dx #manga .f13 .pin { width: 180px;}
	.ciao-magazine-dx #manga .f11 img, 
	.ciao-magazine-dx #manga .f12 img {
		max-width: 100%;
	}
	.ciao-magazine-dx #manga .f2,
	.ciao-magazine-dx #manga .f3 {
		padding: 10px 18px;
	}
	
	/* ------------------------------------------- */
	.ciao-magazine-dx .info section {
		padding: 18px 18px 38px;
	}
}
/* ------------------------------------------- */
@media screen and (max-width:800px) {	/* TB・SP */
	.ciao-magazine-dx header{
		background: none;
	}
	.ciao-magazine-dx header h1 {
	}
	.ciao-magazine-dx > header .wrap {
		margin: 0 auto 10px;
		width: 100%;
	}
	.ciao-magazine-dx header .vol {
		float: left;
		font-size: 24px !important;
		background: none !important;
		width: 50%;
	}
	.ciao-magazine-dx header .date {
		font-size: 22px !important;
	}
	.ciao-magazine-dx header .vol strong {
		font-size: 28px !important;
		padding: 0 10px;
		text-shadow: none;
	}
	.ciao-magazine-dx header .vol span {
		display: block;
		font-size: 24px;
		text-shadow: 2px 2px 2px #fff,
		-2px 2px 2px #fff,
		2px -2px 2px #fff,
		-2px -2px 2px #fff;	
	}
	.ciao-magazine-dx header .price {
		padding: 12px 0;
		font-size: 16px;
	}
	.ciao-magazine-dx header .cover {
		float: left;
		width: 50%;
		text-align: right;
	}
	.ciao-magazine-dx header .cover img {
		width: 90% !important;
		height: auto;
		margin-right: 8px;
		max-width: 200px;
	}
	/* ------------------------------------------------ */
	.ciao-magazine-dx #manga > h3,
	.ciao-magazine-dx .info h3 {
		margin: 10px;
	}
	.ciao-magazine-dx #manga .f11 .wrap,
	.ciao-magazine-dx #manga .f12 .wrap {
		width: 50%;
		float:right;
	}
	.ciao-magazine-dx #manga .f11 .pin,
	.ciao-magazine-dx #manga .f12 .pin{
		width: 50%;
		float:left;
		margin: 0;
		padding-right: 8px;
	}
	.ciao-magazine-dx #manga .f13 .wrap  {
		width: 70%;
		float:right;
	}
	.ciao-magazine-dx #manga .f13 .pin {
		width: 30%;
		float:left;
		margin: 0;
		padding-right: 8px;
	}
	
	/* ------------------------------------------- */
	.ciao-magazine-dx .info section {
		padding: 10px 10px 38px;
	}
	
}
@media screen and (max-width:480px) {	/* TB・SP */
	.ciao-magazine-dx header h1 {
	}
	.ciao-magazine-dx header .cover {
		width: 150px;
	}
	.ciao-magazine-dx header .vol {
		float: right;
		width: calc(100vw - 172px);
		box-sizing: border-box;
	}
	/* ------------------------------------------------ */
	.ciao-magazine-dx #manga h2 { font-size: 21px;}
	.ciao-magazine-dx #manga h3 { font-size: 21px;}
	.ciao-magazine-dx #manga > h3,
	.ciao-magazine-dx .info > h3 {
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		border-radius: 10px;        /* CSS3草案 */  
	}
	/* ------------------------------------------------ */
	
	.ciao-magazine-dx #manga > div > section {
		padding: 0px 18px 40px;
	}
	.ciao-magazine-dx #manga section h3 {
		font-size: 26px;
	}
	.ciao-magazine-dx #manga section h4 {
		font-size: 18px;
	}
	.ciao-magazine-dx #manga .f11 .wrap,
	.ciao-magazine-dx #manga .f11 .pin,
	.ciao-magazine-dx #manga .f12 .wrap,
	.ciao-magazine-dx #manga .f13 .wrap {
		width: 100%;
		float: none;
	}
	.ciao-magazine-dx #manga .f12 .pin,
	.ciao-magazine-dx #manga .f13 .pin {
		width: 100%;
		float: none;
	}
}
/* ------------------------------------

ちゃおデラックス

------------------------------------  */
.ciao-magazine3 header h1 {
	background:url(../img/ciao2019/dx_title.png) no-repeat center top;
	text-indent: -9999px;
	background-size: contain;
}
.ciao-magazine3 header .vol {
	background: #fff;
	-webkit-border-radius: 27px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 27px;   /* Firefox用 */
	border-radius: 27px;        /* CSS3草案 */  
	padding: 3px;
	font-weight: bold;
}
.ciao-magazine3 header .vol .date{
	font-size:20px;
}
.ciao-magazine3 header .vol strong {
	background: #51dcc0;
	-webkit-border-radius: 25px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 25px;   /* Firefox用 */ 
	border-radius: 25px;        /* CSS3草案 */  
	color:#ff0;
	font-size: 30px;
}
.ciao-magazine3 header .vol span {
	color:#f00;
}
.ciao-magazine3 header .cover img {
	border: 2px solid #fff;
	outline: 2px solid #2adfb7;
	box-sizing: content-box;
}
.ciao-magazine3 #manga h2,
.ciao-magazine3 #manga h3,
.ciao-magazine3 #manga h4 {
	font-family: tbudrgothic-std, AdobeBlank;
	font-style: normal;
	font-weight: 900;
}
.ciao-magazine3 #manga,
.ciao-magazine3 .info {
	background: #fff;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	border-radius: 10px;        /* CSS3草案 */  
	margin-bottom: 12px;
	border: 6px solid #2adfb7;
}
.ciao-magazine3 #manga > h2 {
	color: #ff0;
	text-align: center;
	background: url(../img/ciao2019/sec_bg.png) no-repeat center bottom;
	background-size: auto 150px;
	line-height: 1.6;
}
.ciao-magazine3 #manga > h3,
.ciao-magazine3 .info > h3 {
	background: #ff6caa;
	color: #ff0 !important;
}
.ciao-magazine3 #manga > h3 > span { color: #b4fff1; }
.ciao-magazine3 #manga section:last-child,
.ciao-magazine3 .info section:last-child {
	background: none !important;
	padding-bottom: 10px !important;
}
.ciao-magazine3 #manga section h3 {
	color: #06affe;
	line-height: 1.2;
	font-size: 30px;
}
.ciao-magazine3 #manga section h4 {
	color: #ff5da2;
	font-size: 20px;
}
.ciao-magazine3 #manga section .auther {
	font-weight: bold;
}
.ciao-magazine3 #manga .pin img {
	border: 1px solid #2adfb7;
}
.ciao-magazine3 #manga section {
	padding: 10px 18px;
}
.ciao-magazine3 #manga > div > section {
	padding-bottom: 38px;
	background: url(../img/ciao2019/k.png) no-repeat center bottom;
	background-size: auto 32px;
}
.ciao-magazine3 #manga > div > section:last-child{
	background: none;
	padding-bottom: 10px;
}
.ciao-magazine3 #manga .f2 section,
.ciao-magazine3 #manga .f3 section {
	padding: 6px 0;
}
.ciao-magazine3 #manga .f2 section {
	float: left;
	text-align: center;
	width: 50%;
}
.ciao-magazine3 #manga .f3 {
	padding-top: 38px !important;
	background: url(../img/ciao2019/k.png) no-repeat center top;
	background-size: auto 32px;
}
.ciao-magazine3 #manga .f3 section {
	float: left;
	width: 50%;
	padding-bottom: 10px;
}
.ciao-magazine3 #manga .f3 .pin {
	float: left;
	width: 45%;
}
.ciao-magazine3 #manga .f3 .wrap {
	float: right;
	width: 55%;
}
.ciao-magazine3 .info section {
	background: url(../img/ciao2019/k.png) no-repeat center bottom;
	background-size: auto 32px;
}
.ciao-magazine3 .info h4 {
	color: #2adfb7;
}
.ciao-magazine3 .info h3 {
	color:#FB059D;
}
@media print, screen and (min-width:801px) {	/* PCのみ */
	.ciao-magazine3 header {
		height: 196px;
		background:url(../img/ciao2019/title_bg_pc2.png) no-repeat top center;
		background-size: auto;
	}
	.ciao-magazine3 header h1 {
		position: absolute;
		left: 274px;
		width: 378px;
		height: 68px;
	}
	.ciao-magazine3 header .vol {
		width: 440px;
		top: 80px;
	}
	.ciao-magazine3 header .price {
		position: absolute;
		font-size: 12px;
		top: 3px;
		left: 54px;
	}
	.ciao-magazine3 header .btn{
		top: 136px
	}
}
@media screen and (max-width:800px) {
	.ciao-magazine3 header h1 {
		width: 70vw;
		height: calc(70vw / 5);
	}
	.ciao-magazine3 header .cover img {
		width: 135px;
		border: 4px solid #2adfb7;
		margin-right: 8px;
		box-sizing:border-box;
	}
	.ciao-magazine3 #manga section.f11,
	.ciao-magazine3 #manga .f12 section,
	.ciao-magazine3 #manga section.f2,
	.ciao-magazine3 #manga section.f3 {
		padding: 10px;
	}
	.ciao-magazine3 #manga .f11,
	.ciao-magazine3 #manga .f12 section,
	.ciao-magazine3 #manga .f13 section {
		padding-bottom: 30px !important;
	}
	.ciao-magazine3 #manga .f2 {
		padding: 0 10px;
		font-size: 90%;
	}
	.ciao-magazine3 #manga .f2>h3 {
		text-align: center;
	}
	.ciao-magazine3 #manga .f2 .pin {
		padding: 0 5px;
	}
	.ciao-magazine3 #manga .f3 section {
		float: none;
		width: 100%;
		padding-bottom: 30px;
		background: url(../img/ciao2019/k.png) no-repeat center bottom;
		background-size: auto 32px;
		padding: 0 10px 32px;
	}
	.ciao-magazine3 #manga .f3 .pin { width: 40%; }
	.ciao-magazine3 .info section {
		padding: 10px 10px 38px;
	}
}

@media screen and (max-width:480px) {	/* SP */
	.ciao-magazine3 header h1 {
		width: calc(100vw - 16px);
		height: calc((100vw - 16px) / 5);
	}
	.ciao-magazine3 #manga section h4 {
		color: #ff5da2;
	}
}
/* ------------------------------------

  ちゃおデラックス ホラー

------------------------------------  */
.ciao-magazine4 header h1 {
	background-image:url(../img/ciao2019/ho_title.png);
}
.ciao-magazine4 header .cover img {
	outline: 2px solid #00459c;
}
.ciao-magazine4 header .vol .date{
	font-size:20px;
}
.ciao-magazine4 header .vol p{
	display: block;
}
.ciao-magazine4 section p{
	font-size: 16px;
}
/* ------------------------------------------- */
.ciao-magazine4 #manga {
	border: 6px solid #00459c;
}

.ciao-magazine4 #manga > h2 {
	color: #00dfff;
	padding: 8px 0 16px;
	background: url(../img/ciao2019/ho_sec_bg.png) no-repeat center bottom;
	font-family: Kointai-M, AdobeBlank;
	font-weight: 500;
	font-style: normal;
	font-size: 2.0em;
	line-height: 1;
}
.ciao-magazine4 #manga > h2 small {
	color: #fff;
	font-size: 0.6em;
	line-height: 1.6;
	font-family:  ten-mincho, AdobeBlank;
}
.ciao-magazine4 #manga > h3 {
	background: #e4007f;
	color: #000;
	font-family: Kointai-M, AdobeBlank;
	font-size: 1.8em;
	line-height: 1.4;
	padding: 4px 20px 8px;
}
.ciao-magazine4 #manga > h3 > span { color: #ff0; }
.ciao-magazine4 #manga section h3 {
	color: #fe01b3;
	font-family:  ten-mincho, AdobeBlank;
	font-weight: 400;
}
.ciao-magazine4 #manga section h4 {
	color: #00c7ff;
}
.ciao-magazine4 #manga .pin img {
	border: 1px solid #00459c;
}
.ciao-magazine4 #manga section {
	background-image: url(../img/ciao2019/ho_k.png);
}
.ciao-magazine4 #manga .f11 .pin,
.ciao-magazine4 #manga .f12 .pin {
	float: left;
}
.ciao-magazine4 #manga .f11 .wrap,
.ciao-magazine4 #manga .f12 .wrap {
	float: right;
}

/* ------------------------------------------- */
@media print, screen and (min-width:801px) {	/* PCのみ */
	.ciao-magazine4 header {
		height: 186px;
	}
	.ciao-magazine4 header h1 {
		width: 320px;
		height: 80px;
	}
	.ciao-magazine4 header .vol {
		padding: 6px 20px 4px;
		top: 80px;
		line-height: 1.2;
		min-width: 280px;
	}
	.ciao-magazine4 header .price {
		font-size: 12px;
	}
	.ciao-magazine4 header .cover {
		position: absolute;
		left: 134px;
	}
	.ciao-magazine4 header .cover img {
		width: 124px;
		border: 2px solid #fff;
	}
	.ciao-magazine4 header .btn{
		position: absolute;
		top: 128px;
		width: 200px;
	}
	.ciao-magazine4 header .btn a {
		padding: 12px 8px;
	}
}
/* ------------------------------------------- */
@media screen and (max-width:800px) {	/* TB・SP */
	.ciao-magazine4 header h1 {
		width: 50vw;
		height: calc(50vw / 4);
	}
}
/* ------------------------------------------- */
@media screen and (max-width:480px) {	/* SP */
	.ciao-magazine4 header h1 {
		width: 80vw;
		height: calc(80vw / 4);
	}
}

/* ------------------------------------

  ニュース詳細

------------------------------------  */
.single-post .content__main{
	position: relative;
	max-width: 782px;
  padding: 0;


}
.single-post .content__main:after{
	position: absolute;
    top: 77px;
	max-width: 768px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}
/* .single-post .content__main:before{ 2021/10/18コメントアウト//北原
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 768px;
	width: 100%;
	height: 68px;
	background: url(../img/ciao2019/news_title.png) no-repeat center;
	background-size: auto 66px;
    height: 68px;
} */
.post-header .oldH1 {
	background: url(../img/ciao2019/news_title.png) no-repeat center;
	background-size: auto 66px;
	text-indent: -9999px;
	width: 100%;
	height: 68px;
	margin:0 auto 8px;
}
.post-header p{
	font-weight:bold;
	text-align:center;
}

.single-post .post-main {
    margin: 40px 0 65px;
    padding: 18px;
    border: 6px solid #fe056f;
    background: #fff;
    border-radius: 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	position: relative;
}
.single-post .post-main p{
    font-size: 18px;
}
.single-post .post-main__title {
    font-size: 32px;
    padding-bottom: 30px;
    background: url(../img/ciao2019/s4_k.png) no-repeat center bottom;
    background-size: auto 32px;
    color: #02d56b;
    line-height: 1.2;
    font-family: DS-highcollar;
    font-weight: normal !important;
    letter-spacing: -0.05em;
	margin: 0;
}
.single-post .post-main__header{
	display: none;
}
.single-post p.post-main__date {
    color: #ff0;
    background: #02d56b;
    font-size: 12px;
    padding: 0 12px;
    width: 12em;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 6px 0;
	font-weight: bold;
}
@media screen and (max-width: 768px){
.single-post p.post-main__date {
	width: 10em;
}
}
.single-post .topics{
	font-size: 18px;
	word-wrap: break-word;
}
.single-post .topics .wrap p {
    padding: 4px 0;
    line-height: 1.8;
	margin: 0;
}
.single-post .mk1 {
    border-radius: 0px 4px 6px 15px / 0px 10px 10px 40px;
    background-image: linear-gradient(0.5deg, #ffcdeb, #ffcdeb 60%, transparent 50%, transparent);
    padding: 0 5px;
    line-height: 1.8;
	font-weight: bold;
}
.single-post .topics .wrap {
    padding: 8px 0px;
}
.single-post .topics .wrap h4 {
    color: #0090ff;
    font-size: 21px;
    width: auto;
    font-family: "Maru Folk Bold";
    margin: 12px 0 4px;
}
.single-post .topics .wrap h3 {
    background: #0090ff;
    color: #fff;
    width: auto;
    margin: 12px 0 6px;
    padding: 3px 20px 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-family: "Maru Folk Bold";
    font-size: 22px;
}
.single-post .topics .shop a {
    padding: 2px 18px 1px;
    font-size: 13px;
    color: #fff;
    background: #F503A1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.single-post .struc1 .prm { width: 240px; float: left; }
.single-post .struc2 .prm { width: 355px; float: left; }
.single-post .struc3 .prm { width: 460px; float: left; }
.single-post .struc1 .sub { width: 470px; float: right; }
.single-post .struc2 .sub { width: 355px; float: right; }
.single-post .struc3 .sub { width: 250px; float: right; margin-bottom: 6px;}
.single-post #backTop a {
    background: #fe056f;
    padding: 3px 30px;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	font-size: 16px;
	width: 188px;
    display: block;
}
.prev-next{
	display: none;
}
.single-post #backTop{
	position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}
.sub > p.cntr{
	text-align: center;
}
@media screen and (max-width: 768px){
	.single-post .post-main{
		border-width: 2px;
		padding: 10px;
	}
	.single-post .struc1 .prm { width: 38%; float: left; }
	.single-post .struc1 .sub { width: 60%; float: right; }
	.single-post .struc2 .prm { width: 48%; float: left; }
	.single-post .struc2 .sub { width: 50%; float: right; }
	.single-post .struc3 .prm { width: 58%; float: left; }
	.single-post .struc3 .sub { width: 40%; float: right; }
	.single-post #backTop{
		bottom: -55px;
	}
	.single-post .content__main{
		margin: 0 0 65px;
	}
}
@media screen and (max-width: 480px){
	.single-post .topics .prm {
		width: 100%;
		float: none;
	}
	.single-post .topics .sub {
		width: 100%;
		float: none;
	}
	.single-post .post-main__title {
		font-size: 28px;
		line-height: 1.3;
	}
	.single-post .topics img{
		max-height: 400px;
	}
	.single-post .topics .wrap h3{
		padding: 9px 10px 8px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.single-post .topics .pin {
		margin: 10px 0;
		text-align: center;
	}
	.single-post .topics .multi li{
		display: block;
        width: 100% !important;
    	margin: 10px 0;
	}
	.single-post .content__main:before{
		background-size: auto 36px;
    	height: 36px;
	}
	.single-post .content__main:after{
		top: 73px;
		line-height: 1;

	}
	.single-post .content__main{
		padding: 0;
	}
	.single-post .topics .wrap p{
		line-height: 1.4;
	}
}
/* ------------------------------------

  作者詳細

------------------------------------  */
.author-post hr{
	display: none;
}
/* .author-post h1{ 2021/10/18コメントアウト//北原
	background: url(../img/ciao2019/author_title.png) no-repeat top center;
    text-indent: -9999px;
} */
.author-post h1{
	background: url(/wp-content/uploads/2021/06/author_title.png) no-repeat top center;
  text-indent: -9999px;
	background-size: 78%;
	height:42px;
	margin:0 auto 8px;
}
.author-post p{
	font-weight:bold;
	text-align:center;
}
.author-post__header{
	position: relative;
	background-image: url(/wp-content/themes/cms202008/assets/img/ciao2019/title_bg_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	box-sizing: content-box;
	background-position: top center;
}

@media screen and (min-width:801px){
	.author-post h1{
		background-size: 64%;
		height: 62px;
	}
	.author-post__header{
		position: relative;
    background-image: url(../img/ciao2019/title_bg_pc2.png);
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    min-height: 60px;
    box-sizing: content-box;
		background-position: top center;
	}
	.author-post header{
		background-image: none;
		min-height: auto;
	}
}







/* .author-post > header {
    position: relative;
    / background: url(header_bg.png) no-repeat top center; /
    height: 80px;
	box-sizing: content-box;
} */


.author-post #pBody nav ul {
	list-style-type:none;
}
.author-post #pBody nav em {
	display: none;
}

.author-post #pBody article h2 {
	border-bottom: 1px solid #ff6ea0;
	margin-bottom: 10px;
	color:#ff6ea0;
}
.author-post #pBody .prof dl {
	position: relative;
	min-height: 126px;
}
.author-post #pBody .prof dt {
	position: absolute;
	color: #ff3a99;
	text-align: right;
	width: 6em;
	font-weight: bold;
}
.author-post #pBody .prof dd {
	padding-left: 6em;
	padding-bottom: 4px;
}
.author-post #pBody .prof .cmc h4 {
	color: #ff3a99;
}
.author-post #pBody .prof .cmc .cover img {
	float: left;
	border:1px solid #dedede;
	width: 60px;
	margin-right: 4px;
}
.author-post #pBody .prof .cmc .shop {
	padding-left: 10px;
	white-space: nowrap;	
}
.author-post #pBody .prof .cmc .shop a {
	background: #00caff;
	padding: 0 8px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
.author-post .prof .shop a {
	background: #00caff;
	padding: 8px 14px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 1;
}
.author-post .prof .shop {
	position: relative;
	margin: 14px 0 0;
	clear: both;
	font-weight: bold;
	text-align: center;
}
.author-post .prof .shop i {
	position: absolute;
	display: block;
	right: 10px;
	top: 6px;
	font-size: 18px;
}
.author-post .prof .cover {
	border:1px solid #DBDBDB;
	margin: 2px 8px 10px 4px;
	width: 80px;
	float:left;
}


/* ------------------------------------------------ */
.author-post #pBody .prof {
	position: relative;
	font-size: 16px;
}
.author-post #pBody .prof .pin {
	position: absolute;
}
.author-post #pBody .prof dl {
	padding-left: 140px;
}
.author-post #pBody .prof dl {
	padding-left: 140px;
}
.author-post #pBody .prof .cmc {
	padding-left: 140px;
}
.author-post #pBody .prof .cmc td {
	font-size: 12px;
}

/* ------------------------------------------------ */
.author-post #pBody .msg {
	padding: 12px 0;
}
.author-post #pBody .msg h3  {
	background: #0069ff;
	color: #fff;
	text-align: center;
	margin: 10px 0;
	padding: 2px 0 0;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
}
.author-post #pBody .msg .pin  {
	text-align: center;
	margin: 10px 0;
}
.author-post #pBody .msg .bn h3  {
	margin: 20px 0;
}
.author-post #pBody .msg .bn h3  {
	background: #ff6ea0;
	font-size: 14px;
	margin: 20px 0 4px;
}
.author-post #pBody .msg .bn li  {
	float: left;
	list-style-type: none;
	font-size: 14px;
}
.author-post #pBody .msg .bn li a  {
	color: #ff6ea0;
	text-decoration: none;
}
.author-post #pBody nav a {
	background: url(mail.png) no-repeat;
	background-size: 16px auto;
	background-position: left center;
	padding-left: 18px;
}
.author-post #pBody nav .off a,
.author-post #pBody nav h3 a {
	background: none;
}

.author-post #pBody .pageNav {
	position: relative;
	margin: 20px 0;
	list-style-type: none;
}
.author-post #pBody .pageNav .next {
	position: absolute;
	right: 0;
	top:0;
}
.author-post #pBody .pageNav .last {
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -3.5em;
}
.author-post #pBody .pageNav a {
	background: #ffb700;
	color: #5f052c;
	text-align: center;
	padding: 3px 10px;
	text-decoration: none;
	font-size: 12px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
}
.author-post .pageNav .fa { font-size: 14px !important;}
 
/* ------------------------------------------------ */

@media print, screen and (min-width:801px) {

	/* .author-post > header {
		position: relative;
		background-image: url(../img/ciao2019/title_bg_pc2.png);
		height: 80px;
		background-size: auto;
		background-position: top center;

	} */
	.author-post > header h1 {
		width: 520px;
		height: 62px;
		background-size: auto 62px;
	}

	.author-post #pBody {
		background: #fff;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		/*-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);*/
		border: 6px solid #ff358b;
		padding: 12px 18px;
	}

	/* ------------------------------------------------ */
	.author-post #pBody article h2 {
		border-bottom: 1px solid #ff6ea0;
		color:#ff6ea0;
		padding: 12px 0 3px;
		position: relative;
		font-size:24px;
	}
	.author-post #pBody article h2 span {
		position: absolute;
		font-size:14px;
		right: 16px;
		bottom: 10px;
	}
	
	/* ------------------------------------------------ */
	.author-post #pBody .msg .bn ul  {
	}
	.author-post #pBody .msg .bn li  {
		width: 25%;
		padding: 2px 4px;
	}
	.author-post #pBody .msg .pin img  {
		max-width: 500px;
		height: auto;
	}
	/* ------------------------------------------------ */
	.author-post #pBody nav h3 {
		width: 117px;
	}
	.author-post #pBody nav h3 a {
		display:block;
		overflow:hidden;
		height:0 !important;
		height /* */: 77px;
		padding-top: 77px;
		background-image: url(list.png);
	}
	.author-post #pBody nav a {
		color: #5f052c;
		text-decoration: none;
		font-size: 13px;
	}
}
/* ------------------------------------------------ */
@media screen and (max-width:800px) {
	.author-post > header{
		background-image: none;
	}
	.author-post > header h1 {
		background-size: 460px auto;
		height: 62px;
		width: 100%;
		background-position: top center;
	}
	/* ------------------------------------------------ */
	.author-post #pBody article {
		background: #fff;
		border-radius: 6px;        /* CSS3草案 */  
		-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 6px;   /* Firefox用 */
		/*-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		-o-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);
		box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2);*/
		border: 2px solid #ff358b;
		padding: 10px;
	}
	.author-post #pBody article h2 span {
		font-size:12px;
	}
	.author-post #pBody .prof .cmc .shop {
		padding: 2px 0 2px 10px;
	}
	.author-post #pBody .prof .cmc .shop a {
		padding: 3px 10px;
	}
	.author-post #pBody .msg .bn li  {
		width: 50%;
	}
	.author-post #pBody .msg .bn li a  {
		padding: 6px 0;
		display: block;
	}
	/* ------------------------------------------------ */
	.author-post #pBody nav {
		margin-bottom: 12px;
	}
	.author-post #pBody nav h3 {
		position: relative;
		border-radius: 2px;        /* CSS3草案 */  
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 2px;   /* Firefox用 */
		border: 1px solid #5f052c;
		background: #fff;
	}
	.author-post #pBody nav h3 a {
		position: relative;
		padding-left: 12px;
		height: 24px;
		border-right: 28px solid #ff6ea0;
		display: block;
		font-size: 14px;
		text-decoration: none;
		color: #5f052c;
	}
	.author-post #pBody nav h3 span {
		position: absolute;
		top:50%;
		margin-top: -4px;
		right: 10px;
		display: block;
		width: 8px;
		height: 8px;
		background-image: url(/shared/img/arr.png);
		background-size: 16px auto;
		background-position: -8px -16px;
	}
	.author-post #pBody nav h3.open span {
		background-position: -8px -24px;
	}
	
	.author-post #pBody nav li {
		float:left;
		width: 33%;
		background: #fee5ee;
		font-size: 11px;
		border: 1px solid #ff6ea0;
		box-sizing: border-box;
	}
	.author-post #pBody nav li a {
		display: block;
		padding: 8px 0 8px 18px;
		background-position: 4px center;
		color: #ff6ea0;
		text-decoration: none;
		background-size: 12px auto;
	}
	.author-post #pBody nav .wrap {
		display: none;
	}
}
/* ------------------------------------------------ */
@media screen and (max-width:480px) {	/* SPのみ */
	.author-post > header h1 {
		background-size: auto 36px;
		height: 36px;
	}

	.author-post #pBody .prof .pin {
		position: relative;
		text-align: center;
	}
	.author-post #pBody .prof dl {
		padding-left: 0px;
		margin: auto;
	}
	.author-post #pBody .prof dt {
		position: relative;
		text-align: left;
	}
	.author-post #pBody .prof dd {
		padding: 0 0 8px 1em;
	}
	.author-post #pBody .prof .cmc {
		padding-left: 0px;
	}
	.author-post .prof .cover {
		float:none;
	}
}
/* ------------------------------------

  サポーターショップ

------------------------------------  */
.ciao-support #pBody {
    margin: 10px 0;
    padding: 18px;
    border: 6px solid #fe056f;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative;
}
.ciao-support table {
    border-collapse: collapse;
}
.ciao-support td {
    border: 1px solid #bb8da1;
    padding: 0px 10px;
    font-size:1.2rem;
}
.ciao-support table {
	max-width: 700px;
	width: 100%;
}