@charset "utf-8";

/******************************************
汎用classの定義
- Title Style
- Section Style
- List Style
- Button Style
- Table Style
- Form Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/
/* ----------------------------------------

- Title Style

---------------------------------------- */
/* title
------------------------------- */
.title01 {
	margin-bottom:30px;
	padding-left:10px;
	border-left:2px solid #000;
	font-weight:700;
	font-size:142.9%;
	line-height:1.2;
}


@media screen and (max-width:767px) {
	.title01 {
		margin-bottom:15px;
		font-size:16px;
	}
	
	.title01.spTitleInner {
		margin-right:10px;
		margin-left:10px;
	}
}

.title02 {
	position:relative;
	margin-bottom:20px;
	border-bottom:1px solid #000;
	font-weight:700;
	font-size:157.2%;
	line-height:40px;
}

.title02 span {
	position:relative;
	display:block;
	padding-right:100px;
}

.title02 .btnStyle04 {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-.85em;
	padding-right:0;
}

.title02.iconNews {
	padding:0 0 8px 40px;
	background:url(../../img/common/icon_bullhorn_01.png) no-repeat 0 0;
	background-size:30px auto;
	line-height:1.4;
}

.title02.iconBookshelf {
	padding:0 0 8px 40px;
	background:url(../../img/common/icon_books_01.png) no-repeat 0 0;
	background-size:30px auto;
	line-height:1.4;
}

.title02.iconWish {
	padding:0 0 8px 40px;
	background:url(../../img/common/icon_heart_01.png) no-repeat 0 0;
	background-size:30px auto;
	line-height:1.4;
}

.title02.iconBook {
	padding:0 0 8px 40px;
	background:url(../../img/common/icon_book_01.png) no-repeat 0 0;
	background-size:30px auto;
	line-height:1.4;
}

.title02.iconHorn {
	padding:0 0 8px 40px;
	background:url(../../img/common/icon_megaphone_01.png) no-repeat 0 0;
	background-size:30px auto;
	line-height:1.4;
}

.title02.icon_tag {
	margin-bottom:30px;
	padding-left:30px;
	background:url(../../img/common/icon_tag_01.png) no-repeat left center;
	background-size:24px auto;
	line-height:1.4;
}

@media screen and (max-width:767px) {
	.title02 {
		margin-bottom:15px;
		font-size:16px;
		line-height:1.5;
	}
	
	.title02.spTitleInner {
		margin-right:10px;
		margin-left:10px;
	}
	
	.title02.iconNews,.title02.iconBookshelf,.title02.iconWish,.title02.iconBook,.title02.iconHorn {
		padding:3px 0 5px 35px;
		background-position:0 0;
		background-size:26px auto;
	}
	
	.title02.icon_tag {
		margin:0 10px 20px;
	}
}

.title03 {
	margin:10px 0;
	font-weight:700;
	font-size:128.6%;
}

@media screen and (max-width:767px) {
	.title03 {
		font-size:14px;
	}
}

.title04 {
	border-left: 2px solid #333;
    padding-left: 10px;
    font-size: 142.9%;
    font-weight: 700;
    margin:20px 0;
    line-height: 1.2;
}

.title05 {
	font-size: 121.5%;
	font-weight:bold;
	margin:20px 0;
	border-bottom: 1px dotted #ccc;
}

.title06 {
	font-size: 114.3%;
	font-weight:bold;
	margin:10px 0;
}

@media screen and (max-width:767px) {
	.title04 {
	    font-size: 114.3%;
	    line-height: 15px;
	    margin:10px 0;
	}
	.title05 {
		font-size: 100%;
		margin:10px 0;
	}

	.title06 {
		font-size: 114.3%;
	}
}






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

- Section Style

---------------------------------------- */
/* secRelatedBooks
------------------------------- */
.secRelatedBooks {
	clear:both;
	margin-top:60px;
}

.secRelatedBooks .itemBox {
	overflow:hidden;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px dotted #ccc;
}

.secRelatedBooks .itemBox .fig {
	float:left;
	display:block;
	padding-right:20px;
	width:170px;
}

.secRelatedBooks .itemBox h3 {
	margin-bottom:10px;
	font-weight:700;
	font-size:128.6%;
}

.secRelatedBooks .itemBox p {
	margin-bottom:8px;
}

.secRelatedBooks .btnsPurchase {
	margin-left:170px;
}

@media screen and (max-width:767px) {
	.secRelatedBooks {
		margin:45px 10px 0;
	}
	
	.secRelatedBooks .itemBox {
		margin-bottom:25px;
		padding-bottom:15px;
	}
	
	.secRelatedBooks .itemBox .fig {
		padding-right:15px;
		width:120px;
	}
	
	.secRelatedBooks .itemBox .fig img {
		width:100%;
		height:auto;
		max-width:100%;
	}
	
	.secRelatedBooks .itemBox h3 {
		margin-bottom:10px;
		font-weight:700;
		font-size:16px;
	}
	
	.secRelatedBooks .itemBox p {
		clear:both;
		margin:0;
		padding-top:10px;
	}
	
	.secRelatedBooks .btnsPurchase {
		margin-left:0;
		float:left;
		width:calc(100% - 120px);
	}
}

.sec01 {
	margin-bottom: 40px;
}

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

.sec01 {
	margin-bottom: 30px;
}
}


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

- List Style

---------------------------------------- */
/* tagList01
------------------------------- */
.tagList01 {
	margin-bottom:25px;
}

.tagList01 ul {
	margin-right:-10px;
}

.tagList01 ul li {
	display:inline-block;
	margin:0 10px 10px 0;
	vertical-align:top;
}

.tagList01 ul li a {
	display:block;
	padding:0 10px;
	border:1px solid #ccc;
	text-decoration:none;
	font-size:92.9%;
}

.tagList01 ul li a small {
	color:#666;
}

.tagList01 ul li a:before {
	margin-right:3px;
	color:#999;
	content:"#";
}

.tagList01 ul li a:hover {
	background:#f2f2f2;
	opacity:1;
}

#main .tagList01 ul li a {
	padding:3px 10px 1px;
	font-size:100%;
}

@media screen and (max-width:767px) {
	.tagList01 {
		margin-bottom:20px;
	}
	
	.tagList01 ul {
		margin:0 0 0 10px;
	}
	
	.tagList01 ul li a {
		font-size:85.8%;
	}
}

/* articleList01
------------------------------- */
.articleList01 {
	margin:0 -8px;
}

.articleList01 .article {
	display:inline-block;
	margin:0 0 32px;
	padding:0 8px;
	width:50%;
	vertical-align:top;
}

.articleList01 .article:nth-child(even) {
	padding-left:16px;
}

.articleList01 .article a {
	display:block;
	text-decoration:none;
}

.articleList01 .article a .fig {
	position:relative;
	margin-bottom:10px;
	width:320px;
	height:200px;
	overflow:hidden;
	background: url(/files/img/common/bg_dotted_01.png);
}

.articleList01 .article a .fig img {
	position:relative;
	z-index:1;
	display:inline-block;
	
}

.articleList01 .article a .fig img {
	position:absolute;
	min-width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

.articleList01 .article a .fig .new {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	width:36px;
	height:36px;
	border:1px solid #000;
	background:#fff;
	text-align:center;
	font-weight:700;
	font-size:11px;
	line-height:36px;
}

.articleList01 .article a .fig .limited {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	display:block;
	width:72px;
	height:18px;
	background:#fff;
	font-size:12px;
	line-height:18px;
}

.articleList01 .article a .fig .limited:before {
	margin-right:2px;
	content:"\f084";
	font-family:FontAwesome;
}

.articleList01 .article a .fig .limited:after {
	position:absolute;
	right:72px;
	bottom:0;
	display:block;
	border-color:transparent transparent #fff;
	border-style:solid;
	border-width:0 0 18px 18px;
	content:"";
}

.articleList01 .article a .textArea {
	position:relative;
}

.articleList01 .article a .textArea .cat {
	margin-bottom:3px;
	font-size:92.9%;
}

.articleList01 .article a .textArea .cat:before {
	font-size:115.4%;
}

.articleList01 .article a .textArea .series {
	margin-bottom:5px;
	padding-right:7em;
	color:#999;
	font-size:92.9%;
}

.articleList01 .article a .textArea .date {
	padding-right:8px;
	color:#999;
	text-align:right;
	font-weight:700;
	font-size:92.9%;
}

.articleList01 .article a .textArea .cat ~ .date,.articleList01 .article a .textArea .series ~ .date {
	position:absolute;
	top:0;
	right:0;
}

.articleList01 .article .textArea .title {
	margin-bottom:5px;
	font-weight:700;
	font-size:114.3%;
	line-height:1.5;
}

.articleList01 .article .textArea .cite {
	display:block;
	line-height:1.5;
}

@media screen and (max-width:767px) {
	.articleList01 {
		margin:0;
	}
	
	.articleList01 .article {
		display:block;
		margin:0;
		padding:0;
		width:100%;
		border-bottom:1px dotted #ccc;
	}
	
	.articleList01 .article:nth-child(even) {
		padding-left:0;
	}
	
	.articleList01 .article a {
		padding:10px;
	}
	
	.articleList01 .article a .fig {
		float:left;
		overflow:hidden;
		margin-bottom:0;
		width:80px;
		height:80px;
	}
	
	.articleList01 .article a .fig .new {
		width:25px;
		height:25px;
		font-size:10px;
		line-height:23px;
	}
	
	.articleList01 .article a .fig .new span {
		display:inline-block;
		margin-left:-2px;
		-webkit-transform:scale(0.7);
		transform:scale(0.7);
	}
	
	.articleList01 .article a .fig .limited {
		width:auto;
		height:auto;
		background-color:transparent;
	}
	
	.articleList01 .article a .fig .limited span {
		display:none;
	}
	
	.articleList01 .article a .fig .limited:before {
		position:relative;
		top:1px;
		z-index:2;
		display:inline-block;
		margin-right:0;
		font-size:11px;
	}
	
	.articleList01 .article a .fig .limited:after {
		position:absolute;
		right:0;
		bottom:0;
		z-index:1;
		border-color:transparent transparent #fff;
		border-width:0 0 24px 24px;
	}
	
	.articleList01 .article .textArea {
		float:right;
		margin-top:-2px;
		margin-left:-90px;
		padding-left:90px;
		width:100%;
	}
	
	.articleList01 .article a .textArea .date {
		margin-bottom:5px;
		padding-right:0;
		font-weight:400;
		font-size:11px;
	}
	
	.articleList01 .article a .textArea .cat ~ .date,.articleList01 .article a .textArea .series ~ .date {
		top:4px;
	}
	
	.articleList01 .article a .textArea .cat {
		margin-bottom:3px;
		font-size:12px;
	}
	
	.articleList01 .article .textArea .title {
		margin-bottom:3px;
		font-size:13px;
	}
	
	.articleList01 .article .textArea .cite {
		font-size:12px;
	}
}

.articleList01 .article a:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
	line-height:0;
}

.articleList01 .article a {
	*zoom:1;
}

/* articleList03
------------------------------- */
.articleList03 {
	margin-bottom:40px;
	letter-spacing:-.4em;
}

.articleList03 .title01 {
	margin-bottom:10px;
	letter-spacing:normal;
}

.articleList03 .article {
	clear:both;
	display:inline-block;
	width:calc(50% - 16px);
	vertical-align:top;
	letter-spacing:normal;
}

.articleList03 .article:nth-child(even) {
	margin-left:16px;
}

.articleList03 .article:nth-child(odd) {
	margin-right:16px;
}

.articleList03 .article a {
	display:block;
	overflow:hidden;
	padding:15px 0;
	min-height:90px;
	border-bottom:1px dotted #ccc;
	line-height:1.4;
}

.articleList03 .article a:link,.articleList03 .article a:visited,.articleList03 .article a:hover,.articleList03 .article a:active {
	text-decoration:none;
}

.articleList03 .article .fig {
	float:left;
	width:90px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.articleList03 .article .fig img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.articleList03 .article p {
	padding-left:100px;
}

.articleList03 .article .date {
	margin-bottom:4px;
	color:#999;
	font-size:92.9%;
}

@media screen and (max-width:767px) {
	.articleList03 {
		margin:0 10px 30px;
	}
	
	.articleList03 .title01 {
		margin-bottom:10px;
	}
	
	.articleList03 .article {
		display:block;
		width:100%;
	}
	
	.articleList03 .article:nth-child(even) {
		margin-left:0;
	}
	
	.articleList03 .article:nth-child(odd) {
		margin-right:0;
	}
	
	.articleList03 .article a {
		padding:10px 0;
		min-height:auto;
	}
	
	.articleList03 .article .fig {
		float:left;
		width:60px;
		height: 60px;
	}
	
	.articleList03 .article p {
		padding-left:75px;
	}
	
	.articleList03 .article .date {
		font-size:13px;
	}
}

/* authorAnchorList
------------------------------- */
.authorAnchorList {
	margin-bottom:30px;
	letter-spacing:-.4em;
}

.authorAnchorList li {
	display:inline-block;
	width:calc(100% / 11);
	border-right:1px dotted #ccc;
	text-align:center;
	letter-spacing:normal;
}

.authorAnchorList li:first-child {
	border-left:1px dotted #ccc;
}

.authorAnchorList li a {
	position:relative;
	display:block;
	padding:5px 0 10px;
	font-weight:700;
}

.authorAnchorList li a:link,.authorAnchorList li a:visited,.authorAnchorList li a:hover,.authorAnchorList li a:active {
	text-decoration:none;
}

.authorAnchorList li a:after {
	position:absolute;
	bottom:-5px;
	left:50%;
	display:block;
	margin-left:-3px;
	content:"\f105";
	font-weight:400;
	font-family:FontAwesome;
	transform:rotate(90deg);
	pointer-events:none;
}

@media screen and (max-width:767px) {
	.authorAnchorList {
		margin:0 10px 10px;
	}
	
	.authorAnchorList li {
		margin-bottom:10px;
		width:calc(100% / 6);
		font-size:13px;
	}
	
	.authorAnchorList li:first-child {
		border-left:none;
	}
	
	.authorAnchorList li:nth-child(6n) {
		border-right:none;
	}
}

/* authorSerachBox
------------------------------- */
.authorSerachBox {
	margin-bottom:35px;
	text-align:right;
}

.authorSerachBox label {
	position:relative;
	display:block;
	color:#333;
	font-weight:700;
}

.authorSerachBox input[type="text"] {
	display:inline-block;
	margin-left:15px;
	padding:8px;
	width:200px;
	outline:none!important;
	border:none;
	background:#f2f2f2;
	font-weight:400;
	font-size:14px;
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
}

.authorSerachBox button {
	position:absolute;
	top:4px;
	right:2px;
	display:block;
	width:30px;
	height:28px;
	color:#000;
}

@media screen and (max-width:767px) {
	.authorSerachBox {
		margin:0 10px 30px;
	}
	
	.authorSerachBox label {
		font-size:13px;
	}
	
	.authorSerachBox input[type="text"] {
		font-size:13px;
	}
	
	.authorSerachBox button {
		font-size:16px;
	}
}

/* authorSecList
------------------------------- */
.authorSecList {
	margin-bottom:50px;
}

.authorSecList:last-child {
	margin-bottom:0;
}

.authorSecList .anchorList li {
	padding-top:10px;
	line-height:1.5;
	font-size: 114.3%;
	font-weight: 700;
}

.authorSecList .anchorList li a {
	position:relative;
	display:inline-block;
	padding-left:15px;
}

.authorSecList .anchorList li a:after {
	position:absolute;
	top:-3px;
	left:2px;
	display:block;
	content:"\f105";
	font-size:114.3%;
	font-family:FontAwesome;
	pointer-events:none;
}

.authorSecList .anchorList li small {
	font-weight: 500;
}

.authorSecList .anchorList li a:link,.authorSecList .anchorList li a:visited,.authorSecList .anchorList li a:hover,.authorSecList .anchorList li a:active {
	text-decoration:none;
}

.authorSecList .anchorList li a span {
	display:block;
	color:#999;
	font-size: smaller;
}

.authorSecList .authorAnchorList {
	position:relative;
	z-index:9;
	margin-bottom:-38px;
	text-align:right;
}

.authorSecList .authorAnchorList li {
	width:7.5%;
	border-right:none;
}

.authorSecList .authorAnchorList li:first-child {
	border-left:none;
}

.authorSecList .anchorList .anchorInner {
	padding:0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	opacity:0;
}

@media screen and (max-width:767px) {
	.authorSecList {
		margin:0 10px 30px;
	}
	
	.authorSecList .authorAnchorList {
		margin-right:0;
		margin-bottom:-34px;
	}
	
	.authorSecList .authorAnchorList li {
		width:10%;
	}
	
	.authorSecList .authorAnchorList li a:after {
		bottom:-2px;
		margin-left:-2px;
	}
	.authorSecList .anchorList li {
	font-size: 14px;
	}
}

/* pageLinkList
------------------------------- */
.pageLinkList {
	margin-bottom:30px;
	letter-spacing:-.4em;
}

.pageLinkList li {
    display: inline-block;
    width: calc(100% / 3);
    border-right: 1px dotted #ccc;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 15px;
    vertical-align: top;
}

.pageLinkList li:first-child {
	border-left:1px dotted #ccc;
}

	.pageLinkList li:nth-child(4) {
	border-left:1px dotted #ccc;
	}
	.pageLinkList li:nth-child(7) {
	border-left:1px dotted #ccc;
	}

.pageLinkList li a {
	position:relative;
	display:block;
	padding:5px 0 10px;
	font-weight:700;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
	width: 100%;
	height: 100%;
}

.pageLinkList li a:link,.pageLinkList li a:visited,.pageLinkList li a:hover,.pageLinkList li a:active {
	text-decoration:none;
}

.pageLinkList li a:after {
	position:absolute;
	bottom:-5px;
	left:50%;
	display:block;
	margin-left:-3px;
	content:"\f105";
	font-weight:400;
	font-family:FontAwesome;
	transform:rotate(90deg);
	pointer-events:none;
}

@media screen and (max-width:767px) {
	.pageLinkList {
		margin: 10px;
	}
	
	.pageLinkList li {
		margin-bottom:10px;
		width:calc(100% / 1);
		font-size:13px;
		border-bottom: 1px dotted #ccc;
		text-align: left;
		border-left:none;
		border-right:none;

	}	
	.pageLinkList li a {
		justify-content: left;
	}

	.pageLinkList li a:after {
	    top: 50%;
	    margin-top: -9px;
	    bottom: 0;
	    right: 10px;
	    left: inherit;
	    content: "\f107";
	    transform: rotate(0deg);
	    line-height: 10px;
    }

    .pageLinkList li:first-child {
	border-left:none;
	}

	.pageLinkList li:nth-child(4) {
	border-left:none;
	}
	.pageLinkList li:nth-child(7) {
	border-left:none;
	}

}

/* pageLinkList02
------------------------------- */
.pageLinkList02 {
	margin-bottom:30px;
	letter-spacing:-.4em;
}

.pageLinkList02 li {
    display: inline-block;
    width: calc(100% / 3);
    border-right: 1px dotted #ccc;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 15px;
    vertical-align: top;
}

/*.pageLinkList02 li:first-child {
	border-left:1px dotted #ccc;
}

	.pageLinkList02 li:nth-child(4) {
	border-left:1px dotted #ccc;
	}
	.pageLinkList02 li:nth-child(7) {
	border-left:1px dotted #ccc;
	}*/

.pageLinkList02 li a {
	position:relative;
	display:block;
	padding:5px 0 10px;
	font-weight:700;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width: 100%;
	height: 100%;
}

.pageLinkList02 li a:link,.pageLinkList02 li a:visited,.pageLinkList02 li a:hover,.pageLinkList02 li a:active {
	text-decoration:none;
}

.pageLinkList02 li a:after {
	position:absolute;
	bottom:-5px;
	left:50%;
	display:block;
	margin-left:-3px;
	content:"\f105";
	font-weight:400;
	font-family:FontAwesome;
	transform:rotate(90deg);
	pointer-events:none;
}

@media screen and (max-width:767px) {
	.pageLinkList02 {
		margin: 10px;
	}
	
	.pageLinkList02 li {
		margin-bottom:10px;
		width:calc(100% / 1);
		font-size:13px;
		border-bottom: 1px dotted #ccc;
		text-align: left;
		border-left:none;
		border-right:none;

	}	
	.pageLinkList02 li a {
		justify-content: left;
	}

	.pageLinkList02 li a:after {
	    top: 50%;
	    margin-top: -9px;
	    bottom: 0;
	    right: 10px;
	    left: inherit;
	    content: "\f107";
	    transform: rotate(0deg);
	    line-height: 10px;
    }

    .pageLinkList02 li:first-child {
	border-left:none;
	}

	.pageLinkList02 li:nth-child(4) {
	border-left:none;
	}
	.pageLinkList02 li:nth-child(7) {
	border-left:none;
	}

}
/* infoSerachBox
------------------------------- */
.infoSerachBox {
	margin-bottom:35px;
	text-align:right;
}

.infoSerachBox label {
	position:relative;
	display:block;
	color:#333;
	font-weight:700;
}

.infoSerachBox input[type="text"] {
	display:inline-block;
	margin-left:15px;
	padding:8px;
	width:200px;
	outline:none!important;
	border:none;
	background:#f2f2f2;
	font-weight:400;
	font-size:14px;
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	appearance:none!important;
}

.infoSerachBox button {
	position:absolute;
	top:4px;
	right:2px;
	display:block;
	width:30px;
	height:28px;
	color:#000;
}

@media screen and (max-width:767px) {
	.infoSerachBox {
		margin:0 10px 30px;
	}
	
	.infoSerachBox label {
		font-size:13px;
	}
	
	.infoSerachBox input[type="text"] {
		font-size:13px;
	}
	
	.infoSerachBox button {
		font-size:16px;
	}
}

/* infoSecList
------------------------------- */
.infoSecList {
	margin-bottom:60px;
}

.infoSecList:last-child {
	margin-bottom:0;
}

.infoSecList .infoList li {
	padding-top:10px;
	line-height:1.5;
}

.infoSecList .infoList li a {
	position:relative;
	display:inline-block;
	padding-left:15px;
}

.infoSecList .infoList li a:after {
	position:absolute;
	top:-3px;
	left:2px;
	display:block;
	content:"\f105";
	font-size:114.3%;
	font-family:FontAwesome;
	pointer-events:none;
}

.infoSecList .infoList li a:link,.infoSecList .infoList li a:visited,.infoSecList .infoList li a:hover,.infoSecList .infoList li a:active {
	text-decoration:none;
}

.infoSecList .infoList li a span {
	display:block;
	color:#999;
}

.infoSecList .infoAnchorList {
	position:relative;
	z-index:9;
	margin-bottom:-38px;
	text-align:right;
}

.infoSecList .infoAnchorList li {
	width:7.5%;
	border-right:none;
}

.infoSecList .infoAnchorList li:first-child {
	border-left:none;
}

.infoSecList .infoList .anchorInner {
	padding:0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	opacity:0;
}

@media screen and (max-width:767px) {
	.infoSecList {
		margin:0 10px 45px;
	}
	
	.infoSecList .infoList {
		margin-right:0;
	}
	
	.infoSecList .infoList li {
		width:100%;
	}
	
	.infoSecList .infoList li a:after {
		bottom:-2px;
		margin-left:-2px;
	}
}


/* SecList
------------------------------- */
.SecList {
	margin-bottom:60px;
}

.SecList:last-child {
	margin-bottom:0;
}



@media screen and (max-width:767px) {
	.SecList {
		margin:0 10px 45px;
	}
	

}


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

SecHead

---------------------------------------- */
/* SecHead
------------------------------- */
#SecHead {
	position:relative;
	z-index:1;
	margin:30px auto 40px;
	padding-bottom:30px;
	width:1012px;
	border-bottom:1px dotted #ccc;
}

#SecHead h2 {
	font-weight:700;
	font-size:214.3%;
}

@media screen and (max-width:767px) {
	#SecHead {
		margin:20px 10px;
		padding:0 10px 20px;
		width:auto;
		border-bottom:1px dotted #ccc;
	}
	
	#SecHead h2 {
		font-size:20px;
	}
}




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

SecHead

---------------------------------------- */
/* SecHead
------------------------------- */


.SecList ul,
.SecList ol {
	margin: 10px 0;
}

/* #faq-list-menu
------------------------------- */

#faq-list-menu {
    margin: 50px 0;
    padding: 20px 30px 20px;
    width: 100%;
    border: 3px solid #e6e6e6;
}

#faq-list-menu .ttl {
	font-size: 142.9%;
    font-weight: bold;
    margin-bottom: 15px;
}


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

	#faq-list-menu {
    padding: 10px;
    margin: 30px 10px;
    border: 2px solid #e6e6e6;
    width: auto;

}


  }

  /* #pageLinkList02
------------------------------- */

.pageLinkList02 .ttl {
	font-size: 142.9%;
    font-weight: bold;
    margin-bottom: 15px;
}

.pageLinkList02 li {
    display: inline-block;
    width: calc(100% / 2);
    border-right: none;
    border-left: none;
    text-align: left;
    letter-spacing: normal;
    margin-bottom: 10px;
    font-size: 100%;

 }
 .pageLinkList02 {
 	margin-bottom: 0;
 }

.pageLinkList02 li a{
    justify-content: left!important;
	padding: 0 10px 0;
}

.pageLinkList02 li a:nth-child(3n) {
	margin-right:0px;
}


.pageLinkList02 li a:after {
    position: absolute;
    /* bottom: 0px; */
    top: 50%;
    margin-top: -12px;
    left: 0;
    display: block;
    margin-right: 10px;
    content: "\f105";
    font-weight: 400;
    font-family: FontAwesome;
    pointer-events: none;
    transform: rotate(0deg);
}



@media screen and (max-width:767px) {
	
	.pageLinkList02  li {
		margin-bottom:10px;
		width:calc(100% / 1);
		border-bottom:none;
		text-align: left;
		border-left:none;
		border-right:none;
		font-size: 92.4%;

	}

	.pageLinkList02 li a{
		width: 100%;
		margin-right:0px;
		border-bottom:none;
	}

	.pageLinkList02  li a:after {
	    top: 0;
	    bottom: 0;
	    margin-top: 0;
    }

    .pageLinkList02 .ttl {
	font-size: 114.3%;
	margin:0 10px;

}

  }


/* link_blank
------------------------------- */
a.blank {
	background:url(/files/img/common/icon_blank_window_01.png) no-repeat right center;
	background-size:12px auto;
	padding-right:15px;
	margin-right: 5px;
}

.link_blank li a {
	padding-right: 15px;
    background: url(../../img/common/icon_blank_window_01.png) no-repeat right center;
    background-size: 12px auto;
    margin-right: 5px;
    padding-left: 0!important;
   	text-decoration: underline!important;

}
.link_blank li a:hover {
	text-decoration: none!important;

}

.infoSecList .link_blank li a:after {
	content: none;

}

/* list_number02
------------------------------- */

.list_number02 {
    list-style: decimal;
    padding-left: 1.7em;
}


/* list_parentheses
------------------------------- */


.list_parentheses {
    list-style: decimal inside;
    padding-left: 1.4em;
}


ol.list_parentheses>li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -1.4em;
  
}
ol.list_parentheses>li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}



/* link_round
------------------------------- */


.list_round {
    list-style-type: disc;
}
.list_round li{
	  padding-left: 1em;
	  margin-left:18px;
}
#info .list_round li{
	  padding-left: 0;
	  margin-left:18px;
}

/* bookList01
------------------------------- */
.bookList01 {
	margin-right:-3px;
	padding:0 0 20px;
	letter-spacing:-.4em;
}

.bookList01 .article {
	display:inline-block;
	margin-top:10px;
	margin-right:25px;
	width:150px;
	vertical-align:top;
	letter-spacing:normal;
}

.bookList01.slickSlider {
	padding:0 30px;
}

.bookList01.slickSlider .article {
	margin-right:0;
	padding:0 5px;
}

.bookList01 .article:nth-child(4n) {
	margin-right:0;
}

.bookList01 .article a {
	display:block;
}

.bookList01 .article a:link,.bookList01 .article a:visited,.bookList01 .article a:hover,.bookList01 .article a:active {
	text-decoration:none;
}

.bookList01 .article .fig {
	position:relative;
	text-align:center;
	height: 0;
	padding-top: 142.757%;
	overflow: hidden;
}
.bookList01 .article .fig img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: inherit;
}
.bookList01 .article .fig.img_yoko,
.bookList01 .article .fig.img_noimage {
	background: url(../../img/common/bg_dotted_01.png) repeat;
}
.bookList01 .article .fig.img_noimage img {
	width: 58px;
	height: auto;
}

.bookList01 .article .fig:after {
	position:absolute;
	top:0;
	left:0;
	width:6em;
	background:transparent;
	color:transparent;
	text-align:center;
	font-size:85.8%;
	line-height:20px;
}

.bookList01 .article.catVoice .fig:after {
	background:#7a97f0;
	color:#fff;
	content:"音声";
}

.bookList01 .article.catEvent .fig:after {
	background:#ff9e49;
	color:#fff;
	content:"イベント";
}

.bookList01 .article.catGoods .fig:after {
	background:#42c982;
	color:#fff;
	content:"グッズ";
}

.bookList01 .articleFlag {
	margin-top:10px;
	letter-spacing:-.4em;
}

.bookList01 .articleFlag li {
	position:relative;
	display:inline-block;
	letter-spacing:normal;
	font-weight:700;
	font-size:11px;
	line-height:20px;
}

.bookList01 .articleFlag li.flagPointUp {
	padding:2px 5px 0;
	background:#fff332;
}

.bookList01 .articleFlag li.flagSale {
	padding:2px 12px 0 5px;
	background:#f84a4a;
	color:#fff;
}

.bookList01 .articleFlag li.flagSale:after {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:0;
	height:0;
	border-color:transparent #fff transparent transparent;
	border-style:solid;
	border-width:12px 6px 12px 0;
	content:"";
}

.bookList01 .title {
	margin-top:10px;
	font-weight:700;
	font-size:114.3%;
	line-height:1.5;
}

.bookList01 .price {
	font-weight:700;
}

.bookList01 .price span {
	font-weight:400;
}

.bookList01 .date {
	color:#999;
	font-weight:700;
	font-size:92.9%;
}

@media screen and (max-width:767px) {
	.bookList01 {
		margin:0 auto;
		padding:0 10px 30px;
	}
	
	.bookList01 .article {
		margin-top:10px;
		margin-right:10px;
		width:calc(33.333% - 10px);
		text-align:left;
	}
	
	.bookList01 .article:nth-child(4n) {
		margin-right:10px;
	}
	
	.bookList01 .article:nth-child(3n) {
		margin-right:0;
	}
	
	.bookList01 .article:first-child {
		margin-left:0;
	}
	
	.bookList01.slickSlider .article {
		margin-right:10px;
	}
	
	.bookList01 .article .fig:after {
		width:5em;
		font-size:12px;
		line-height:18px;
	}
	
	.bookList01 .article .fig img {
		width:100%;
		height:auto;
	}


	.bookList01 .article .fig.img_noimage img {
		width: 56%;
	}
	
	.bookList01 .articleFlag {
		margin-top:5px;
	}
	
	.bookList01 .articleFlag li {
		font-size:9px;
		line-height:14px;
	}
	
	.bookList01 .articleFlag li.flagPointUp {
		padding:1px 5px 0;
	}
	
	.bookList01 .articleFlag li.flagSale {
		padding:1px 12px 0 5px;
	}
	
	.bookList01 .articleFlag li.flagSale:after {
		border-width:8px 4px 8px 0;
	}
	
	.bookList01 .title {
		margin-bottom:4px;
		font-size:12px;
		line-height:1.4;
	}
	
	.bookList01 cite {
		font-size:12px;
	}
	
	.bookList01 .price {
		margin-bottom:4px;
		font-size:10px;
	}
	
	.bookList01 .price span {
		font-size:10px;
	}
	
	.bookList01 .date {
		font-size:10px;
	}
}

/* snsList01
------------------------------- */
.snsList01 ul {
	text-align:right;
	letter-spacing:-.4em;
}

.snsList01 ul li {
	display:inline-block;
	margin-left:2.1px;
	color:#fff;
	letter-spacing:normal;
	font-size:78.6%;
}

.snsList01 ul li a {
	display:block;
	padding:3px 20px 3px 45px;
}

.snsList01 ul li a:link,.snsList01 ul li a:visited,.snsList01 ul li a:hover,.snsList01 ul li a:active {
	color:#fff;
	text-decoration:none;
}

.snsList01 ul li.iconTw a {
	background:#1b95e0 url(../../img/common/btn_tw_01.png) no-repeat 10px 50%;
	background-size:24px auto;
}

.snsList01 ul li.iconFb a {
	background:#4267b2 url(../../img/common/btn_fb_01.png) no-repeat 10px 50%;
	background-size:24px auto;
}

.snsList01 ul li.iconHb a {
	background:#1a99ce url(../../img/common/btn_hb_01.png) no-repeat 10px 50%;
	background-size:24px auto;
}

.snsList01 ul li.iconLn a {
	background:#00b800 url(../../img/common/btn_line_01.png) no-repeat 10px 50%;
	background-size:24px auto;
}

#main .snsList01 h2 {
	margin:30px 0 25px;
	text-align:center;
	font-weight:700;
	font-size:114.3%;
}

#main .snsList01 ul {
	text-align:left;
}

#main .snsList01 ul li {
	margin-left:2.3px;
	width:calc(33.333333% - 3px);
	text-align:center;
	font-size:114.3%;
}

#main .snsList01 ul li.iconLn {
	display:none;
}

#main .snsList01 ul li a {
	padding:10px 20px 10px 45px;
}

#main .snsList01 ul li.iconTw a {
	background-position:35px 50%;
	background-size:35px auto;
}

#main .snsList01 ul li.iconFb a {
	background-position:35px 50%;
	background-size:35px auto;
}

#main .snsList01 ul li.iconHb a {
	background-position:35px 50%;
	background-size:35px auto;
}

#main .snsList01 ul li.iconLn a {
	background-position:35px 50%;
	background-size:28px auto;
}

@media screen and (max-width:767px) {
	.snsList01 {
		margin:0 5px 0 8px;
	}

	.snsList01 ul {
		margin-right: 2px;
	}
	
	.snsList01 ul li {
		margin-left:2px;
		font-size:10px;
	}
	
	.snsList01 ul li a {
		padding:3px 15px 1px 35px;
	}
	
	#main .snsList01 ul li {
		width:calc(25% - 3px);
		font-size:13px;
	}
	
	#main .snsList01 ul li.iconLn {
		display:inline-block;
		margin-right: -10px;
	}
	
	#main .snsList01 ul li a {
		padding:7px 2px 5px 25px;
	}
	
	#main .snsList01 ul li.iconTw a {
		background-position:4px 50%;
		background-size:24px auto;
	}
	
	#main .snsList01 ul li.iconFb a {
		background-position:4px 50%;
		background-size:24px auto;
	}
	
	#main .snsList01 ul li.iconHb a {
		background-position:4px 50%;
		background-size:24px auto;
	}
	
	#main .snsList01 ul li.iconLn a {
		background-position:4px 50%;
		background-size:24px auto;
	}
}

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

- Button Style

---------------------------------------- */
/* btnStyle00
------------------------------- */
.btnStyle00 {
	text-align:center;
}

.btnStyle00 a {
	position:relative;
	display:inline-block;
	width:320px;
	height:50px;
	border:1px solid #000;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:47px;
}

.btnStyle00 a.fa:before {
	padding-right:6px;
}

@media screen and (max-width:767px) {
	.btnStyle00 a {
		width:100%;
		height:42px;
		font-size:13px;
		line-height:39px;
	}
}

/* btnStyle01
------------------------------- */
.btnStyle01 {
	text-align:center;
	letter-spacing:normal;
}

.btnStyle01 a {
	position:relative;
	display:inline-block;
	width:320px;
	height:50px;
	border:1px solid #000;
	text-decoration:none;
	font-weight:700;
	font-size:15px;
	line-height:47px;
}

.btnStyle01 a:after {
	position:absolute;
	top:50%;
	right:9px;
	display:block;
	margin-top:-5px;
	width:16px;
	height:9px;
	background:url(../../img/common/icon_arrow_01.png) no-repeat;
	background-size:100% 100%;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle01 a {
		width:260px;
		height:42px;
		font-size:13px;
		line-height:39px;
	}
}

/* btnStyle01 404
------------------------------- */

.btn_404 {
    margin: 30px auto;
    text-align: center;
}
.btnStyle01_404 {
	margin-right: 16px;
}
.btn_404 > div {
	display: inline-block;
	vertical-align: middle;
}


@media screen and (max-width:767px) {
	.btnStyle01_404 {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.btn_404 {
	display: block;
}
}

/* btnStyle02
------------------------------- */
.btnStyle02 {
	text-align:right;
}

.btnStyle02 a {
	position:relative;
	display:inline-block;
	width:100px;
	height:27px;
	border:1px solid #000;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:25px;
}

.btnStyle02 a:after {
	position:absolute;
	top:9px;
	right:5px;
	display:block;
	width:10px;
	height:7px;
	background:url(../../img/common/icon_arrow_01.png) no-repeat;
	background-size:100% 100%;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle02 {
		text-align:center;
	}
	
	.btnStyle02 a {
		width:260px;
		height:42px;
		font-size:13px;
		line-height:39px;
	}
	
	.btnStyle02 a:after {
		position:absolute;
		top:50%;
		right:9px;
		margin-top:-5px;
		width:16px;
		height:9px;
	}
}

/* btnStyle03
------------------------------- */
.btnStyle03 {
	margin:55px auto;
	text-align:center;
}

.btnStyle03 a {
	position:relative;
	display:inline-block;
	padding:10px 0;
	width:50%;
	background:#00c8d6;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:107.2%;
}

.btnStyle03 a:after {
	position:absolute;
	top:50%;
	right:9px;
	display:block;
	margin-top:-5px;
	width:16px;
	height:9px;
	background:url(../../img/common/icon_arrow_02.png) no-repeat;
	background-size:100% 100%;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle03 {
		margin-top:30px 0;
	}
	
	.btnStyle03 a {
		padding:13px 0 10px;
		width:80%;
		font-size:13px;
	}
}

/* btnStyle04
------------------------------- */
.btnStyle04 {
	position:relative;
	top:-5px;
	float:right;
	text-align:right;
}

.btnStyle04 a {
	position:relative;
	display:inline-block;
	padding-right:20px;
	padding-left:10px;
	height:27px;
	border:1px solid #ccc;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:25px;
}

.btnStyle04 a:after {
	position:absolute;
	top:9px;
	right:5px;
	display:block;
	width:10px;
	height:7px;
	background:url(../../img/common/icon_arrow_01.png) no-repeat;
	background-size:100% 100%;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle04 {
		top:-2px;
		text-align:center;
	}
	
	.btnStyle04 a {
		padding-right:22px;
		height:26px;
		font-size:10px;
		line-height:26px;
	}
	
	.btnStyle04 a:after {
		position:absolute;
		top:50%;
		right:6px;
		margin-top:-3px;
	}
}

/* btnStyle05
------------------------------- */
.btnStyle05 {
	text-align:center;
}

.btnStyle05 a {
	position:relative;
	display:block;
	width:90%;
	background:#000;
	color:#fff;
	text-decoration:none;
	font-weight:400;
	font-size:15px;
	line-height:40px;
}

.btnStyle05 a:after {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-3px;
	width:12px;
	height:8px;
	background:url(../../img/common/icon_arrow_02.png) no-repeat left center;
	background-size:12px auto;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle05 a {
		width:100%;
		font-size:13px;
		line-height:40px;
	}
}

/* btnStyle05
------------------------------- */
.btnStyle05_info {
	text-align:center;
}

.btnStyle05_info a {
	width:600px;
	display: inline-block;
}


@media screen and (max-width:767px) {
	.btnStyle05_info a {
		width:290px;
	}
}

/* btnStyle06
------------------------------- */
.btnStyle06 {
	text-align:center;
}

.btnStyle06 a {
	position:relative;
	display:inline-block;
	margin:20px 0;
	width:50%;
	height:50px;
	border:1px solid #000;
	text-decoration:none;
	letter-spacing:normal;
	font-weight:700;
	font-size:15px;
	line-height:47px;
}

.btnStyle06 a:before {
	position:absolute;
	top:0;
	left:2em;
	display:block;
	content:"\f105";
	font-size:128.6%;
	font-family:FontAwesome;
	pointer-events:none;
}

@media screen and (max-width:767px) {
	.btnStyle06 a {
		margin-bottom:10px;
		width:80%;
		height:42px;
		font-size:13px;
	}
	
	.btnStyle06 a:before {
		top:2px;
		left:1.25em;
		height:40px;
		font-size:13px;
		line-height:40px;
	}
}

/* btnStyle07
------------------------------- */
.btnStyle07 a {
	position:relative;
	display:inline-block;
	padding:0 25px 0 15px;
	width:auto;
	height:27px;
	border:1px solid #e6e6e6;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:25px;
}

.btnStyle07 a:after {
	position:absolute;
	top:9px;
	right:5px;
	display:block;
	width:10px;
	height:7px;
	background:url(../../img/common/icon_arrow_01.png) no-repeat;
	background-size:100% 100%;
	content:"";
}

@media screen and (max-width:767px) {
	.btnStyle07 {
		text-align:center;
	}
	
	.btnStyle07 a {
		padding:0 35px 0 15px;
		height:42px;
		font-size:13px;
		line-height:39px;
	}
	
	.btnStyle07 a:after {
		position:absolute;
		top:50%;
		right:9px;
		margin-top:-5px;
		width:16px;
		height:9px;
	}
}


/* btnStyle08
------------------------------- */

.btnStyle08 {
	text-align: center;
	display: inline-block;
}

.btnStyle08 a {
	position:relative;
	display:block;
	width:370px;
	height:50px;
	padding:0 20px 0 0;
	border:1px solid #000;
	text-decoration:none;
	font-weight: bold;
	font-size:15px;
	line-height:47px;
}

.btnStyle08 a:after {
	position:absolute;
	top: 50%;
	margin-top:-4px;
	right:15px;
	display:block;
	content: "\f24d";
	font-family: "FontAwesome";
	font-weight: normal;
	width: 10px;
	height: 8px;
	line-height: 10px;
}

@media screen and (max-width:767px) {
	.btnStyle08 {
		text-align:center;
	}
	
	.btnStyle08 a {
		width: 290px;
	    height: 42px;
	    font-size: 13px;
	    line-height: 39px;
}
	
	.btnStyle08 a:after {
		position:absolute;
		top:50%;
		right:7px;
		margin-top:-5px;
		height:9px;
	}
}


/* btnStyle09
------------------------------- */

.btnStyle09 a {
  position:relative;
  padding: 15px 15px 15px 20px;
}

.btnStyle09 a:after {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -5px;
    width: 16px;
    height: 9px;
    background: url(../../img/common/icon_arrow_03.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    }

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

  .btnStyle09 a{
      min-width: 120px;
      padding: 15px 15px 15px 20px;

}

}

/* btnStyle10
------------------------------- */

.btnStyle10 {
	text-align: center;
	display: inline-block;
}

.btnStyle10 a {
	position:relative;
	display:block;
	width:370px;
	height:50px;
	border:1px solid #000;
	text-decoration:none;
	font-weight: bold;
	font-size:15px;
	line-height:47px;
}

.btnStyle10 a:after {
	font-weight: normal;
	line-height: 10px;

	position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -5px;
    width: 16px;
    height: 9px;
    background: url(../../img/common/icon_arrow_03.png) no-repeat;
    background-size: 100% 100%;
    content: "";
}

@media screen and (max-width:767px) {
	.btnStyle10 {
		text-align:center;
	}
	
	.btnStyle10 a {
		width: 200px;
	    height: 42px;
	    font-size: 13px;
	    line-height: 39px;
}
	
	.btnStyle10 a:after {
		position:absolute;
	}
}



/* btnFollow
------------------------------- */
.btnFollow {
	letter-spacing:-.4em;
}

.btnFollow li {
	margin-bottom:10px;
	letter-spacing:normal;
	font-size:128.6%;
}

.btnFollow li input[type="checkbox"] {
	display:none;
}

.btnFollow li span:after {
	position:relative;
	top:-2px;
	left:-5px;
	display:inline-block;
	padding:1px 10px 2px 20px;
	border:1px solid #ccc;
	background:url(../../img/common/icon_plus_gray.png) no-repeat 8px 6px;
	background-size:10px auto;
	content:"フォローする";
	font-weight:700;
	font-size:66.7%;
}

.btnFollow li input[type="checkbox"]:checked ~ span:after {
	background:url(../../img/common/icon_check_blue.png) no-repeat 8px 6px;
	background-size:10px auto;
	content:"フォロー中";
}

@media screen and (max-width:767px) {
	.btnFollow {
		text-align:center;
	}
	
	.btnFollow li {
		margin-bottom:5px;
		padding:0 10px;
		font-size:14px;
	}
	
	.btnFollow li span:after {
		padding-top:3px;
		font-size:10px;
		background-position-y:4px;
	}
	
	.btnFollow li input[type="checkbox"]:checked ~ span:after {
		background-position-y:4px;
	}
}

/* btnsPurchase
------------------------------- */
.btnsPurchase {
	margin-top:12px;
	letter-spacing:-.4em;
}

.btnsPurchase li {
	display:inline-block;
	width:248px;
	letter-spacing:normal;
}

.btnsPurchase li:nth-child(even) {
	margin-left:2px;
}

.btnsPurchase li a {
	display:block;
	padding:10px 15px;
	text-align:center;
}

.btnsPurchase li.btnGp a {
	background:#00c3d1 url(../../img/common/icon_arrow_02.png) no-repeat 95% 50%;
	background-size:12px auto;
}

.btnsPurchase li.btnGp a:link,.btnsPurchase li.btnGp a:visited,.btnsPurchase li.btnGp a:hover,.btnsPurchase li.btnGp a:active {
	color:#fff;
}

.btnsPurchase li.btnAz a {
	background:#ffbe5d url(../../img/common/icon_blank_window_01.png) no-repeat 95% 50%;
	background-size:12px auto;
}

.btnsPurchase li a:link,.btnsPurchase li a:visited,.btnsPurchase li a:hover,.btnsPurchase li a:active {
	text-decoration:none;
}

.btnsPurchase li.btnBr a {
	background:#00c3d1 url(../../img/common/icon_arrow_02.png) no-repeat 95% 50%;
	background-size:12px auto;
}

.btnsPurchase li.btnBr a:link,.btnsPurchase li.btnBr a:visited,.btnsPurchase li.btnBr a:hover,.btnsPurchase li.btnBr a:active {
	color:#fff;
}

.btnsPurchase li.btnLp a {
	background:#f84a4a url(../../img/common/icon_arrow_02.png) no-repeat 95% 50%;
	background-size:12px auto;
}

.btnsPurchase li.btnLp a:link,.btnsPurchase li.btnLp a:visited,.btnsPurchase li.btnLp a:hover,.btnsPurchase li.btnLp a:active {
	color:#fff;
}

@media screen and (max-width:767px) {
	.btnsPurchase {
		float:right;
		margin-top:12px;
		width:65%;
		letter-spacing:normal;
	}
	
	.btnsPurchase li {
		display:block;
		margin-bottom:5px;
		width:95%;
		font-size:13px;
	}
	
	.btnsPurchase li:nth-child(even) {
		margin-left:0;
	}
	
	.btnsPurchase li a {
		padding:8px 18px 8px 10px;
	}
}

/* btnWish
------------------------------- */
.btnWish {
	position:relative;
	display:block;
	margin-bottom:10px;
	width:45%;
}

.btnWish span:before {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-4.5rem;
	content:"\f004";
	font-family:'FontAwesome';
}

.btnWish input[type="checkbox"] {
	display:none;
}

.btnWish span:hover {
	opacity:.6;
}

.btnWish span:after {
	position:relative;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	border:1px solid #262626;
	content:"欲しい商品に追加";
	text-align:center;
	text-indent:1em;
	font-weight:700;
	font-size:107.2%;
	line-height:48px;
}

.btnWish input[type="checkbox"]:checked ~ span:after {
	content:"欲しい商品に追加済み";
}

.btnWish input[type="checkbox"]:checked ~ span:before {
	margin-left:-5.45rem;
}

@media screen and (max-width:767px) {
	.btnWish {
		margin-bottom:5px;
	}
	
	.btnWish span:after {
		font-size:14px;
		line-height:46px;
	}
}

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

.pager

---------------------------------------- */
.pager {
	clear:both;
	margin-bottom: 20px;
}

.pager ul {
	text-align:center;
	letter-spacing:-.4em;
}

.pager ul li {
	display:inline-block;
	margin:0 10px;
	vertical-align:top;
	letter-spacing:normal;
	font-size:114.3%;
}

.pager ul li.isCurrent {
	font-weight:700;
}

.pager ul li a {
	position:relative;
	display:block;
	padding:10px;
}

.pager ul li a:link,.pager ul li a:visited,.pager ul li a:hover,.pager ul li a:active {
	color:#999;
	text-decoration:none;
}

.pager ul li.isCurrent a {
	color:#000;
}

.pager ul li a:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:#000;
	content:'';
	transition:transform .3s;
	transform:scale(0,1);
	transform-origin:left top;
}

.pager ul li a:hover {
	color:#333;
	opacity:1;
}

.pager ul li a:hover:after {
	transform:scale(1,1);
}

.pager ul li.isCurrent a:after {
	transform:scale(1,1)!important;
}

.pager ul li.previous,.pager ul li.next {
	position:relative;
	width:2em;
	color:#999;
}

.pager ul li.previous:after,.pager ul li.next:after {
	position:absolute;
	top:6px;
	left:12px;
	display:block;
	content:"\f105";
	font-size:128.6%;
	font-family:FontAwesome;
	pointer-events:none;
}

.pager ul li.previous:after {
	left:10px;
	transform:rotate(180deg);
}

.pager ul li.previous span,.pager ul li.next span {
	display:none;
}

.pager ul li.previous a,.pager ul li.next a {
	height:3em;
	pointer-events:all;
}

.pager ul li.previous:hover:after,.pager ul li.next:hover:after {
	color:#000;
}

.pager ul li.previous a:hover:after,.pager ul li.next a:hover:after {
	transform:scale(0);
}

@media screen and (max-width:767px) {
	.pager ul li {
		margin:0 5px;
		font-size:16px;
	}
	
	.pager ul li a {
		padding:5px;
	}
	
	.pager ul li.previous:after,.pager ul li.next:after {
		top:1px;
		font-size:22px;
	}
}

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

headSorter

---------------------------------------- */
.headSorter {
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid #000;
	text-align:right;
}

.headSorter label {
	display:inline-block;
	margin-left:20px;
	cursor:default;
}

.headSorter .sorterSelect {
	position:relative;
	display:inline-block;
	margin-left:10px;
	border:1px solid #ccc;
	border-radius:2px;
	background:#fff;
}

.headSorter .sorterSelect::before {
	position:absolute;
	top:.9em;
	right:.9em;
	padding:0;
	width:0;
	height:0;
	border-top:6px solid #666;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	content:'';
	pointer-events:none;
}

.headSorter select {
	display:inline-block;
	margin-left:10px;
	padding:4px 24px 4px 4px;
	outline:none;
	border:none;
	background:transparent;
	background-image:none;
	box-shadow:none;
	color:#000;
	text-indent:.01px;
	text-overflow:ellipsis;
	font-weight:400;
	font-size:14px;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
}

.headSorter select::-ms-expand {
	display:none;
}

@media screen and (max-width:767px) {
	.headSorter {
		margin:0 10px 20px;
		padding-bottom:5px;
	}
	
	.headSorter label {
		margin-left:0;
	}
	
	.headSorter label span {
		display:none;
	}
	
	.headSorter .sorterSelect {
		margin-bottom:10px;
	}
	
	.headSorter .sorterSelect::before {
		top:.6em;
		right:.6em;
	}
	
	.headSorter select {
		margin-left:5px;
		padding:4px 15px 2px 4px;
		font-size:12px;
	}
}

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

searchTotalNum

---------------------------------------- */
.searchTotalNum {
	position:absolute;
	font-weight:700;
	font-size:114.3%;
}

.searchTotalNum span {
	padding:0 4px;
	font-size:125%;
}

@media screen and (max-width:767px) {
	.searchTotalNum {
	margin-right: 5px;
    font-size: 100%;
}
}

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

detailSearchBox

---------------------------------------- */
.detailSearchBox {
	position:relative;
	margin-top:60px;
	padding:20px 20px 30px;
	background:url(../../img/common/bg_dotted_01.png) repeat left top;
}

.detailSearchBox h3 {
	margin-bottom:15px;
	font-weight:700;
	font-size:142.9%;
}

.detailSearchBox h3:before {
	position:relative;
	top:-1px;
	padding-right:8px;
}

.detailSearchBox dl {
	display:table;
	width:100%;
	border-bottom:1px solid #e6e6e6;
	background:#fff;
}

.detailSearchBox dl:first-child {
	padding-top:3px;
}

.periodSearch.detailSearchBox dl {
	display:block;
	padding:15px 20px 14px;
	border-bottom:none;
}

.periodSearch.detailSearchBox dl:first-child {
}

.periodSearch.detailSearchBox dl:nth-child(2) {
}

.detailSearchBox dl.lastChild {
	clear:both;
	padding-bottom:3px;
	border-bottom:none;
}

.periodSearch.detailSearchBox dl.lastChild {
	padding-top:10px;
	padding-bottom:15px;
	border-top:1px solid #e6e6e6;
}

.periodSearch.detailSearchBox dl.lastChild02 {
	margin-bottom:20px;
}

.detailSearchBox dl dt {
	display:table-cell;
	padding-left:15px;
	width:9em;
	vertical-align:middle;
	font-weight:700;
}

.periodSearch.detailSearchBox dl dt {
	display:block;
	margin-bottom:5px;
	padding-left:0;
	width:auto;
}

.detailSearchBox dl dd {
	display:table-cell;
	padding:10px 20px 10px 10px;
	vertical-align:middle;
}

.periodSearch.detailSearchBox dl dd {
	position:relative;
	display:block;
	padding:0;
	width:auto;
}

.periodSearch.detailSearchBox dl dd .fa {
	position:absolute;
	top:10px;
	margin-left:-34px;
	pointer-events:none;
}

.detailSearchBox dd input[type="text"] {
	display:inline-block;
	margin:0 10px;
	padding:4px;
	width:100%;
	border:1px solid #ccc;
	line-height:24px;
}

.detailSearchBox dd input[type="text"]:first-child {

	margin-left:0;
}

.periodSearch.detailSearchBox dl:nth-child(2) dd input[type="text"] {
	width:43%;
}

.detailSearchBox dl:first-child dd div {
	margin-bottom:10px;
}

.detailSearchBox dl:first-child dd label {
	display:inline-block;
	margin-right:20px;
}

.detailSearchBox dl:first-child dd input[type="checkbox"] {
	display:inline-block;
	margin-right:8px;
}

.detailSearchBox dd.selectDd {
	position:relative;
	display:inline-block;
	margin:10px 20px 10px 10px;
	padding:0;
	border:1px solid #ccc;
	border-radius:2px;
	background:#fff;
}

.periodSearch.detailSearchBox dl dd.selectDd {
	margin:0;
}

.detailSearchBox dd.selectDd::before {
	position:absolute;
	top:.9em;
	right:.9em;
	padding:0;
	width:0;
	height:0;
	border-top:6px solid #666;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	content:'';
	pointer-events:none;
}

.detailSearchBox dd.selectDd select {
	display:inline-block;
	margin-left:10px;
	padding:4px 40px 4px 4px;
	width:18em;
	outline:none;
	border:none;
	background:transparent;
	background-image:none;
	box-shadow:none;
	color:#000;
	text-indent:.01px;
	text-overflow:ellipsis;
	font-weight:400;
	font-size:14px;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
}

.detailSearchBox dd.selectDd select::-ms-expand {
	display:none;
}

.detailSearchBox .btnForm01.btnSearch {
	margin-top:30px;
}

.detailSearchBox .btnReset {
	position:absolute;
	right:20px;
	bottom:40px;
}

.detailSearchBox .btnReset button {
	padding:0 15px;
	border:1px solid #ccc;
	background:#fff;
	font-weight:700;
	font-size:85.8%;
	line-height:28px;
}

.detailSearchBox .btnReset button:before {
	padding-right:8px;
	color:#999;
	font-weight:400;
}

@media screen and (max-width:767px) {
	.btnDetailSearchSp {
		margin:-65px 10px 42px;
		text-align:right;
	}
	
	.btnDetailSearchSp a {
		display:inline-block;
		width:auto;
		padding: 0 8px;
		border:1px solid #ccc;
		text-align:center;
		text-decoration:none;
		font-size:12px;
		line-height:22px;
	}
	
	.detailSearchBox {
		margin:-10px -20px 0;
		margin-top:0;
		padding:0;
		background:none;
	}
	
	.detailSearchBox h3 {
		text-align:center;
		font-size:16px;
	}
	
	.detailSearchBox h3.fa {
		display:block;
	}
	
	.detailSearchBox dl {
		display:block;
		width:100%;
		border-top:none;
		border-right:1px solid #e6e6e6;
		border-bottom:none;
		border-left:1px solid #e6e6e6;
		background:#fff;
	}
	
	.periodSearch.detailSearchBox dl {
		padding:15px 15px 0;
	}
	
	.detailSearchBox dl:first-child {
		padding-top:10px;
		border-top:1px solid #e6e6e6;
	}
	
	.periodSearch.detailSearchBox dl:first-child {
		float:none;
		padding:15px 15px 0;
		width:100%;
	}
	
	.detailSearchBox dl.lastChild {
		padding-top:0;
		border-bottom:1px solid #e6e6e6;
	}
	
	.periodSearch.detailSearchBox dl.lastChild {
		padding-top:10px;
		border-top:none;
	}
	
	.periodSearch.detailSearchBox dl.lastChild02 {
		padding-bottom:15px;
		border-bottom:1px solid #e6e6e6;
	}
	
	.detailSearchBox dl dt {
		display:block;
		padding-left:15px;
		width:auto;
	}
	
	.detailSearchBox dl dd {
		display:block;
		padding:5px 10px 10px 15px;
	}
	
	.periodSearch.detailSearchBox dl dd {
		position:relative;
		padding:0;
	}
	
	.detailSearchBox dl:first-child dd label {
		margin-right:10px;
		margin-bottom:5px;
	}
	
	.detailSearchBox dl:first-child dd input[type="checkbox"] {
		margin-right:4px;
	}
	
	.periodSearch.detailSearchBox dl dd .fa {
		position:absolute;
		top:auto;
		margin-top:7px;
		margin-left:-1.75em;
		pointer-events:none;
	}
	
	.detailSearchBox dd input[type="text"] {
		display:inline-block;
		margin:0 5px;
		padding:2px;
		border:1px solid #ccc;
		font-size:14px;
		line-height:20px;
	}
	
	.periodSearch.detailSearchBox dd input[type="text"] {
		margin-bottom:5px;
		margin-left:0;
	}
	
	.detailSearchBox dd input[type="text"]:first-child {
		margin-bottom: 13px;
		margin-left:0;
	}
	
	.detailSearchBox dd.selectDd {
		margin:5px 10px 15px 15px;
		width:calc(100% - 25px);
	}
	
	.detailSearchBox dd.selectDd::before {
		top:.8em;
		right:.8em;
	}
	
	.detailSearchBox dd.selectDd select {
		display:inline-block;
		margin-left:5px;
		padding:4px 35px 4px 4px;
		width:100%;
		font-weight:400;
		font-size:16px;
	}
	
	.periodSearch.detailSearchBox dl:nth-child(2) dd input[type="text"] {
		width:85%;
	}
	
	.detailSearchBox .btnForm01.btnSearch {
		margin-top:20px;
		width:50%;
	}
	
	.detailSearchBox .btnReset {
		position:static;
		right:auto;
		bottom:auto;
		margin:10px auto -10px;
		text-align:center;
	}
	
	.detailSearchBox .btnReset button {
		padding:0 12px;
		border:1px solid #000;
		background:#fff;
		font-weight:700;
		font-size:12px;
		line-height:24px;
	}
	
	.detailSearchBox .btnReset button:before {
		padding-right:8px;
		color:#999;
		font-weight:400;
	}
}

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

linkPageTop

---------------------------------------- */
.linkPageTop {
	text-align:right;
	font-weight:700;
}

.linkPageTop a {
	position:relative;
	display:inline-block;
	padding-left:12px;
}

.linkPageTop a:after {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"\f105";
	font-size:14px;
	font-family:FontAwesome;
	transform:rotate(-90deg);
	pointer-events:none;
}

.linkPageTop a:link,.linkPageTop a:visited,.linkPageTop a:hover,.linkPageTop a:active {
	text-decoration:none;
}

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

slick

---------------------------------------- */
/* Slider */
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}

.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}

.slick-list:focus {
	outline:none;
}

.slick-list.dragging {
	cursor:pointer;
	cursor:hand;
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
}

.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.slick-track:before,.slick-track:after {
	display:table;
	content:'';
}

.slick-track:after {
	clear:both;
}

.slick-loading .slick-track {
	visibility:hidden;
}

.slick-slide {
	float:left;
	display:none;
	height:100%;
	min-height:1px;
}

[dir='rtl'] .slick-slide {
	float:right;
}

.slick-slide img {
	display:block;
}

.slick-slide.slick-loading img {
	display:none;
}

.slick-slide.dragging img {
	pointer-events:none;
}

.slick-initialized .slick-slide {
	display:block;
}

.slick-loading .slick-slide {
	visibility:hidden;
}

.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent;
}

.slick-arrow.slick-hidden {
	display:none;
}

/* slick-slider
================================= */
.slick-prev,.slick-next {
	position:absolute;
	top:32%;
	z-index:9;
	display:block;
	padding:0;
	width:25px;
	height:35px;
	outline:none;
	border:none;
	background:transparent;
	color:transparent;
	font-size:0;
	line-height:0;
	cursor:pointer;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	transform:scaleY(1.4);
	-ms-transform:translate(0,-50%);
}

.slick-prev {
	left:5px;
}

[dir='rtl'] .slick-prev {
	right:5px;
	left:auto;
}

.slick-next {
	right:5px;
}

[dir='rtl'] .slick-next {
	right:auto;
	left:5px;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
	outline:none;
	background:transparent;
	color:transparent;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
	opacity:1;
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
	opacity:.25;
}

.slick-prev:before,.slick-next:before {
	position:absolute;
	top:0;
	left:5px;
	display:block;
	color:#505050;
	content:"\f105";
	font-weight:400;
	font-size:30px;
	font-family:FontAwesome;
	line-height:1.1;
	pointer-events:none;
}

.slick-prev:before {
	transform:rotate(180deg);
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom:0;
}

.slick-dots {
	position:absolute;
	bottom:-65px;
	width:100%;
	text-align:center;
	letter-spacing:-.4em;
}

@media screen and (max-width:767px) {
	.slick-dots {
		bottom:-6vh;
	}
}

.slick-dots li {
	position:relative;
	display:inline-block;
	padding:0 12px;
	letter-spacing:normal;
	cursor:pointer;
}

.slick-dots li button {
	display:block;
	width:0;
	height:0;
	outline:none;
	border:0;
	background:transparent;
	color:transparent;
	font-size:0;
	line-height:0;
	cursor:pointer;
}

.slick-dots li button:hover,.slick-dots li button:focus {
	outline:none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
	opacity:1;
}

.slick-dots li button:before {
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:15px;
	color:#000;
	content:'●';
	text-align:center;
	font-size:15px;
	line-height:15px;
	opacity:.25;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.slick-dots li.slick-active button:before {
	color:#000;
	opacity:.75;
}

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

- Table

---------------------------------------- */
/* basicTable01
------------------------------- */
.basicTable01 {
	width:100%;
	border-collapse:separate;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	empty-cells:show;
	border-spacing:0;
}

.basicTable01 th {
	position:relative;
	padding:10px 5px;
	border:1px solid #e6e6e6;
	border-right:none;
	border-bottom:none;
	background:#f7f7f7;
	vertical-align:middle;
	text-align:left;
	text-align:center;
	font-weight:700;
	font-size:107.2%;
}

.basicTable01 td {
	padding:10px 5px;
	border:1px solid #e6e6e6;
	border-right:none;
	border-bottom:none;
	vertical-align:middle;
	text-align:center;
}

@media screen and (max-width:767px) {
	.basicTable01 {
		margin:0 10px -20px;
		width:calc(100% - 20px);
		border-right:none;
		border-bottom:none;
	}
	
	.basicTable01 thead {
		display:none;
	}
	
	.basicTable01 tr {
		position:relative;
		display:block;
		margin-bottom:20px;
		border-right:1px solid #e6e6e6;
		border-bottom:1px solid #e6e6e6;
	}
	
	.basicTable01 td {
		position:relative;
		display:block;
		overflow:hidden;
		margin-top:-1px;
		padding:10px 10px 10px calc(45% + 10px);
		width:100%;
		border:1px solid #e6e6e6;
		border-bottom:none;
		background:#f7f7f7;
		background:linear-gradient(90deg,#f7f7f7 0%,#f7f7f7 45%,#fff 45%,#fff 100%);
		text-align:right;
	}
	
	.basicTable01 td:before {
		position:absolute;
		left:0;
		width:40%;
		content:attr(data-head);
		text-align:right;
	}
}


/* tbl
------------------------------- */
.tbl01 {
	width: 100%;
	margin-bottom: 20px;
}
.tbl01 th,
.tbl01 td {
	padding: 13px 15px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.tbl01 th {
	background-color: #eee;
	font-weight: 700;
}
@media screen and (max-width:767px){
	.tbl01 th {
		padding-top: 11px;
		padding-bottom: 10px;
	}
}

/* col
------------------------------- */
.colW05 { width: 5%;}
.colW08 { width: 8%;}
.colW09 { width: 9%;}
.colW10 { width: 10%;}
.colW11 { width: 11%;}
.colW12 { width: 12%;}
.colW13 { width: 13%;}
.colW14 { width: 14%;}
.colW15 { width: 15%;}
.colW18 { width: 18%;}
.colW20 { width: 20%;}
.colW21 { width: 21%;}
.colW22 { width: 22%;}
.colW25 { width: 25%;}
.colW28 { width: 28%;}
.colW29 { width: 29%;}
.colW30 { width: 30%;}
.colW35 { width: 35%;}
.colW40 { width: 40%;}
.colW45 { width: 45%;}
.colW50 { width: 50%;}
.colW60 { width: 60%;}
.colW70 { width: 70%;}


/* formTable01
------------------------------- */
.formTable01 {
	width:100%;
	border-collapse:separate;
	border-bottom:1px solid #e6e6e6;
	empty-cells:show;
	border-spacing:0;
}

.formTable01 th {
	position:relative;
	padding:15px 50px 15px 15px;
	width:25%;
	border:1px solid #e6e6e6;
	border-right:none;
	border-bottom:none;
	background:#f7f7f7;
	vertical-align:top;
	text-align:left;
	font-weight:700;
	font-size:107.2%;
}

.formTable01 th .required {
	position:absolute;
	top:18px;
	right:15px;
	display:inline-block;
	padding:0 4px;
	background:#f84a4a;
	color:#fff;
	font-weight:400;
	font-size:86.7%;
	line-height:22px;
}

.formTable01 td {
	padding:15px;
	border:1px solid #e6e6e6;
	border-bottom:none;
	vertical-align:top;
	text-align:left;
}

.formTable01 td .formBlock01 {
	display:block;
	margin-bottom:10px;
}

.formTable01 td .formBlock01:last-child {
	margin-bottom:0;
}

.formTable01 td input,.formTable01 td textarea {
	padding:3px 5px;
	border:1px solid #ccc;
}

.formTable01 td .inputLabelZip input,.formTable01 td .selectLabelPref ~ select {
	display:inline-block;
	margin-left:15px;
}

.formTable01 td label + label {
	display:inline-block;
	margin-left:15px;
}

.formTable01 td label select,.formTable01 td label input {
	display:inline-block;
	margin-right:5px;
}

.formTable01 td .textExample01 {
	color:#666;
}

.formTable01 td p.textExample01 {
	margin-top:8px;
}

.formTable01 td .error {
	color:#f84a4a;
}

@media screen and (max-width:767px) {
	.formTable01 {
		margin:0 10px;
		width:calc(100% - 20px);
	}
	
	.formTable01 tr {
		display:block;
		width:100%;
	}
	
	.formTable01 th {
		display:block;
		padding:10px 50px 10px 10px;
		width:auto;
		border-right:1px solid #e6e6e6;
		border-bottom:none;
	}
	
	.formTable01 th .required {
		top:50%;
		right:10px;
		margin-top:-10px;
		font-size:12px;
	}
	
	.formTable01 td {
		display:block;
		padding:10px;
		width:auto;
		border-bottom:none;
	}
	
	.formTable01 tr:last-child td {
		border-bottom:none;
	}
	
	.formTable01 td .formBlock01 {
		display:block;
		margin-bottom:10px;
	}
	
	.formTable01 td .formBlock01:last-child {
		margin-bottom:0;
	}
	
	.formTable01 td input {
		margin:3px 0;
	}

	.formTable01 td textarea {
		display:block;
		margin:3px 0;
	}
	
	.formTable01 td .inputLabelZip input,.formTable01 td .selectLabelPref ~ select {
		display:block;
		margin:3px 0;
	}

	.formTable01 td select[name="prefecture"] {
		min-width: 11em;
		margin-top: 3px !important;
	}
	
	.formTable01 td p.textExample01 {
		margin-top:8px;
	}
}

/* btnForm
------------------------------- */
.btnForm01 {
	margin:60px auto 0;
	width:33.333%;
}

.btnForm01.btnLogin {
	margin:30px auto 0;
	width:80%;
}

.btnForm01 button {
	display:block;
	padding:0 20px;
	width:100%;
	text-align:center;
	font-weight:700;
	font-size:107.2%;
	line-height:50px;
}

.btnForm01.btnSubmit,.btnForm01.btnCart,.btnForm01.btnRead,.btnForm01.btnEnd, .btnForm01.btnPre{
	width:45%;
}

.btnForm01.btnWish {
	border:1px solid #262626;
}

.btnForm01.btnDelete {
	border:1px solid #262626;
}

.btnForm01.btnConfirm button,.btnForm01.btnLogin button,.btnForm01.btnSearch button {
	background:#000;
	color:#fff;
}

.btnForm01.btnWish button {
	line-height:48px;
}

.btnForm01.btnDelete button {
	line-height:48px;
}

.btnForm01.btnCart button:before,.btnForm01.btnWish button:before,.btnForm01.btnRead button:before,.btnForm01.btnDelete button:before {
	padding-right:6px;
}

.btnForm01.btnWish button:before {
	font-size:12px;
}

.btnForm01 button.isDisable {
	background:#ccc;
	opacity:1;
}

.btnForm01 button.isDisable:hover {
	opacity:1;
	cursor:default;
}
#contact .btnForm01 button.isDisable {
	background:#ccc;
}

#contact .btnForm01 button.isDisable:hover {
	opacity:0.6;
}

.storeDetailInfo .btnEnd .isDisable,.storeDetailInfo .btnPre .isDisable {
	color:#fff;
}
.storeDetail .btnEnd .isDisable,.storeDetail .btnPre .isDisable {
	color:#fff;
}

.btnForm01.btnSubmit button,.btnForm01.btnCart button {
	background:#f84a4a;
	color:#fff;
}

.btnForm01.btnRead button {
	background:#00c8d6;
	color:#fff;
}

.btnForm02.btnModifi {
	position:absolute;
	bottom:5px;
}

.btnForm02.btnContinue {
	position:absolute;
	bottom:5px;
}

.btnForm02.btnBack {
	margin-top:40px;
}

.btnForm02 a {
	position:relative;
	display:block;
	border:1px solid #ccc;
	text-align:center;
	line-height:35px;
}

.btnForm02.btnModifi a {
	width:10em;
}

.btnForm02.btnContinue a {
	width:12em;
}

.btnForm02.btnBack a {
	margin:0 auto;
	width:25%;
}

.btnForm02 a:link,.btnForm02 a:visited,.btnForm02 a:hover,.btnForm02 a:active {
	text-decoration:none;
}

.btnForm02.btnModifi a:after,.btnForm02.btnBack a:after,.btnForm02.btnContinue a:after {
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-5px;
	width:12px;
	height:10px;
	background:url(../../img/common/icon_arrow_01.png) no-repeat left center;
	background-size:12px auto;
	content:"";
	transform:scale(-1,1);
}

.btnForm03 {
	display:inline-block;
	margin-top:5px;
}

.btnForm03 button {
	padding:0 5px;
	border:1px solid #ccc;
	text-align:center;
	font-size:85.8%;
	line-height:24px;
}

.btnForm03.btnDelete button {
	width:5em;
}

.btnForm03.btnRecal button,.btnForm03.btnEmpty button {
	width:8em;
}

@media screen and (max-width:767px) {
	.btnForm01 {
		margin:30px auto 0;
	}
	
	.btnForm01 button {
		width:100%;
		font-size:14px;
		line-height:48px;
	}
	
	.btnForm01.btnLogin {
		width:100%;
	}
	
	.btnForm01.btnConfirm {
		width:80%;
	}
	
	.btnForm01.btnSubmit,.btnForm01.btnCart,.btnForm01.btnWish,.btnForm01.btnRead {
		margin-top:15px;
		width:80%;
	}
	
	.btnForm02.btnModifi {
		position:static;
		bottom:0;
		margin-top:20px;
	}
	
	.btnForm02.btnContinue {
		position:static;
		bottom:0;
		margin-top:20px;
	}
	
	.btnForm02.btnBack {
		margin-top:40px;
	}
	
	.btnForm02 a {
		margin:0 auto;
		padding-top:2px;
		width:80%;
		line-height:28px;
	}
	
	.btnForm02.btnBack a {
		width:80%;
	}
}

/* form parts
------------------------------- */
.formTitle01 {
	margin-bottom:30px;
	border-bottom:1px solid #000;
	font-weight:700;
	font-size:157.2%;
	line-height:1.8;
}

.textLeft {
	text-align:left!important;
}

.textCenter {
	text-align:center!important;
}

.textRight {
	text-align:right!important;
}

.textComp {
	margin-top:30px;
	text-align:center;
}

.textStyle01 {
	margin-bottom:8px;
}

.textStyle02 {
	margin:10px 0 20px;
	font-size:114.3%;
}

.linkStyle01 {
	margin-top:8px;
}

.linkStyle01 a {
	position:relative;
	display:inline-block;
	padding-left:12px;
}

.linkStyle01 a:link,.linkStyle01 a:visited,.linkStyle01 a:hover,.linkStyle01 a:active {
	text-decoration:none;
}

.linkStyle01 a:after {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"\f105";
	font-family:FontAwesome;
	line-height:1.4;
	pointer-events:none;
}

@media screen and (max-width:767px) {
	.textStyle02 {
		margin:10px;
		font-size:14px;
	}
	
	.spTextLeft {
		text-align:left;
	}
}


/* #mypage-error
------------------------------- */

.mypage-error {
    margin: 20px 0 40px 0;
    padding: 20px 30px 20px;
    width: 100%;
    border: 3px solid #e6e6e6;
    text-align: center;
}

.successMessage{
	margin-bottom: 40px;
}

.errorMessage{
	color: #f03c35;
	margin-bottom: 40px;
}


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

	.mypage-error {
    padding: 10px;
    margin: 20px 10px 40px 10px;
    border: 2px solid #e6e6e6;
    width: auto;

}
	.successMessage{
	margin-bottom: 20px;
	margin-left: 10px;
}
	.errorMessage{
	margin-bottom: 20px;
	margin-left: 10px;
}


  }




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

- Text-style

---------------------------------------- */
/* txt_small
------------------------------- */

.txt_small {
	font-size: 92.9%;
}


.txt_Bold {
	font-weight: bold;
}




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

- modal

---------------------------------------- */
/* modal
------------------------------- */
.modal .modalCheck {
	display:none;
}

.modal .modalBody {
	position:fixed;
	top:0;
	left:0;
	z-index:100000;
	display:flex;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
	align-items:center;
	justify-content:center;
}

.modal .modalWindow {
	position:relative;
	z-index:100001;
}

.modal .modalLabel {
	position:absolute;
	top:-20px;
	right:-20px;
	display:flex;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#099;
	background:#000;
	line-height:1;
	cursor:pointer;
	align-items:center;
	justify-content:center;
}

.modal .modalLabel:hover {
	background:#666;
}

.modal .modalLabel svg {
	display:flex;
	align-items:center;
	fill:#fff;
}

.modal .modalInner {
	width:80vw;
	max-width:600px;
	border-radius:3px;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
}

.modal .modalContent {
	padding:15px 30px 30px;
}

.modal .modalCheck:checked + .modalBody {
	display:none;
}

.modal .modalCheck:checked + .modalBody .modalWindow {
	display:block;
}

.modal .modalContent p {
	margin-bottom:20px;
}

.modal .modalContent p:last-child {
	margin-bottom:0;
}

@media screen and (max-width:767px) {
	.modal .modalContent input[type=text],.modal .modalContent input[type=select] {
		font-size:16px;
	}
}

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

- Width

---------------------------------------- */
.w50 {
	width:50px!important;
}

.w150 {
	width:150px!important;
}

.w100 {
	width:100px!important;
}

.w200 {
	width:200px!important;
}

.w250 {
	width:250px!important;
}

.w300 {
	width:300px!important;
}

.w350 {
	width:350px!important;
}

.w5per {
	width:5%!important;
}

.w8per {
	width:8%!important;
}

.w10per {
	width:10%!important;
}

.w15per {
	width:15%!important;
}

.w20per {
	width:20%!important;
}

.w25per {
	width:25%!important;
}

.w30per {
	width:30%!important;
}

.w35per {
	width:35%!important;
}

.w40per {
	width:40%!important;
}

.w45per {
	width:45%!important;
}

.w50per {
	width:50%!important;
}

.w60per {
	width:60%!important;
}

.w70per {
	width:70%!important;
}

.w80per {
	width:80%!important;
}

.w90per {
	width:90%!important;
}

.w100per {
	width:100%!important;
}

.w5em {
	width:5em!important;
}

.w10em {
	width:10em!important;
}

.w15em {
	width:15em!important;
}

.w20em {
	width:20em!important;
}

@media screen and (max-width:767px) {
	.spwAuto {
		width:auto!important;
	}
	
	.sp_w50 {
		width:50px!important;
	}
	
	.sp_w150 {
		width:150px!important;
	}
	
	.sp_w100 {
		width:100px!important;
	}
	
	.sp_w200 {
		width:200px!important;
	}
	
	.sp_w250 {
		width:250px!important;
	}

	.sp_w280 {
		width:280px!important;
	}
	
	.sp_w300 {
		width:300px!important;
	}
	
	.sp_w350 {
		width:350px!important;
	}
	
	.sp_w5per {
		width:5%!important;
	}
	
	.sp_w8per {
		width:8%!important;
	}
	
	.sp_w10per {
		width:10%!important;
	}
	
	.sp_w15per {
		width:15%!important;
	}
	
	.sp_w20per {
		width:20%!important;
	}
	
	.sp_w25per {
		width:25%!important;
	}
	
	.sp_w30per {
		width:30%!important;
	}
	
	.sp_w35per {
		width:35%!important;
	}
	
	.sp_w40per {
		width:40%!important;
	}
	
	.sp_w45per {
		width:45%!important;
	}
	
	.sp_w50per {
		width:50%!important;
	}
	
	.sp_w60per {
		width:60%!important;
	}
	
	.sp_w70per {
		width:70%!important;
	}
	
	.sp_w80per {
		width:80%!important;
	}
	
	.sp_w90per {
		width:90%!important;
	}
	
	.sp_w100per {
		width:100%!important;
	}
	
	.sp_w5em {
		width:5em!important;
	}
	
	.sp_w10em {
		width:10em!important;
	}
	
	.sp_w15em {
		width:15em!important;
	}
	
	.sp_w20em {
		width:20em!important;
	}
}

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

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */
.clear {
	clear:both;
}

.hidden {
	overflow:hidden;
	width:0;
	height:0;
}
.FloL {
	float:left;
} 
.mgt0 {
	margin-top:0!important;
}

.mgt3 {
	margin-top:3px!important;
}

.mgt5 {
	margin-top:5px!important;
}

.mgt10 {
	margin-top:10px!important;
}

.mgt13 {
	margin-top:13px!important;
}

.mgt15 {
	margin-top:15px!important;
}

.mgt20 {
	margin-top:20px!important;
}

.mgt30 {
	margin-top:30px!important;
}

.mgt40 {
	margin-top:40px!important;
}
.mgt60 {
	margin-top:60px!important;
}

.mgb0 {
	margin-bottom:0!important;
}

.mgb3 {
	margin-bottom:3px!important;
}

.mgb5 {
	margin-bottom:5px!important;
}

.mgb10 {
	margin-bottom:10px!important;
}

.mgb13 {
	margin-bottom:13px!important;
}

.mgb15 {
	margin-bottom:15px!important;
}

.mgb20 {
	margin-bottom:20px!important;
}

.mgb30 {
	margin-bottom:30px!important;
}

.mgb40 {
	margin-bottom:40px!important;
}
.mgb60 {
	margin-bottom:60px!important;
}

.mgl10 {
  margin-left:10px!important;
}
.mgl20 {
  margin-left:20px!important;
}

.mgra {
	margin-right: auto !important;
}
.mgla {
	margin-left: auto !important;
}

.pdl0 {
  padding-left:0!important;
}
.alnC {
	text-align:center!important;
}

.alnR {
	text-align:right!important;
}

.alnL {
	text-align:left!important;
}

.nowrap {
	white-space:nowrap;
}

.breakWord {
	word-wrap:break-word;
}

.smml_txt {
	margin-left: 20px!important;
}

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

.smml_txt {
	font-size: 92.9%!important;
	margin-left: 0!important; 
}

}
@media screen and (max-width:767px) {
	.sp_mgt0 {
		margin-top:0!important;
	}
	.sp_mgt3 {
		margin-top:3px!important;
	}	
	.sp_mgt5 {
		margin-top:5px!important;
	}
	
	.sp_mgt10 {
		margin-top:10px!important;
	}
	
	.sp_mgt15 {
		margin-top:15px!important;
	}
	
	.sp_mgt20 {
		margin-top:20px!important;
	}
	
	.sp_mgt30 {
		margin-top:30px!important;
	}
	
	.sp_mgt40 {
		margin-top:40px!important;
	}
	
	.sp_mgb0 {
		margin-bottom:0!important;
	}

	
	.sp_mgb5 {
		margin-bottom:5px!important;
	}
	
	.sp_mgb10 {
		margin-bottom:10px!important;
	}
	
	.sp_mgb15 {
		margin-bottom:15px!important;
	}
	
	.sp_mgb20 {
		margin-bottom:20px!important;
	}
	
	.sp_mgb30 {
		margin-bottom:30px!important;
	}
	
	.sp_mgb40 {
		margin-bottom:40px!important;
	}
	
	.spNone {
		display:none!important;
	}
}


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

- display

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


/* display
------------------------------- */

.pcNone {
	display: none!important;
}


@media screen and (max-width:767px){
/*スマホ指定*/

.spNone { 
	display: none!important;
}

.pcNone {
	display: inherit!important;
}
	}


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

clearfix

---------------------------------------- */
/* Modern Browsers
------------------------------- */
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
	line-height:0;
}

/* Legacy IE
------------------------------- */
.clearfix {
	*zoom:1;
}