@charset 'UTF-8';

/*==============================================================
reset & setting
==============================================================*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}

body {
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: center;
	background-color: #fff;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-size: 15px;
	font-feature-settings : "palt";
}

a {
	color: #000;
	text-decoration: none;
	opacity: 1;
	transition: color 0.3s 0s ease, background-color 0.3s 0s ease, opacity 0.3s 0s ease;
}
a:hover {
	opacity:0.6;
}

.inner p a {
	color: #e5006a;
}

img {
	border: none;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

p { 
	line-height: 1.8em; 
	font-feature-settings: "palt";
}

input[type="text"],
input[type="search"],
input[type="url"],
input[type="password"],
input[type="button"],
input[type="submit"]{
	-webkit-appearance: none;
	border-radius: 0;
}

.mTop10{ margin-top:10px !important; }
.mTop20{ margin-top:20px !important; }
.mTop30{ margin-top:30px !important; }
.mTop40{ margin-top:40px !important; }
.mTop50{ margin-top:50px !important; }
.mTop60{ margin-top:60px !important; }
.mBtm10{ margin-bottom:10px !important; }
.mBtm20{ margin-bottom:20px !important; }
.mBtm30{ margin-bottom:30px !important; }
.mBtm40{ margin-bottom:40px !important; }
.mBtm50{ margin-bottom:50px !important; }
.mBtm60{ margin-bottom:60px !important; }
.pTop10{ padding-top:10px !important; }
.pTop20{ padding-top:20px !important; }
.pTop30{ padding-top:30px !important; }
.pTop40{ padding-top:40px !important; }
.pTop50{ padding-top:50px !important; }
.pTop60{ padding-top:60px !important; }
.pBtm10{ padding-bottom:10px !important; }
.pBtm20{ padding-bottom:20px !important; }
.pBtm30{ padding-bottom:30px !important; }
.pBtm40{ padding-bottom:40px !important; }
.pBtm50{ padding-bottom:50px !important; }
.pBtm60{ padding-bottom:60px !important; }

.bold { font-weight: 700 !important; }

.tCenter { text-align: center !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }

.exlarge { font-size: 3em !important; }
.large2 { font-size: 2em !important; }
.large16 { font-size: 1.6em !important; }
.large13 { font-size: 1.3em !important; }
.large11 { font-size: 1.1em !important; }
.large10 { font-size: 1em !important; }
.sml9 { font-size: 0.9em !important; }
.sml8 { font-size: 0.8em !important; }
.sml7 { font-size: 0.7em !important; }

.min { font-family: 游明朝, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; }

.gray{
	color:#666;
}
.boxshadowout {
	box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3);
}
.boxshadow {
	box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.3) inset;
}

.iblock { display: inline-block; }

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left:0.3rem!importan;
}
.flexAround {
	justify-content: space-around;
}
.flexStart {
	justify-content: flex-start;
}
.flexEnd {
	justify-content: flex-end;
}
.flexCenter {
	justify-content: center;
}

.colm3::after {
	content: '';
	display: block;
	width: 31%;
	margin-bottom:0;
}
.colm4::before {
	content: '';
	display: block;
	width: 23%;
	-webkit-order: 1;
	order: 1;
	margin-bottom:0;
}
.colm4::after {
	content: '';
	display: block;
	width: 23%;
}
.colm2 > * {
	width: 48%;
}
.colm3 > * {
	width: 31%;
	margin-bottom:40px;
}
.colm4 > * {
	width: 23%;
}
.colm5 > * {
	width: 18%;
}

/* clear float */
.clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.post-edit-link {
	/* wp edit link */
	display: none;
}
a.link-listpage{
	display: inline-block;
	border:2px solid #444;
	background-color:#fff;
	border-radius: 3em;
	padding:0.5em 3em;
	margin: 10px auto 40px;
}

/*==============================================================
contents
==============================================================*/

#wrapper{
}

.inner{
	max-width:1200px;
	min-width:980px;
	margin:0 auto;
	padding:50px 20px;
	position: relative;
}
.inner.postArea{
	padding:50px 20px 0;
}

.inner img{
	height: 100%;
	vertical-align: middle;
}

#faqArea img{
	height: 1.4rem;
	vertical-align: middle;
}

.inner .faqLink img{
	height: 1.4rem;
	vertical-align: middle;
}

.textimg {
	display: inline-block;
	margin:0 0.2em;
	height: 2em;
	vertical-align: text-bottom;
}
.textimgL {
	display: inline-block;
	margin:0 0.2em;
	height: 2.4em;
	vertical-align: text-bottom;
}
.textimgL img,
.textimg img{
	width:auto;
	height: 100%;
}

.attachment img,
.thumb img{
	width:100%;
	height: auto;
	vertical-align: top;
}

.attachment .jasrac {
	width: 50%;
    margin: 0 auto;
    display: block;
}


/*--------------- header ---------------*/

#gHeader {
	width: 33rem;
	height: 62px;
	padding: 0.5rem 0 0 0.8rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	font-size: 0.5rem;
	line-height: 1.5em;
}

#gHeader .hdlogo{
	display:none;
}
#gHeader.fixed {
	width: 100%;
	position: fixed;
	left: 0;
	background-color: rgba(245, 236, 60 , 0.96);
	border-bottom:1px solid #ccc;
}
#gHeader.fixed{
	position: fixed;
	animation: fixglobalNav 0.4s ease-in-out;
}
#gHeader.fixed .hdlogo{
	display:block;
	width:220px;
	position: absolute;
	left:15px;
	top:10px;
	margin: 0;
	padding:0;
}
@keyframes fixglobalNav {
	0% {
		top:-80px;
	}
	100% {
		top:0;
	}
}


#gHeader > ul{
	align-items: center;
}
#gHeader > ul li{
	margin:0 0 0 1.2em;
}
#gHeader > ul li:first-child{
	margin:0;
}
#gHeader > ul a,
#menuBtn{
	display: inline-block;
	height: 7.5em;
	padding-top: 4.2em;
	position: relative;
	font-size: 0.55rem;
}
#menuBtn{
    white-space: nowrap;
}
#gHeader > ul .aboutBtn a::before{
	content: '';
	display: block;
	width: 3.2em;
	height: 3.2em;
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/nav_about_logo.svg) no-repeat center center / contain;
	position: absolute;
	left: calc(50% - 1.7em);
	top: 0.3rem;
}
#gHeader > ul .shopBtn a::before,
#menuBtn::before{
	content: '\e949';
	display: block;
	font-family: 'ico';
	font-size: 3.2em;
	line-height: 1;
	position: absolute;
	left: calc(50% - 0.5em);
	top: 0.3rem;
}

#gHeader > ul .promoBtn a::before{
	content: '\e963';
	display: block;
	font-family: 'ico';
	font-size: 3.17em;
	line-height: 1;
	position: absolute;
	left: calc(50% - 0.5em);
	top: 0.4rem;
}

#gHeader > ul .radioBtn a::before{
	content: '\e965';
	display: block;
	font-family: 'ico';
	font-size: 3.2em;
	line-height: 1;
	position: absolute;
	left: calc(50% - 0.5em);
	top: 0.3rem;
}


#gHeader .loginBtn {
	display: block;
	width: 8rem;
	margin: -8px 1rem 0 1.5rem;
	padding: 0.6rem 0 0.5rem;
	font-size: 0.84rem;
	line-height: 1;
	text-align: center;
	color: #fff;
	background-color: #c1272d;
	border-radius: 0.4rem;
	position: relative;
}
#gHeader .loginBtn::after{
	content: '\e902';
	font-family: 'ico';
	position: absolute;
	right:0.5em;
	top:calc(50% - 0.5em);
	font-size:0.8em;
}

#menuBtn{
	color:#777;
	cursor: pointer;
	margin-left:1rem;
}
#menuBtn::before{
	content: '\e912';
}
#menuBtn.menuOpen::before{
	content: '\e900';
	font-size: 1.6rem;
	top: 0.55rem;
}
#menuBtn span{
	display: inline-block;
	width:4.5em;
}


.caticon{
	display: inline-block;
	width:2em;
	height: 2em;
	vertical-align: middle;
	margin-top: -0.5em;
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/face_cat.svg) no-repeat center center / contain;
}
.rabbiticon{
	display: inline-block;
	width:2em;
	height: 2em;
	vertical-align: middle;
	margin-top: -0.5em;
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/face_rabbit.svg) no-repeat center center / contain;
}


#gNav {
	position: fixed;
	width:27rem;
	height: 100%;
	padding: 62px 0 0;
	right:-27rem;
	top:0;
	background:#fff;
	border-left:solid 1px #ccc;
	z-index: 98;
	transition: all 0.6s 0s ease ;
}
#gNav.gNavOpen {
	right:0;
}

#gNav .searchArea {
	padding: 1.5em 0;
	background-color: #f9f5f6;
}
#gNav .searchArea input[type='search']{
	width: calc(90% - 5em);
}

#gNav > ul{
	height: calc(100vh - 200px);
	padding:0 2rem;
	position: relative;
	overflow-y: auto;
	text-align: left;
}
#gNav > ul ul{
	padding-left:1rem;
}
#gNav li{
	margin-bottom: 0.5em;
}
#gNav li[class^="gbnav"] > span,
#gNav li[class^="gbnav"] > a{
	display: inline-block;
	margin: 0.8em 0 0.5em;
	font-size: 1.2em;
}
#gNav li a{
	color:#ed64a9;
}
#gNav .subNav li span{
	font-size:0.7em;
	display: inline-block;
	margin-right: 0.5em;
}
#gNav li .rabbiticon{
	width:2em;
	height: 1.2em;
	margin-right:0.5em;
	vertical-align: top;
	padding-right:0.5em;
}

#pcNav {
	width: 980px;
	margin: 0 auto 25px;
	padding:0 2em;
}
#pcNav li {
	display: inline-block;
}
#pcNav li span{
	cursor:pointer;
}
#pcNav .subNav{
	width:100%;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top:2em;
	display: none;
}
#pcNav .subNav a{
	display: inline-block;
	margin:0 2em;
	font-size: 0.9em;
}
#pcNav li.nowPage a{
	color: #e5006a;
}

header h1 {
	width: 410px;
	margin: 0 auto;
	padding:40px 0 30px;
}
header h1 img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:1100px){
	header h1 {
		padding:70px 0 30px;
	}
}


/* login menu area */

#loginMenuArea{
	position: relative;
	min-width:150px;
	padding:0 10px;
}
#loginMenuArea #login{
	font-size:0.9rem;
}
#loginMenuArea #login span{
	font-size:0.6em;
}
#loginMenuArea #login::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width:30px;
	height: 30px;
	margin-right:0.5rem;
	background-image:url(https://devmywonder.s3.amazonaws.com/wp-content/images/usericon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
#loginMenu{
	display: none;
	position: absolute;
	top:40px;
	right:0;
}
#loginMenu ul{
	display: block;
	min-width:180px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:1em;
	position: relative;
}
#loginMenu ul:after, #loginMenu ul:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#loginMenu ul:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
#loginMenu ul:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}
#loginMenu ul li a{
	display: block;
	font-size:0.8rem;
	padding:0.4rem 0;
	text-align: left;
}

/*--------------- main ---------------*/

/* coHeader */
#coHeader{
	min-width: 980px;
}

/* post */

.postArea {
	width: 100%;
	max-width: 1440px;
	min-width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.post{
	padding:20px;
	margin-bottom: 40px;
	border:solid 1px #b3b3b3;
	background-color: #fff;
	text-align: left;
	position: relative;
}
.post::before{
	content: '';
	display: block;
	width: 75px;
	height: 75px;
	position: absolute;
	left: 5px;
	top: -20px;
	z-index:1;
}
.archive.category .post::before{
	content: none;
}
.post.season-talk::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category1_c.svg) no-repeat center center / contain;
}
.post.reading::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category2_c.svg) no-repeat center center / contain;
}
.post.play::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category3_c.svg) no-repeat center center / contain;
}
.post.deepen::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category4_c.svg) no-repeat center center / contain;
}
.post.season-make::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category5_c.svg) no-repeat center center / contain;
}
.post.topics::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category6_c.svg) no-repeat center center / contain;
}
.post.movie::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category7_c.svg) no-repeat center center / contain;
}
.post.illust::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category9_c.svg) no-repeat center center / contain;
}
.post.event::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category8_c.svg) no-repeat center center / contain;
}
.post .thumb{
	width:100%;
	padding-top: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 15px;
}
.post .thumb.contain{
	background-size: contain;
}
.post .meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
}
.post .meta .info_category{
	padding:0.3em 0;
	margin-top: 0.2em;
	margin-right: auto;
}
.post .meta .info_category a{
	display: block;
	padding:0.4em 0.8em;
	color:#ed64a9;
	background-color: #fff;
	border:solid 1px #ed64a9;
	line-height: 1;
	font-size: 0.8em;
	border-radius: 3px;
}
.post .date{
	margin:1em 0 0.5em;
	font-size: 0.85em;
	color:#666;
	text-align: justify;
	text-justify: inter-ideograph;
}
.post h3{
	margin:0.5em auto;
	font-size: 1em;
	min-height: 3.5em;
}
.post.new h3::before{
	content: 'NEW';
	display: inline-block;
	margin-right: 0.7em;
	padding:0.4em 0.5em;
	font-size: 0.6em;
	line-height: 1;
	color:#fff;
	background-color: #ed64a9;
	position: relative;
	top:-0.2em;
}
.post .bodyc{
	font-size: 0.95em;
	line-height: 1.8em;
}
.post .bodyc .readmore{
	font-size: 0.86em;
	display: block;
	color:#ed64a9;
}
.post .bodyc .readmore span{
	font-size:0.8em;
	display: inline-block;
	margin-left:0.25em;
}
/* movie */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* tag */
.post .tagArea{
	margin-top: 0.5em;
}
.tagArea a{
	display: inline-block;
	padding-left:1.5em;
	margin:0.2em 1em 0 0;
	font-size: 0.85em;
	color:#888;
	position: relative;
}
.tagArea a::before{
	content: '';
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/tag_icon.svg) no-repeat center center / contain;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	left:0;
	top:calc(50% - 0.7em);
	opacity:0.7;
}

/***** information for all pages *****/

#info #information{
	display: none;
}
#information{
	background-color:#fcfaf2;
}
#information h2{
	margin-bottom: 40px;
	font-size: 2em;
	color:#ed64a9;
	line-height: 1em;
	text-align: center;
}
.single-info #information h2{
	display: none;
}
#information h2 img{
	display: block;
	height: 1.6rem;
	width:auto;
	margin: 0 auto;
}

#information .post{
	width:24%;
	padding: 20px 20px 10px;
	background-color: #fff;
}
#information .post .thumb{
	width:100%;
	padding-top: 60%;
	margin-bottom: 0.3em;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-color:transparent;
}
#information .post h3{
	font-size:0.9em;
	line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
}


/***** sns area *****/

.snsArea{
	padding:40px 0;
	text-align: center;
}


/***** moreBtn *****/

.moreBtn{
	display: inline-block;
	margin:0 auto;
	padding:0.8em 4em;
	text-align: center;
	line-height: 1;
	border-radius: 2em;
	color: #fff !important;
	background-color: #ed64a9;
	font-size: 1rem;
	position: relative;
}
.moreBtn::after{
	content: '\e902';
	font-family: 'ico';
	position: absolute;
	right:0.5em;
	top:calc(50% - 0.5em);
}

/* download btn */
.sdm_download.pink {
	background: #ed64a9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed64a9', endColorstr='#ed64a9');
	background: -webkit-gradient(linear, left top, left bottom, from(#ed64a9), to(#ed64a9));
	background: -moz-linear-gradient(top, #ed64a9, #ed64a9);
	border: none !important;
	color: #fff !important;
	text-shadow: 0 0 0 !important;
	-webkit-box-shadow: 0 0 0 !important;
	-moz-box-shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
	display: block;
	font-size:1.2em;
	padding:1em 3em;
	margin: 10px auto;
	text-align: center;
}


/***** navigation *****/

main div.navigation {
	width:100%;
}

main nav.navigation {
	width:100%;
	padding: 0 0 50px;
	text-align: center;
}

main .navigation h2,
main .pagination h2 {
	display: none;
}

main .navigation .nav-links {
	margin:1em auto;
	display: flex;
	justify-content: center;
}
main .navigation .nav-links span ,
main .navigation .nav-links a {
	display: block;
	width:2em;
	height:2em;
	margin:0 0.3em;
	font-size: 1rem;
	padding-top: 0.5em;
	text-align: center;
	color:#666;
	line-height: 1;
	border-radius:1em;
}
main .navigation .nav-links span.current{
	color:#fff;
	background-color:#ed64a9;
}
main .navigation .nav-links a.prev,
main .navigation .nav-links a.next,
main .navigation .nav-links .nav-previous a,
main .navigation .nav-links .nav-next a{
	width:7em;
	color:#fff;
	background-color:#ed64a9;
}
main .navigation .nav-links a.next,
main .navigation .nav-links .nav-next a{
	padding-left:0.5em;
}
main .navigation .nav-links a.prev,
main .navigation .nav-links .nav-previous a{
	padding-right:0.5em;
}
main .navigation .nav-links > div {
	margin:0 1em;
}


/***** hintSearch *****/

.hintSearch h3{
	width:100%;
	display: block;
	padding:0.5em 0;
	font-size: 1.7em;
	line-height: 1;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	position: relative;
}
.hintSearch h3::before,
.hintSearch h3::after{
	content: '';
	display: block;
	width:0;
	height:0;
	border:solid 25px transparent;
	border-top:solid 25px #000;
	position: absolute;
	left:calc(50% - 25px);
	top:100%;
}
.hintSearch h3::after{
	border-top:solid 25px #fff;
	top:calc(100% - 1px);
}
.hintSearch h3 .icon-search{
	font-size: 1.2em;
	line-height: 2em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color:#666;
}
.hintSearch h3 .textimg{
	display: inline-block;
	margin: 0 0.2em;
	height: 2em;
	vertical-align: middle;
}

.hintSearch .flex > div{
	padding:3em 0 1em;
	text-align: left;
}
.hintSearch .flex .byCategory{
	width:58%;
}
.hintSearch .flex .byKey{
	width:37%;
}

.hintSearch .flex > div h4{
	font-size: 1.2em;
	margin-bottom: 0.8em;
}
.hintSearch .flex > div h4 span{
	display: inline-block;
	font-size:1.3em;
	margin-right: 0.3em;
	vertical-align: middle;
	margin-top: -0.2em;
}

.hintSearch .flex .byCategory ul::after{
	content: '';
	display: block;
	width:32%;
	height: 0;
}
.hintSearch .flex .byCategory li{
	width:32%;
	margin-bottom: 0.3em;
	padding:0.6em 0 0.6em 3em;
	font-size: 1em;
	position: relative;
}
.hintSearch .flex .byCategory li a::before{
	content: '';
	display: inline-block;
	width: 2.4em;
	height: 2.4em;
	border-radius: 1.2em;
	position: absolute;
	font-size: 1em;
	left:0;
	top:calc(50% - 1.2em);
	border-right: 1.3em;
}
.hintSearch .flex .byCategory li.cat_season-talk a::before,
.category-2 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category1.svg) no-repeat center center / 90% auto;
	background-color:#7da0d2;
}
.hintSearch .flex .byCategory li.cat_reading a::before,
.category-3 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category2.svg) no-repeat center center / 90% auto;
	background-color:#1db296;
}
.hintSearch .flex .byCategory li.cat_play a::before,
.category-4 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category3.svg) no-repeat center center / 90% auto;
	background-color:#ed64a9;
}
.hintSearch .flex .byCategory li.cat_deepen a::before,
.category-5 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category4.svg) no-repeat center center / 90% auto;
	background-color:#c994c3;
}
.hintSearch .flex .byCategory li.cat_season-make a::before,
.category-6 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category5.svg) no-repeat center center / 90% auto;
	background-color:#fa9b1c;
}
.hintSearch .flex .byCategory li.cat_topics a::before,
.category-7 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category6.svg) no-repeat center center / 90% auto;
	background-color:#f06e69;
}
.hintSearch .flex .byCategory li.cat_movie a::before,
.category-8 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category7.svg) no-repeat center center / 90% auto;
	background-color:#ddbba7;
}
.hintSearch .flex .byCategory li.cat_illust a::before,
.category-9 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category9.svg) no-repeat center center / 90% auto;
	background-color:#67b73d;
}
.hintSearch .flex .byCategory li.cat_event a::before,
.category-134 .archiveTitle.categoryTitle::before{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category8.svg) no-repeat center center / 90% auto;
	background-color:#ffc84b;
}

.hintSearch .byKey .searchArea input[type='search']{
	width: calc(100% - 5em);
}


/***** latestPriPri *****/

.latestPriPri{
	width:100%;
	padding:40px 0;
	background-color:#f7eff1;
}
.latestPriPri .inner{
	width:800px;
	min-width: 0;
	padding:0 0 0 250px;
	position: relative;
}
.latestPriPri h3{
	margin-bottom:0.8em;
	font-size: 1.2em;
}
.latestPriPri h4{
	width:100%;
	margin:0 auto 1.5em;
	color:#e5006a;
	font-size: 1.6em;
}

.latestPriPri .bookinfo p{
	font-size: 1em;
}
.latestPriPri .bookinfo p.title{
	font-size: 1.4em;
	font-weight: bold;
}

.latestPriPri .thumb{
	width:210px;
	height: 260px;
	margin: 0 auto 0.8em;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position: absolute;
	left:0;
	top:calc(50% - 130px);
}

/* 購入ボタン */
body.single .purchase{
/*	padding: 0 10px 40px;*/
	padding: 0 0 40px;
}
.purchase a{
	width: 17em;
	display: inline-block;
	margin: 1.5em 0.5em 0;
	padding: 0.8em 0;
	font-size: 0.95em;
	text-align: center;
	line-height: 1;
	vertical-align: text-bottom;
	border-radius: 3em;
	position: relative;
}
.purchase a.amazon{
	padding: 0;
}
.purchase a.amazon img{
	width:100%;
	height: auto;
}
.purchase a.rakuten,
.purchase a.link{
	background-color:#fff;
	border:solid 1px #9fa0a0;
}
.purchase a.rakuten span{
	display: inline-block;
	width:auto;
	height: 1.5em;
	vertical-align: middle;
}
.purchase a.rakuten span img{
	width:auto;
	height: 100%;
}
.purchase .buy_physical ,
.purchase .buy_digital{
	width: 17em;
	display: inline-block;
	margin: 1.5em 0.5em 0;
	padding: 2px 0;
	font-size: 0.95em;
	text-align: center;
	line-height: 1;
	vertical-align: text-bottom;
	position: relative;
	border:solid 1px #9fa0a0;
	cursor:pointer;
}
.purchase .buy_physical span.tgl,
.purchase .buy_digital span.tgl{
	width: 100%;
	display: inline-block ;
	margin: 0;
	padding: 1em 0;
	font-size: 0.95em;
	text-align: center;
	line-height: 1;
	vertical-align: text-bottom;
	box-sizing: border-box ;
	position: relative ;
}
.purchase .buy_physical .slideBox,
.purchase .buy_digital .slideBox{
	width: 100%;
	position: absolute;
	left: -1px;
	top: calc(100% - 1px);
	background-color: #fff;
	border: solid 1px #9fa0a0;
	border-top: solid 1px #fff;
	display: none;
	box-sizing: content-box;
	z-index: 2;
}
.purchase .buy_physical a ,
.purchase .buy_digital a{
	width: 90%;
	margin: 1.2em auto 0;
	padding-right: 0.5em;
}
.purchase .buy_physical a:last-child,
.purchase .buy_digital a:last-child{
	margin-bottom: 1.2em;
}
.purchase a.more{
	color:#fff;
	background-color:#e5006a;
}
.purchase a.more::before{
	content: '\e921';
	font-family: 'ico';
	vertical-align: -0.2em;
	margin-left: -0.5em;
	margin-right: 0.5em;
	font-size: 1.4em;
}
.purchase a:not(.amazon)::after,
.purchase span.tgl::after{
	content: '\e902';
	font-family: 'ico';
	position: absolute;
	right: 0.5em;
	top:calc(50% - 0.5em);
}
.purchase span.tgl::after{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 0.7em;
}


/***** adArea *****/

/*
#adSpace{
	width:330px;
	padding-left: 30px;
}
*/

.adArea{
	padding:40px 0;
	text-align: center;
}
.adArea .adsbygoogle{
	width: 300px;
	height: 250px;
	margin:0 20px;
}


/*--------------- footer ---------------*/

.ftSection{
	padding:30px 0;
}

#line{
	background-color: #fff05a;
}

#line .mark{
	display: block;
	width:7em;
	height:7em;
	padding-top: 0.8em;
	margin: 0 auto 1em;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	color:#fff;
	background-color:#000;
	border-radius: 3.5em;
}
#line .mark span{
	display: block;
	margin: 0 auto 0.1em;
	font-size:3em;
}

#line h2,
#membership h2{
	margin:0.3em auto 0.2em;
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
}
#line h2 span{
	display: inline-block;
	width: auto;
	height: 1em;
	margin:0 0.2em;
	line-height: 1;
}
#line h2 span:not(.icon) img{
	width: auto;
	height: 100%;
}

#line a,
#membership a{
	display: block;
	width:21em;
	margin:1em auto 0;
	padding:1em 0 1em 1.5em;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	color:#fff;
	letter-spacing: 0.1em;
	border-radius: 8px;
	position: relative;
}
#line a::after,
#membership a::after{
	content: '\e902';
	font-family: 'ico';
	position: absolute;
	right:0.5em;
}
#line a{
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/face_cat.svg) no-repeat top 0.3em left 1em / 2.5em auto;
	background-color: #1a1a1a;
}
#membership a{
	margin:3.5em auto 0;
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/face_rabbit.svg) no-repeat center left 1em / 2.5em auto;
	background-color: #1a1a1a;
}
#membership a span{
	display: block;
	width: 14em;
	padding: 0.5em 0em;
	line-height: 1;
	text-align: center;
	color:#ed64a9;
	background-color:#fff;
	position: absolute;
	left:calc(50% - 7em);
	bottom: calc(100% + 1.3em);
	border-radius: 2em;
}
#membership a span::before{
	content: '';
	display: block;
	border:solid 10px transparent;
	border-top:solid 10px #fff;
	position: absolute;
	left:calc(50% - 10px);
	top:100%;
}

#membership{
	background-color: #ed64a9;
}
#membership h3{
	padding-top: 0.3em;
}
#membership ul{
	margin:0 auto;
	text-align: center;
}
#membership li{
	display: inline-block;
	font-size:0.85em;
	margin:0 0.4em 1em;
}
#membership li::before{
	content: '';
	display: inline-block;
	width:0.6em;
	height: 0.6em;
	background-color: #fff05a;
	border-radius: 0.3em;
	position: relative;
	top:-0.2em;
	margin-right: 0.3em;
}

#gFooter {
	background-color: #000;
	color: #fff;
}
#gFooter a{
	color:#fff;
}

#mywonderFt{
	padding:50px 0 30px;
	background-color: #000;
}

#mywonderFt p{
	font-size: 1.2em;
}

#mywonderFt ul,
#sekaibunkashaFt ul{
	margin: 1em auto;
	display: flex;
	justify-content: center;
}
#mywonderFt li,
#sekaibunkashaFt li{
	text-align: center;
}

#snslink{
	margin:0 auto 30px;
}
#snslink li{
	width:4em;
	height:4em;
	margin:0 0.5em;
}
#snslink li span{
	font-size: 4em;
}

#gFooter .scrlTop,
.scrlTop.glbl{
	width: 9.5em;
	margin: 3em auto 1.5em;
	padding-top: 2.5em;
	font-size: 0.7em;
	color: #ed64a9;
	position: relative;
}
.scrlTop.glbl{
	cursor:pointer;
	position: fixed;
	right:40px;
	bottom:10px;
	z-index:10000;
}

#gFooter .scrlTop::before{
	content: '';
	display: block;
	width:2.8em;
	height:2.8em;
	border-top: solid 5px #ed64a9;
	border-right: solid 5px #ed64a9;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top:0;
	left: calc(50% - 1.5em);
}

.scrlTop.glbl::before{
	content: '';
	display: block;
	width: 9.5em;
	height: 9.5em;
	background: url(https://devmywonder.s3.amazonaws.com/wp-content/images/category10_c.svg) no-repeat center center / contain;
}

.searchArea{
	margin:0 auto 1.5em;
}
.searchArea input[type='search']{
/*	-webkit-appearance: textfield;*/
	display: inline-block;
	width:400px;
	font-size:1.2em;
	border-style:none;
	border:1px solid #ccc;
	padding:0.4em;
	border-radius: 3px;
}
.searchArea input[type='submit']{
	display: inline-block;
	padding:0.4em 1em;
	border-style:none;
	font-size:1.2em;
	background-color: #e5006a;
	color:#fff;
	letter-spacing: 0.1em;
	cursor: pointer;
	border:1px solid #e5006a;
	border-radius: 3px;
}

#ftNav li,
#sekaibunkashaNav li{
	margin-bottom: 0.5em;
	font-size: 1em;
	line-height: 1;
	border-left:solid 1px #fff;
}
#ftNav li:first-child,
#sekaibunkashaNav li:first-child{
	border-left:0;
}
#ftNav li a,
#sekaibunkashaNav li a{
	padding:0.1em 1em;
	display: inline-block;
}


#sekaibunkashaFt{
	background-color: #3a3a3a;
}
#sekaibunkashaFt small{
	font-size: 0.75em;
}


/* -------------------- smart phone  -------------------- */

@media screen and (min-width:415px) {
	.forSP {
		display: none;
	}
}

@media print {
	.forSP {
		display: none;
	}
}

@media screen and (max-width:414px) {
	body {
		font-size: 13px;
	}
@media screen and (max-width:320px) {
		body {
			font-size: 12px;
		}
	}

	.forPC {
		display: none;
	}
	.colm2 > * {
		width: 100%;
		margin: 0 0 20px;
	}
	.colm3 > *,
	.colm3::after,
	.colm4 > * {
		width: 47%;
		margin: 0 0 15px;
	}

	#wrapper{
		padding-top: 75px;
	}

	.inner{
		max-width:100%;
		min-width:0;
		width:90vw;
		padding:40px 0;
		margin: 0 auto;
	}
	.inner.postArea{
		padding:0 5%;
	}

	/*--------------- header ---------------*/
	#gHeader {
		width:100%;
		padding: 0 0.3rem;
		height: 62px;
		background-color: rgba(245, 236, 60 , 0.96);
		border-bottom: 1px solid #ccc;
		position: fixed;
		left: 0;
	}
	#gHeader.fixed {
		animation:none;
	}

	#gHeader > ul{
		margin-right: auto;
	}
	#gHeader > ul li{
		margin:0 0.5em;
	}
	#gHeader > ul li,
	#menuBtn{
		margin: 0 0.3em;
		transform:scale(0.9);
	}
    #menuBtn{
		margin: 0 0.6em 0 0.3em;
	}

	#gHeader > ul a,
	#menuBtn{
		padding-top:39px;
		height: 60px;
		font-size: 0.5rem;
	}
	
	#gHeader > ul .aboutBtn{
		display:none;
	}
	
	#gHeader > ul .aboutBtn a::before{
		width: 28px;
		height: 28px;
		top: 5px;
	}
	#gHeader > ul .shopBtn a::before{
		font-size: 28px;
		top: 5px;
	}
	#menuBtn{
		padding-top: 42px;
	}
	#menuBtn::before{
		font-size: 30px;
		top: 8px;
	}

	#gHeader .loginBtn {
		width: 6rem;
		margin: 0 1rem 0 auto;
		font-size: 0.8rem;
	}

	#gNav {
		width:100%;
		right:-100%;
		font-size: 1.2em;
	}
	#gNav li{
		margin-bottom: 0.8em;
	}
	#gNav li[class^="gbnav"] > span,
	#gNav li[class^="gbnav"] > a{
		margin: 0.8em 0;
	}

	#gHeader.fixed .hdlogo,
	#pcNav {
		display: none;
	}
	#gNav .searchArea {
		padding: 1.5em 0.3em;
	}

	header h1 {
		width: 80%;
		margin: 0 auto;
		padding:20px 0 30px;
	}

	#loginMenuArea{
		min-width:0;
		padding:0 10px 0 5px;
	}
	#loginMenuArea #login{
		font-size:0.85rem;
	}

	/*--------------- main ---------------*/
	#coHeader{
		min-width: 0;
	}

	#event_info #coHeader h2{
		width:90vw;
		margin:0 auto;
	}
	#event_info #coHeader h2 img{
		width:100%;
		height: auto;
	}
	#event_info #coHeader h2 + p{
		width:90vw;
		margin:0 auto;
		text-align: left;
	}
	#event_info #coHeader h2 + p br{
		display: none;
	}

	/* post */
	.postArea {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 90vw;
		max-width: 100%;
		min-width: 0;
		margin: 0 auto;
		padding:0;
	}

	.post{
		width:100%;
		background-color: transparent;
		border:none;
/*		border-top: solid 1px #ccc;*/
		padding: 1.5rem 0 !important;
	}
/*
	.post:first-child{
		border-top: 0;
	}
*/
	#main .post::before{
		left: -10px;
	}
	.post .meta .info_category a{
		font-size: 0.9em;
	}
	.post .date{
		font-size: 0.9em;
	}
	.post h3{
		margin:0.5em auto 0.8em;
		min-height: 0 !important;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.post .bodyc{
		font-size:1em;
	}

	.tagArea a{
		font-size: 0.95em;
	}

	/***** information for all pages *****/
	#information{
		
	}
	#information .post{
		width:47%;
		padding: 0 !important;
		border:none;
		background-color:transparent;
	}
	#information .post .thumb{
		border: solid 1px #ccc;
		background-color:#fff;
	}

	/***** sns area *****/
/*
	.snsArea{
		padding:20px 0;
		text-align: center;
	}
*/

	/***** moreBtn *****/
	.moreBtn{
		font-size: 0.95rem;
	}

	/* navigation */
	main nav.navigation {
		padding: 15px 0;
	}
	main .navigation .nav-links span ,
	main .navigation .nav-links a {
		font-size: 0.9rem;
		margin:0 0.05em;
	}
	main .navigation .nav-links a.prev,
	main .navigation .nav-links a.next,
	main .navigation .nav-links .nav-previous a,
	main .navigation .nav-links .nav-next a{
		width:6em;
		font-size: 0.75rem;
	}

	/* hintSearch */
/*
	.hintSearch{
		margin-top: 1em;
	}
*/
	.hintSearch h3{
		font-size: 1.1em;
		padding:0.5em 0;
	}
	.hintSearch h3::before,
	.hintSearch h3::after{
		border:solid 15px transparent;
		border-top:solid 15px #000;
		left:calc(50% - 15px);
	}
	.hintSearch h3::after{
		border-top:solid 15px #fff;
	}
	.hintSearch h3 .textimg{
		height: 2.3em;
	}

	.hintSearch .flex > div{
		width:100% !important;
		padding:2em 0 0.5em;
		text-align: left;
	}
	.hintSearch .flex .byCategory ul::after,
	.hintSearch .flex .byCategory li{
		width:49%;
		font-size: 1em;
		margin-bottom: 0.5em;
	}
	.hintSearch .flex .byKey .searchArea{
		padding: 0;
		margin:0 auto;
	}
	.hintSearch .byKey .searchArea input[type='search']{
		width: calc(100% - 7em);
	}

	/* latestPriPri */
	.latestPriPri{
		width:100%;
		padding:40px 0;
	}
	.latestPriPri .inner{
		width:100%;
		padding:0;
	}
	.latestPriPri h3{
		line-height: 1.6em;
	}
	.latestPriPri .bookinfo{
		margin:1em auto;
	}
	.latestPriPri .bookinfo p.title{
		font-size: 1.2em;
	}
	.latestPriPri .thumb{
		width:55vw;
		height: auto;
		position: static;
		left:auto;
		top:auto;
	}

	/* 購入ボタン */
	body.single .purchase{
		padding: 0 ;
	}
	body.single .purchase > div{
		margin:1.5em auto 0;
	}
	.purchase a,
	.purchase .buy_physical ,
	.purchase .buy_digital{
		width: 20em;
	}
	.purchase a{
		margin:1em 0 0;
		font-size: 1em;
	}


	/***** adArea *****/
	.adArea .adsbygoogle{
		width: 320px;
		height: 100px;
		margin:15px auto !important;
	}



	/*--------------- footer ---------------*/
	.ftSection{
		padding:20px 0;
	}

	#membership ul{
		text-align: left;
		display: inline-block;
	}
	#membership li{
		display: block;
		font-size:1em;
		margin:0 0 0.6em;
	}

	#mywonderFt{
		padding:30px 0 10px;
	}
	#gFooter .scrlTop{
		margin: 5em auto 2em;
	}

	.scrlTop.glbl{
		right:10px;
		bottom: 10px;
	}

	.searchArea{
		padding:0 5vw;
	}
	.searchArea input[type='search']{
/*
		width:70%;
		margin-right: 3%;
*/
		width: 65vw;
		margin-right: 2vw;
	}
	.searchArea input[type='submit']{
		width:20vw;
	}


	#ftNav ,
	#sekaibunkashaNav{
		flex-wrap: wrap;
	}
	#ftNav li,
	#sekaibunkashaNav li{
		margin-bottom: 1em;
		font-size: 1em;
	}
	#ftNav li:nth-child(4),
	#sekaibunkashaNav li:nth-child(4){
		border-left:0;
	}

	@media screen and (max-width:320px) {
		#sekaibunkashaNav li:nth-child(3),
		#sekaibunkashaNav li:nth-child(5){
			border-left:0;
		}
		#sekaibunkashaNav li:nth-child(4){
			border-left: solid 1px #fff;
		}
	}


}



/***　181022　追加 ***/
#infoNav{
	width: 100%;
	margin: 0 auto;
	background-color:#f783bd;
}
#infoNav ul{
	width: 980px;
	padding:0 2em;
	margin: 0 auto;
}
#infoNav ul li a{
	display: block;
	padding:0.6em 0;
	color:#fff;
	position: relative;
}
#infoNav ul li.nowPage a{
	color:#bf003b;
}


/***　#relationBooks 181024　追加 ***/
#relationBooks{
	margin-top: 2em;
	background-color: #ffe8ea;
}
#relationBooks h4{
/*	margin-bottom: 1em;*/
	text-align: center;
	font-size: 1.6em;
	position: relative;
}
#relationBooks h4::before{
	content: '';
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	background: url(https://devrecrea.s3.amazonaws.com/wp-content/images/icon_books.svg) no-repeat center center / contain;
	position: relative;
	top: 0.25em;
	left: -0.7em;
}
#relationBooks .postArea{
	max-width: 980px;
}
#relationBooks .post{
	width: 31%;
	margin-bottom: 0;
}
#relationBooks .postArea.colm4{
	max-width: 1200px;
}
#relationBooks .postArea.colm4 .post{
	width: 23%;
	margin-bottom: 0;
}
#relationBooks .post .thumb{
	padding-top: 100%;
	background-size: contain;
}
#relationBooks h3.entry-title{
	font-size: 1.1em;
	margin:0.5em auto 0;
}
#relationBooks h3.entry-title{
	text-align:center;
}
#relationBooks .moreBtn{
	margin: 2em auto 1em;
}

@media screen and (max-width:414px) {
	#primary .recommend > div{
		padding: 1.5rem 1rem;
	}
	#primary .recommend div p{
		font-size: 1.1em !important;
	}
	#relationBooks .post{
		width: 47% !important;
		padding: 1rem 0 0 !important;
		margin-bottom: 0;
	}
	#relationBooks .post .thumb{
		padding-top: 100%;
		background-size: contain;
	}
	#relationBooks h3.entry-title{
		font-size: 1em;
	}

}



/* pripri_magazines　もくじ　スマホ用折りたたみ 181024　追加 */
.sp_slide .sp_slide_btn{
	display: none;
}
.single #primary .outlineContents .outline > div.sp_slide_inner {
    width: 100%;
}
.single #primary .outlineContents .outline > div.sp_slide_inner .block {
    width: 47%;
}

@media screen and (max-width:414px) {
	.sp_slide .sp_slide_inner{
		height: 300px;
		overflow: hidden;
		transition: height 0.3s ease;
		position: relative;
	}
	.sp_slide .sp_slide_inner:after {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		content: '';
		width: 100%;
		height: 50%;
		background: linear-gradient(rgba(255, 255, 255, 0) 0, #faf5f6 100%, #faf5f6 100%);
	}
	.sp_slide.active .sp_slide_inner:after{
		content: none;
	}
	.single #primary .outlineContents .outline > div.sp_slide_inner .block {
		width: 100%;
	}
	.sp_slide .sp_slide_btn{
		display: block;
		text-align: center;
	}
	.sp_slide .sp_slide_btn .btn_open{

	}
	.sp_slide.active .sp_slide_btn .btn_open{
		display: none;
	}

	.sp_slide .sp_slide_btn .btn_open:after{
		transform: rotate(90deg);
	}
	.sp_slide .sp_slide_btn .btn_close:after{
		transform: rotate(-90deg);
	}
}


	
/***　200606　追加 ***/

/* テーブル
--------------------------------------------------------------------------- */

/* ta1設定 */
.ta,.ta1,.ta2,.ta3,.ta4,.ta5{
	width: 100%;
	margin: 0 auto 0px;
	font-size: 1.06rem;	/* 文字サイズ */
    line-height: 2.4rem;	/* 行間 */
	border: none;	
}
.ta, .ta td, .ta th,
.ta3, .ta3 td, .ta3 th,
.ta1, .ta1 td, .ta1 th,
.ta2, .ta2 td, .ta2 th {
	/* border: 1px solid #fff; */	/* テーブルの枠線の幅、線種、色 */
	padding-bottom: 30px 0px;	/* ボックス内の余白 */
	word-break: break-all;
}
/* テーブル１段に入る見出し部分 */
.ta th.tamidashi,
.ta3 th.tamidashi,
.ta1 th.tamidashi,
.ta2 th.tamidashi {
	width: auto;
	text-align: left;	/* 左よせ */
	font-size: 1em;	/* 文字サイズ */
}
/* テーブル１段に入る文章 */	
.ta th.danraku,
.ta1 th.danraku,
.ta2 th.danraku,
.ta3 th.danraku,
.ta4 th.danraku,
.ta5 th.danraku {
    width: auto;
    text-align: left;	/* 左よせ */
    font-weight: normal;
	font-size: 1em;	/* 文字サイズ */
}

/* Iframe（テーブル１段） */	
.ta th.ifdanraku,
.ta1 th.ifdanraku,
.ta2 th.ifdanraku {
    position:relative;
    width:100%;
    height:0;
    padding-top:55%;
}

.ta th.ifdanraku iframe,
.ta1 th.ifdanraku iframe,
.ta2 th.ifdanraku iframe{
    position:absolute;
    top:0;
    left:0;
    width:95%;
    height:95%;
}


	
/* テーブル１段に入る小文章 */	
span.small {
    text-align: left;	/* 左よせ */
    font-weight: normal;
    font-size: 0.9rem;	/* 文字サイズ */
    line-height: 1.8rem!important;	/* 行間 */
  	color: #999;
	display:block;
}	

/* テーブル１段に入る小文章 */	
.ta th.danraku-s,
.ta1 th.danraku-s,
.ta2 th.danraku-s{
    text-align: left;	/* 左よせ */
    font-weight: normal;
    font-size: 0.9rem;	/* 文字サイズ */
    line-height: 1.8rem!important;	/* 行間 */
  	color: #999;
	padding: 20px 0;	/* ボックス内の余白 */
}	

/* 左側ボックス */
.ta th,
.ta3 th,
.ta1 th {
    width: 12rem;	/* å¹… */
    text-align: left;	/* センタリング */
    font-weight: bold; /* 左寄せ */
    vertical-align: top; /* 上寄せ */
	}
	
.ta2 th {
    width: 150px;	/* å¹… */
    text-align: left;	/* センタリング */
    font-weight: bold; /* 左寄せ */
    vertical-align: top; /* 上寄せ */
	}
	
/* 左側ボックスに画像を入れた場合の設定 */
.ta1 th img {
	width: 80%;
	height: auto;
display: inline-block;
}
.ta2 th img {
	width: 100%;
	height: auto;
display: inline-block;
}
.ta3 th img {
	width: 50%;
	height: auto;
}

.ta4 th img {
	width: 40%;
	height: auto;
}
.ta5 th img {
	width: 70%;
	height: auto;
}
.ta7 th img {
	width: 20%;
	height: auto;
}

/* ダウンロードボタン下 */
.dlb span {
	margin-top: 1rem;
	font-size: 0.9rem;
	line-height:1.5rem;
	display: block;
}

/* PriPri購読追加 */

@media screen and (max-width:330px) {
    #gHeader > ul li:first-child {
        display: none;
    }
}


/* TOPページスマホ用追加 */
    #spNav {
	display: none;
    }

@media screen and (max-width:414px) {
    
.ta th img {
	width: 95%!important;
	height: auto;
display: inline-block;
}
	
.ta .ta1,.ta2,.ta3,.ta4,.ta5{
		font-size: 0.95rem;
		line-height: 2rem;
		padding-bottom: 1.5rem;
}
    

    /*--------------- nav ---------------*/
    #spNav {
	    display: flex;
        width: 100%;
        min-width: 0;
        margin: 0 auto;
		padding:15px 30px;
        background-color: #f783bd;
    	text-align: center;	/* センタリング */
   }
    
    #spNav ul {
        width: 100%;
        padding: 0 0.8em;
        flex-wrap: nowrap;
        align-items: center;
    }
    #spNav ul li {
        width: auto;
    }
    #spNav ul li a {
	    display: block;
        line-height: 1.6em;
        font-size: 3.2vw;
        color: #fff;
		font-weight: bolder;
	}
}



/* SNS埋め込み〜PC
--------------------------------------------------------- */
.home_sns h3 {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 5.0rem;
  font-size: 15px !important;
  font-weight: bold;
  margin-bottom: 1.5rem;
  padding-top: 2.0rem;
  text-align: center;
  font-family:san-serif;
}

.home_sns {
    width: 950px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  text-align: left;
}

.home_sns>div {
  width: 47%;
}

.home_twitter h3 {
	color: #1da1f2;
}
.home_instagram h3 {
	color: #626262;
}

.home_twitter_timeline {
  border: 0.1rem solid #ebedf0;
  height: 22.0rem;
  margin: 0 auto;
  max-width: 500px;
  overflow-y: auto;
}

.home_instagram_timeline {
  border: 0.1rem solid #ebedf0;
  height: 22.0rem;
  margin: 0 auto 5rem;
  max-width: 500px;
  overflow-y: auto;
}

/* SNS埋め込み〜スマホ
--------------------------------------------------------- */
@media screen and (max-width:414px) {

.home_sns {
    width: 90%;
    display: block;
}

.home_sns>div {
  width: 100%;
}

}


/* 購読特典
--------------------------------------------------------- */
.ta-tokuten th .ifdanraku iframe {
    position:absolute;
    top:0;
    left:25%;
    width:50%;
    height:50%;
}