@charset "UTF-8";

/*==============================
definition
==============================*/
*{font-family: "游ゴシック体","Yu Gothic",'YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; box-sizing: border-box;}
body{background-color: #fff; position: relative;}
a{
	text-decoration: none;
    color: #0075a9;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover{
    color: #0075a9;
}
li{list-style: none;}
img{width: 100%;}
input,select,textarea{margin: 0; border: 1px solid #c7e1ea;}
input[type="radio"]{margin-right: 3px;}
input[name="postalCode"]{margin: 0 0 5px 5px;}
label{margin-right: 10px;}
input[type="text"],input[type="password"]{padding: 4px 6px; font-size: 16px;}
select{padding: 4px;}
button{cursor: pointer;}
input::-webkit-input-placeholder{color: #a0a0a0;}
input:-ms-input-placeholder{color: #a0a0a0;}
input::-moz-placeholder{color: #a0a0a0;}
ol,ol li{list-style-type: decimal; line-height: 1.3;}


/*==============================
header
==============================*/
#header{
	padding: 20px 0;
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
}

.headerInr{
	max-width: 960px;
	margin: 0 auto;
}

.logo{
	float: left;
}

.headerBtnBlk{
	float: right;
}

.headerBtnBlk>li{
	float: left;
	margin-right: 20px;
}

.headerBtnBlk>li:last-of-type{
	margin-right: 0;
}

.userName{
	font-weight: bold;
	padding: 12px 0;
}


/*==============================
nav
==============================*/
#nav{
	border-bottom: 1px solid #e7e7e7;
}

.navInr{
	width: 960px;
	margin: 0 auto;
}

.navItem{
	float: left;
	text-align: center;
	border-right: 1px solid #e7e7e7;
	font-size: 14px;
	font-weight: bold;
	width: 20%;
}

.navItem a{
	display: block;
	padding: 18px 0;
	text-decoration: none;
    color: inherit;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navItem a:hover{
    color: #0075a9;
}

.navItem:first-of-type{
    border-left: 1px solid #e7e7e7;
}

.navItem:last-of-type{
    background-color: #bfecff;
}


/*==============================
main
==============================*/
.pageHead{
	width: 960px;
	margin: 30px auto 0;
}

.pageHeadTtlBlk{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.pageHeadTtlBlkInr-left,.pageHeadTtlBlkInr-right{
	display: table-cell;
	vertical-align: bottom;
	width: 50%;
}

.pageHeadTtlBlkInr-left{
	text-align: left;
}

.pageHeadTtlBlkInr-right{
	text-align: right;
}

.pageHeadTtl{
	font-size: 34px;
	font-weight: bold;
}

.pageHeadTxt{
	line-height: 1.3;
	margin-bottom: 20px;
}

.pageHeadTxt-large{
	font-size: 20px;
	font-weight: bold;
}

.bgLine{
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}

.bgLine::before{
	border-top: 2px solid #0075a9;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 80%;
	margin: 0 auto;
	z-index: -1;
}

.bgLineInr{
	background-color: #fff;
	padding: 0 0.5em;
}

.price{
	background-color: #79b3cd;
	padding: 5px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	letter-spacing: 3px;
}

.mainHead{
	width: 960px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}

.main-2col{
	width: 960px;
	margin: 0 auto;
}

.pageTtl{
	text-align: center;
	padding: 48px 0;
	font-size: 36px;
	font-weight: bold;
	background-color: #fafafa;
}

.pageDesc{
	width: 960px;
	margin: 0 auto;
	text-align: justify;
	margin-top: 30px;
	line-height: 1.4;
}

.contentBlk{
	background: #eee;
}

.top_content{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 50px;
}

.content{
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 0;
}

.content-narrow{
	padding: 30px 0;
}

.content-2col{
/*	width: 640px;*/
	width: 700px;
	float: left;
}

.contentInr{
	max-width: 640px;
	margin: 0 auto;
}

.contentTtl{
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	margin-bottom: 50px;
}

.contentTtl-small{
	font-size: 30px;
}

.contentItemBlkWrap{
	margin-bottom: 100px;
}

.contentItemBlkWrap-narrow{
	margin-bottom: 50px;
}

.contentItemBlkWrap:last-of-type{
	/*margin-bottom: 0;*/
}

.contentItemBlk{
	margin-bottom: 50px;
}

.contentItemBlk-purchase{
/*	width: 760px;*/
	margin: 0 2% 30px;
}

.contentItemBlk-product{
    width: 640px;
    margin: 0 auto;
}

.contentItemBlk-banner{
    width: 640px;
    margin: 30px auto 0;
}

.contentItemBlk-banner img{
	margin-bottom: 30px;
	display: block;
}

.contentItemBlk-3_of_4{
	width: 815px;
	margin-left: auto;
	margin-right: auto;
}

.contentItemBlk-2_of_4{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.contentItemBlkTtl{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}

.contentItemBlkTtl-bg{
	background-color: #0075a9;
	color: #fff;
	line-height: 1.5;
	padding: 5px;
	text-align: center;
}

.contentItemBlkTtl-bg2{
	background-color: #e7e7e7;
	color: #000;
	line-height: 1.5;
	padding: 5px;
	text-align: center;
}

.contentItemBlkDescription{
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.5;
}

.contentItemBlkList{
	margin-bottom: 20px;
}

.contentItemBlkListItem{
	line-height: 1.3;
	margin-bottom: 5px;
}

.contentItemBlkImg{
	line-height: 0;
	margin-bottom: 30px;
	border: 1px solid #ccc;
}

.contentItem{
	float: left;
	position: relative;
	margin-bottom: 20px;
	margin-right: 20px;
}

.contentItem-product{
	width: 205px;
	margin-right: 12px;
	margin-bottom: 30px;
}

.contentItem-product:nth-of-type(3n){
	margin-right: 0;
}

.contentItem-purchase{
/*	margin-right: 40px;*/
	height: 388px;
	margin: auto 10px;
}
/*
.contentItem-purchase:nth-of-type(3n){
	margin-right: 0;
}
*/
.contentItem-forCenter{
	margin-right: 70px;
}

.contentItemBlk .contentItem-forCenter:last-of-type{
	margin-right: 0;
}

.contentItemInr{
	position: relative;
	margin-bottom: 10px;
}

.contentItemDate{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.contentItemTtl{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}

.contentItemDescription {
	text-align: justify;
	line-height: 1.2;
	font-size: 14px;
	margin: 20px 5px;
}

.contentItemTtl-login{
	color: #fff;
	font-size: 16px;
}

/*.contentItemBlk > .contentItem:nth-of-type(4n){
	margin-right: 0;
}*/

.contentItemBlk > .contentItem:nth-of-type(1n+5){
	margin-top: 30px;
}

.contentItemBlk > .contentItem-2col:nth-of-type(3n){
	/*margin-right: 0;*/
}

.contentItemBlk > .contentItem-2col:nth-of-type(1n+4){
	/*margin-top: 30px;*/
}
.contentItemBlk > .contentItem-2col{
/*	margin: 0 10px;*/
}

.contentItem-btn{
	float: left;
	margin-right: 30px;
}

.contentItem-btn:last-of-type{
	margin-right: 0;
}

.contentItemImg{
	width: 225px;
	font-size: 0;
	line-height: 0;
}

.contentItemImg-product{
	width: 200px;
	height: 266px;
}

.contentItemImg-purchase{
	width: 210px;
}

.contentItemImg-small{
	width: 200px;
}

.contentItemPrice{
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	margin-top:15px;
}

.contentItemLinkBlk{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}

.contentBtn{
	width: 300px;
	display: block;
	background-color: #fff;
	font-weight: bold;
	padding: 20px 20px;
	font-size: 18px;
	border-radius: 6px;
	position: relative;
	border: 2px solid #fff;
}

.contentBtn:hover{
	color: initial;
	border-color: #0075A9;
}

.contentBtn:before{
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	color: #0075A9;
	vertical-align: middle;
	font-size: 44px;
}

.contentBtn1:before{
	content: "\f24a";
	padding-right: 24px;
}

.contentBtn2:before{
	content: "\f0e5";
	padding-right: 27px;
}

.contentBtn3:before{
	content: "\f0f7";
	padding-right: 36px;
}

.contentBtn:after{
	content: "";
	display: block;
	border-top: 6px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 11px solid #0075A9;
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0px;
}

.news{
	border-top: 1px solid #d1d1d1;
	margin-bottom: 30px;
}

.socialFollow {
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 20px auto 40px;
}

.followTitle {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 10px;
}

.followTitle img {
    width: 198px;
    margin-bottom: 10px;
    display: block;
}

.followButtons {
    display: inline-block;
}

.followButtons .button {
    margin: 5px 10px;
    display: block;
}

.newsItem{
	border-bottom: 1px solid #d1d1d1;
	padding: 15px 0;
	font-size: 14px;
}

.newsDate{
	float: left;
	margin-right: 45px;
}

.newsTtl{
	color: #333333;
}

.newsTtl a:hover{
	text-decoration: underline;
}

.currentBlk{
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.5;
}

.currentBlk-spDisplay{
	display: none;
}

.currentBlk-pc{
	text-align: center;
	display: table;
	margin: 0 auto 50px;
}

.currentBlk-pc li{
	display: table-cell;
	line-height: 1.5;
	vertical-align: middle;
	padding: 5px 13px;
	font-size: 14px;
}

.currentBlk-pc p{
	display: inline-block;
	color: #fff;
	font-weight: bold;
}

.currentBlkItem-pc{
	background-color: #ababab;
}

.currentBlkItem-pc.current-pc{
	background-color: #000;
}

.currentBlk-pc .currentBlkItem-pc:last-of-type{
	margin-right: 0;
}

.current{
	color: #0075a9;
	font-weight: bold;
}

.formBlk{
	margin-bottom: 50px;
}

.formBlk p {
	margin-bottom: 20px;
	line-height: 1.5;
}

.formTtl{
	font-size: 18px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #e7e7e7;
	margin-bottom: 30px;
}

.formDescription{
	line-height: 1.5;
	margin-bottom: 30px;
}

.formContent{
	margin-bottom: 50px;
}

.formList{
	box-sizing: border-box;
}

.formList-bd{
	border: 3px solid #e7e7e7;
	padding: 15px;
}

.formListItem{
	padding: 10px 0;
	border-bottom: 1px solid #efefef;
	display: table;
}

.formListItem:first-of-type{
	border-top: 1px solid #efefef;
}

.formListItem-noborder{
	border: none;
}

.formListItem-noborder:first-of-type{
	border: none;
}

.marginAuto{
	margin:0 auto;
}

.listItemDt{
	/*float: left;*/
	display: table-cell;
	font-weight: bold;
	width: 240px;
	line-height: 1.5;
	vertical-align: middle;
}

.listItemDt-normal{
	font-weight: normal;
}

.listItemDd{
	/*float: left;*/
	display: table-cell;
	width: 400px;
	vertical-align: middle;
	line-height: 1.3;
	word-wrap: break-word;
}

.listItemDdInr{
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
}

.listItemDd .listItemDdInr:last-of-type{
	border: none;
	margin-bottom: 0;
}

.listItemDdInrTtl{
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}

ul.listItemUl{
	width: 100%;
}

ul.listItemUl li{
	padding:5px 0;
}

.inputAddress{
	padding-left: 10px;
	font-size: 14px;
	text-decoration: underline;
	color: #0075a9;
	cursor: pointer;
}

.inputWrap{
	margin-right: 15px;
}

.inputSize{
	width: 100%;
	font-size: 16px;
}

.inputSize-inline{
	width: 20%;
	margin-right: 5px;
}

.detailBlk{
	margin-bottom: 50px;
	box-sizing: border-box;
}

.detailBlkLeft,.detailBlkRight{
	float: left;
}

.detailBlkLeft{
	width: 430px;
	margin-right: 50px;
	padding: 50px 65px;
	box-sizing: border-box;
	border: 1px solid #e7e7e7;
}

.detailBlkImg{
	width: 300px;
	margin-bottom: 20px;
}

.detailBlkRight{
	width: 320px;
}

.detailBlkHeader{
	margin-bottom: 20px;
}

.detailBlkTtl{
	font-size: 36px;
	font-weight: bold;
}

.detailBlkPrice{
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
}

.detailList{
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 30px;
}

.detailLinkList{
	margin-top: 50px;
}

.detailLinkListItem{
	color: #0075a9;
	font-size: 14px;
	margin-top: 15px;
}

.detailLinkListItem a:hover{
	text-decoration: underline;
}

.resultTxtBlk{
	margin-top: 20px;
}

.resultTxt{
	margin-bottom: 20px;
	line-height: 1.3;
	text-align: center;
	font-weight: bold;
}

.errorTxt-header{
	font-weight: bold;
	margin-bottom: 30px;
}

.errorTxt{
	line-height: 1.3;
}

.pageSentence{
	width: 960px;
	margin: 0 auto;
}

.pageSentenceInr{
	padding-left: 20px;
	margin: 30px 0;
}

.pageSentenceList{
	margin-bottom: 20px;
}

.pageSentenceList li{
	line-height: 1.5;
}

.pageSentenceTxt{
	margin-bottom: 30px;
	line-height: 1.3;
	padding: 0 50px;
}

.pageSentenceCaution{
	font-size: 14px;
	line-height: 1.3;
	font-weight: bold;
	padding: 0 50px;
}

.backnumBlk{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	padding: 5%;
	display: none;
	z-index: 100;
}

.backnumBlkInr{
	background-color: #fff;
}

.backnumTtlBlk{
	display: table;
	width: 100%;
	padding: 3% 5% 0;
}

.backnumTtl{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
}

.backnumRemove{
	width: 20%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 50px;
}

.backnumRemove i{
	cursor: pointer;
}

.backnum{
	width: 100%;
	padding: 2% 5% 5%;
	background-color: #fff;
	letter-spacing: -.40em;
}

.backnumItem{
	width: 9%;
	margin-right: 1%;
	margin-bottom: 10px;
	display: inline-block;
	letter-spacing: normal;
}

.backnumItemDate{
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

.backnumMessage{
	padding:0 0 5% 5%;
}

.errorRed{
	margin-top:5px;
	line-height: 1.3;
	color:#d22020;
}

.myRule{
	padding-bottom: 10px;
}

/*==============================
side
==============================*/
.side{
	float: right;
	width: 200px;
	padding-top: 50px;
}

.sideList{}

.sideListItem{
	padding: 10px 0;
	line-height: 1.2;
	font-size: 14px;
	color: #0075a9;
	border-bottom: 1px solid #e7e7e7;
}

.sideListItem a:hover{
	/*font-weight: bold;*/
}

.sideListItem:first-of-type{
	border-top: 1px solid #e7e7e7;
}


/*==============================
footer
==============================*/
#footer{
	padding: 40px 0 70px;
	margin-top: 50px;
	background: url(/image/builtin/color-border.gif) 0 0 repeat-x;
}

.footerNav{
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.footerNavItem{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	font-size: 13px;
	padding: 0 8px;
	border-left: 1px solid #0075a9;
	line-height: 1.5;
}

.footerNavItem:first-of-type{
	border: none;
}

.footerNavItem a{
	color: #0075a9;
}

.footerNavItem a:hover{
	text-decoration: underline;
}

.footerBtnArea{
	max-width: 650px;
	padding: 0 10px;
	margin: 0 auto 35px;
}

.copyright{
	font-size: 11px;
	text-align: center;
}

/*==============================
module
==============================*/

/*btn ----------------------------*/
.btnBlkWrap{
	padding: 50px 0;
	background-color: #fafafa;
}

.btnBlkWrap-ver2{
	padding: 0 120px;
	margin-bottom: 40px;
}

.btnBlk{
	text-align: center;
}

.btnBlk-left{
	float: left;
}

.btnBlk-right{
	float: right;
}

.btnBlk-spMenu{
	padding: 20px !important;
}

.btn{
	text-align: center;
	min-width: 150px;
	display: inline-block;
	border: 1px solid #0075a9;
	line-height: 1;
	background-color: #0075a9;
	color: #fff;
	padding: 15px 35px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.btn:hover{
	background-color: #fff;
	color: #0075a9;
}

.btn-reverse{
	border: 1px solid #0075a9;
	background-color: #fff;
	color: #0075a9;
}

.btn-reverse:hover{
	background-color: #0075a9;
	color: #fff;
}

.btn-reverse-large{
	width: 300px;
	border-width: 3px;
	font-size: 18px;
}

.btn-product-top{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px;
	min-width: 120px;
	margin-top: 5px;
}

.btn-product-purchase{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px;
	width: 120px;
	min-width: 120px;
	margin: 0 auto 10px;
	display: block;
}

.btn-small{
	font-size: 14px;
	padding: 15px 20px;
}

.btn-large{
	border-width: 3px;
	border-style: solid;
	width: 300px;
	display: inline-block;
	text-align: center;
}

.btn-header{
	padding: 10px 15px;
}

.btn-large-black{
	border-color: #000;
	background-color: #fff;
	color: #000;
	padding: 10px 0;
}

.btn-large-black:hover{
	color: #fff;
	background-color: #000;
}

.btn-gray{
	color: #fff;
	background-color: #434343;
	border-color: #434343;
}

.btn-large-gray{
	color: #fff;
	background-color: #434343;
	border-color: #434343;
	padding: 15px 35px;
}

.btn-gray:hover,.btn-large-gray:hover{
	background-color: #fff;
	color: #434343;
}

.btn-gray-reverse{
	border-color: #bfbfbf;
	color: #bfbfbf;
	background-color: #fff;
}

.btn-gray-reverse:hover{
	border-color: #bfbfbf;
	color: #bfbfbf;
	background-color: #fff;
}

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

.btnInr:after{
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.btnInr1:after{
	content: "\f1ea";
}

.btnInr2:after{
	content: "\f003";
}

.btn-ylw{
	background-color: #ffe212;
	border-color: #ffe212;
	color: #000;
}

.btn-ylw:hover{
	color: #000;
}

.btn-red{
	background-color: #d22020;
	border-color: #d22020;
}

.btn-red:hover{
	color: #d22020;
}

.btn-contentItemLink{
	border: 2px solid #fff;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	font-size: 14px;
	padding: 10px 5px;
	min-width: 120px;
}

.btn-contentItemLink:hover{
}

.btn-spMenu{
	color: #fff !important;
	padding: 10px !important;
	max-width: 200px;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	tap-highlight-color: rgba(0,0,0,0) !important;
}

.btn-spMenu:hover{
	background-color: #0075a9;
	color: #fff;
}

.btn-side{
	width:200px;
}
/*headline ----------------------------*/
.headline{
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 15px;
	background-color: #0075a9;
}

/*slider ----------------------------*/
.wideslider{
	margin-top: 20px;
}

#js-bxslider li{
	max-width: 640px;
}

/*btn_top ----------------------------*/
.btn_top {
		display: none;
		position: fixed;
		z-index: 200;
		bottom: 40px;
		right: 20px;
		cursor: pointer;
		width: 70px;
		height: 70px;
}

#spRegisterBtn{
	display: none;
}

#spMenuBtn{
	display: none;
}

.btn-pw{
    padding: 10px;
    margin-top: 5px;
    width: 100%;
}

/*linkTxt ----------------------------*/
.linkTxtBlk{
	margin-top: 50px;
}

.linkTxt{
	text-align: center;
	font-weight: bold;
	color: #0075a9;
	font-size: 18px;
}

/* contentTable ----------------------------*/
.contentTable{
	display: table;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e7e7e7;
}

.contentTableRow{
	display: table-row;
	border-bottom: 1px solid #e7e7e7;
}

.contentTableHead{
	display: table-cell;
	font-weight: bold;
	background-color: #f8f8f8;
	padding: 20px 10px;
	font-size: 12px;
}

.contentTableData{
	display: table-cell;
	padding: 20px 10px;
	line-height: 1.3;
	vertical-align: middle;
	box-sizing: border-box;
}

.contentTableData-date{
	width: 130px;
}

.contentTableData-price{
	width: 95px;
}

.contentTableData-stop{
	width: 140px;
	text-align: center;
}

/* pager ----------------------------*/
.pager{
	letter-spacing: -.40em;
	text-align: center;
	margin: -50px 0 50px;
}

.pagerPrev,.pagerNext{
	display: inline-block;
	letter-spacing: normal;
	font-size: 18px;
	font-weight: bold;
	color: #0075a9;
	padding: 0 25px;
}

.pagerNext{
	border-left: 2px solid #d1e0ea;
}

/* tableFixed ----------------------------*/
.tableFixed{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.tableFixedItem{
	float: none !important;
	display: table-cell;
	width: 225px;
}

.tableFixedItemInr{
	width: 225px;
	margin: 0 auto;
}

/* linkBold ----------------------------*/
.linkBold{
	font-weight: bold;
	color: #0075a9;
}

/* annotation ----------------------------*/
.annotation{
	display: block;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1.5;
}

/* dropdownList ----------------------------*/
.dropdownList{
	border-top: 2px solid #e7e7e7;
}

.dropdownListItem{
	padding: 10px 0;
	border-bottom: 1px solid #e7e7e7;
	line-height: 1.5;
}

.dropdownListItemTtlBlk{
	position: relative;
	cursor: pointer;
}

.dropdownListItemTtlBlk:after{
	content: "▼";
	color: #0075a9;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto 0;
	width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: 1;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 40%;
}

.dropdownListItemTtl{
	width: 85%;
	color: #0075a9;
	font-weight: bold;
}

.dropdownListItemContent{
	font-size: 14px;
	padding: 20px 30px 0 0;
	display: none;
}

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

.inputCheck label,.inputCheck input[type="checkbox"]{
	cursor: pointer;
}

/*==============================
登録系ナビゲーション
==============================*/
ul.nav{
	line-height:30px
}
ul.nav > li{
	display: inline-block;
	vertical-align:middle;
	text-align: left;
	margin:0 2px;
	line-height:20px
}


/*==============================
user_policy
==============================*/
ol.user_policy{
	list-style-type: decimal;
	padding-left:17px
}

/* eightChar ----------------------------*/
.eightChar{
	overflow: hidden;
	margin-bottom: 50px;
}

.eightCharItem{
	float: left;
	width: 45%;
	margin-right: 10%;
	margin-bottom: 40px;
}

.eightCharItem:nth-of-type(2n){
	margin-right: 0;
}

.eightCharTtlBlk{
	margin-bottom: 20px;
}

.eightCharNum{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 35px;
	padding: 5px;
	background-color: #0075a9;
	border-radius: 50%;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}

.eightCharTtl{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-left: 10px;
	font-weight: 500;
}

.eightCharSentence{
	padding-left: 0.5em;
	line-height: 1.5;
}

ul.sideBySideFont{
	padding-top: 20px;
/*	width:380px;*/
	width:450px;
}
ul.sideBySideFont li{
	float:left;
	width: 90px;
	margin-bottom: 35px;
}
ul.sideBySideFont-wide{
/*	width: 460px;*/
	width:660px;
}

/*==============================
club-off
==============================*/

.contentCluboff {

}
.headerCluboff {
    margin-bottom: 40px;
    display: block;
}
.blockCluboff {
    margin: 0 20px 40px;
}
.titleCluboff {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 5px 15px;
    margin: 0 auto 20px;
    background-color: #2e4267;
    display: inline-block;
}
.photoCluboff {
    float: right;
    margin: 0 0 5px 20px;
}
.textCluboff {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.textsmallCluboff {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.frmCluboff {
    background: #ffffff;
    display: block;
}
.btnCluboff {
    border: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    display: block;
}
.btnCluboff img {
    border: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    display: block;
}

.listCluboff {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.listCluboff li {
    width: 50%;
    padding: 10px;
}

.boxCluboff {
    border: 1px solid #cccccc;
    border-top: none;
    padding: 10px;
}

.boxCluboff p {
    font-size: 16px;
    margin: 10px 5px;
}

.buttonCluboff {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.square_btn{
    display: inline-block;
    padding: 14px 24px;
    text-decoration: none;
    border-radius: 8px;
    color: #ffffff;
    background-color: #cc0000;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #990000;
}

.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.square_btn:hover{
    color: #fff;
}

.arrowCluboff {
    margin-bottom: 40px;
	display: block;
}

.arrowCluboff li {
	width: 80%;
	background-color: #017500;
    margin: 0 auto 40px;
	display: block;
	padding: 20px;
	border-radius: 6px;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
}

.arrowCluboff li::after {
	width: 0;
	height: 0;
	border-left: 368px solid transparent;
	border-right: 368px solid transparent;
	border-top: 36px solid #017500;
    content: "";
    position: absolute;
    bottom: -34px;
    left: 10%;
    margin-left: -74px;
}

.arrowCluboff li span {
	width: 100%;
	color: #ffff03;
	font-weight: 700;
	display: block;
}

.arrowCluboff li p {
	color: #fff;
	margin: 20px 40px 0;

}

.arrowCluboff .images {
	float: right;
	margin: 0 0 10px 10px;
	display: block;
}

.arrowCluboff .images img {
	margin: 0 0 10px;
}

.titleService {
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.BunnerCoupon {
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    display: block;
}

/*==============================
coupon
==============================*/

.coupon_policy{
	padding: 2em;
	overflow-wrap normal;
	text-align:center;
  }

  .coupon_logolink{
	padding: 1.5em;
	overflow-wrap normal;
	text-align:center;
	font-size: medium;
	color: #ff0000;
  }

	.coupon_header {
		margin-bottom: 40px;
		display: block;
	}
	.coupon_box{
		position: relative;
		margin: 2em 10em;
		padding: 0.5em 1em;
		border: solid 3px #95ccff;
		border-radius: 8px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows:  160px 80px 1fr;
		grid-gap: 10px;
	}

  .logo_coupon1{
	  padding: 2em;
	  grid-row: 1 / 2;
	  grid-column: 1 / 2;
  }

  .logo_coupon2{
	padding:2em;
	grid-row: 1 / 3;
	grid-column: 1 / 3;
  }

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

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

  .coupon_code{
	padding: 2em;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
  }

  .coupon_discount{
	padding: 2em;
	grid-row: 3 / 4;
	grid-column: 1 / 3;
  }

  .coupon_discount p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: xx-large;
	padding:20px 0;
	text-align:center;
  }

  .coupon_code p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: xx-large;
	text-align:center;
	padding:20px 0;
  }

  .coupon_term{
	padding: 1em;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
  }

  .coupon_term p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: large;
	text-align:center;
  }

  .coupon_caution{
	padding: 1em;
	grid-row: 4 / 5;
	grid-column: 1 / 3;

  }

  .coupon_caution p{
	overflow-wrap normal;
	font-size: medium;
  }


  /*ボタン装飾*/

  .caution_button {
	  text-align:center;
  }

  .caution_button label{
	  display: block;
	  padding: 10px;
	  font-weight: bold;
	  border: solid 2px #4BACE0;
	  cursor :pointer;
  }

  /*ボタンホバー時*/
  .coupon_caution label:hover {
	  background: #efefef;
  }

  /*チェックは見えなくする*/
  .coupon_caution input {
	  display: none;
  }

  /*中身を非表示にしておく*/
  .coupon_caution .hidden_show {
	  height: 0;
	  padding: 0;
	  overflow: hidden;
	  opacity: 0;
	  transition: 0.8s;
  }

  /*クリックで中身表示*/
  .coupon_caution input:checked ~ .hidden_show {
	  padding: 10px 0;
	  height: auto;
	  opacity: 1;
  }

  .coupon_error {
	padding: 2em;
	overflow-wrap normal;
	text-align:center;
	font-weight: bold;
  }

  /*###################################
  sp-cupon
  ###################################*/
  @media screen and (max-width:960px) {

	/*==============================
	sp-definition
	==============================*/

  .coupon_box{
	  position: relative;
	  margin: 2em 0;
	  padding: 0.1em 0.5em;
	  border: solid 3px #95ccff;
	  border-radius: 8px;
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 120px 60px 1fr;
	  grid-gap: 10px;
  }


  .logo_coupon1{
	  padding: 1em;
	  grid-row: 1 / 2;
	  grid-column: 1 / 3;
  }

  .logo_coupon2{
	padding:1em;
	grid-row: 1 / 2;
	grid-column: 1 / 3;
  }

  .coupon_code{
	padding: 0.5em;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
  }

  .coupon_code p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: large;
	text-align:center;
  }

  .coupon_discount{
	padding: 0.1em;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
  }

  .coupon_discount p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: large;
	text-align:center;
	padding:20px 0;
  }

  .coupon_term p{
	overflow-wrap normal;
	font-weight:  bold;
	font-size: medium;
	text-align:center;
  }


  .coupon_term{
	padding: 0.01em;
	grid-row: 3 / 4;
	grid-column: 1 / 3;
  }

  .coupon_caution{
	padding: 0.5em;
	grid-row: 4 / 5;
	grid-column: 1 / 3;

  }


  }
/*==============================
DB add
==============================*/

#FreeSpace {
    width: 700px;
    float: left;
    margin: 0 auto 50px;
    text-align: left;
}

.db_mypage {
    width: 640px;
    padding: 10px;
    border: 1px solid #efefef;
    display: block;
}

.db_devide {
    display: inline-block;
    float: left;
}

.db_devide img {
    width: 480px;
    display: block;
}

.db_devide a {
    display: block;
}

.db_devide .btnBlk {
    margin: 6px 0 0 14px;
}

.db_devide .btn-product-purchase {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 5px;
    min-width: 120px;
    margin: 0 auto;
    display: block;
}

/*==============================
video embed
==============================*/

.ytemb {
    margin: 40px auto;
    text-align: center;
}

.ytemb iframe {
    width: 560px;
    height: 315px;
}


/*==============================
2020.04- new top widget
==============================*/
.topWrap {
	padding: 50px 0;

}

.topBlk {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.topBlk-separate {
	width: 45%;
	padding: 20px;
	margin: 10px;
	box-sizing: border-box;
	min-height: 240px;
    margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.5;
	border: 1px solid #0075a9;
    font-weight: bold;
    border-radius: 6px;


}

.topBlk-separate img {
	height: 50px;
	width: auto;

}

.topBlk-separate p {
	margin: 10px auto 30px;
	text-align: left;

}

.topBlk-separate a {
	display: block;
	width: 100%;
}



/*==============================
tumblr widget
==============================*/

#information_timeline {
	width: 100%;
	height: 350px;
	font-size: 13px;
	border: 1px solid #ccc;
	padding: 0 10px;
}

#information_timeline ul li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin: 10px 0 10px 0;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

#information_timeline ul li > div {
	padding: 0 10px;
}

#information_timeline ul li .info {
	text-align: center;
	width: 120px;
}

#information_timeline ul li .info .date {
	margin-bottom: 5px;
}

#information_timeline ul li .info .tag {
	border: 1px solid #ccc;
	color: #fff;
	width: 100px;
	text-align: center;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: bold;
}

#information_timeline ul li .info .tag.blue {
	background-color: #4472c4;
}

#information_timeline ul li .info .tag.orange {
	background-color: #ff9900;
}

#information_timeline ul li .info .tag.green {
	background-color: #00b050;
}

#information_timeline ul li .info .tag.pink {
	background-color: #ff3399;
}

#information_timeline ul li .info .tag.grey {
	background-color: #808080;
}

#information_timeline ul li .title a {
	line-height: 1.3;
}

/*==============================
common
==============================*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; }
input:focus::-moz-placeholder { color:transparent !important; }
.w50{width: 50px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w20per{width:20%;}
.fw_n{font-weight: normal !important;}
.fw_b{font-weight: bold !important;}
.fw_br{font-weight: bolder !important;}
.fz24{font-size: 24px !important;}
.fz18{font-size: 18px !important;}
.fz14{font-size: 14px !important;}
.mt50_neg{margin-top: -50px;}
.m00{margin: 0 !important;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt30{margin-top: 30px}
.mb30{margin-bottom: 30px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.fl_l{float: left;}
.fl_r{float: right;}
.red{color: #ff2911;}
.blue{color: #0075a9}
.gray{color:#bfbfbf;}
.sp_only{display: none;}
.pc_only{display: initial;}
.ta_l{text-align: left;}
.ta_c{text-align: center;}
.js-rotate_x:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	color: #bfbfbf !important;
}
.pointer{cursor: pointer;}
.radius6{
	border-radius: 6px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

/*###################################
sp
###################################*/
@media screen and (max-width:959px) {
	#header{
		width: 100%;
	}

	.headerInr{
		max-width: 206px;
	}

	.headerInr-2col{
		margin: 0 0 0 10px;
	}

	.logo{
		float: none;
	}

	.headerBtnBlk{
		display: none;
}

	#nav{
		display: none;
	}

	#spRegisterBtn{
		display: block;
		max-width: 60px;
		margin-left: 20px;
	}

	#spMenuBtn{
		display: block;
		max-width: 60px;
		margin: 0 20px 0 auto;
	}

	.headerTable{
		display: table;
		/*table-layout: fixed;*/
	}

	.headerTd{
		display: table-cell;
		vertical-align: middle;
	}

	.headerFloatLeft{
		float: left;
	}

	.headerFloatRight{
		float: right;
	}

	.pageDesc{
		width: 100%;
		padding: 0 5%;
		font-size: 14px;
	}

	.pageHead{
		width: 100%;
	}

	.pageHeadInr{
		padding: 0 5%;
	}

	.pageHeadTtlBlk{
		display: block;
	}

	.pageHeadTtlBlkInr-left,.pageHeadTtlBlkInr-right{
		display: block;
		width: auto;
	}

	.pageHeadTtlBlkInr-right{
		text-align: left;
	}

	.pageHeadTtl{
		margin-bottom: 20px;
	}

	.mainHead{
		width: 100%;
		padding: 0 5%;
	}

	.main-2col{
		width: 100%;
	}

	.currentBlk-spDisplay{
		display: block;
	}
	.currentBlk-pc{
		display: none;
	}

	.contentItemBlk{
		padding: 0 2%;
	}

	.contentItemBlk-3_of_4{
		width: 580px;
		padding: 0;
	}

	.contentItemBlk-2_of_4{
		width: 380px;
		padding: 0;
	}

	.contentItem{
		width: 23.5%;
		margin-right: 3%;
	}

	.contentItem-product{
		width: 45%;
		margin: 0 auto 15%;
		float: none;

	}

	.contentItem-product:nth-of-type(2n){
		margin-right: auto;
	}

	.contentItem-product:nth-of-type(3n){
		margin-right: auto;
	}

	.contentItem-purchase{
		width: 42%;
/*		width: 300px;*/
		margin: 0 4% 5%;
/*		float: none;*/
		height:auto;
	}
/*
	.contentItem-purchase:nth-of-type(4n){
		margin: 0 5% 3%;
	}
*/
	.contentItemImg-purchase{
		width: 100%;
	}

	.contentItem-forCenter{
		width: 180px;
		margin-right: 20px;
	}

	.contentItemTtl{
		font-size: 16px;
	}

	.contentItem-product .contentItemTtl{
		font-size: 18px;
	}

	.tableFixedItemInr{
		width: auto;
		padding: 0 2%;
	}

	.contentItemImg{
		width: 100%;
		height: 100%;
	}

	.contentItem-btn{
		float: none;
		margin: 0 0 20px;
	}

	.contentItem-btn:last-of-type{
		margin: 0;
	}

	.contentBtn{
		margin: 0 auto;
	}

	.content-2col,.side{
		float: none;
	}

	.contentItemBlk-2col{
		padding: 0;
	}

	.contentItem-2col{
		width: 200px;
	}

	.side{
		width: 100%;
		padding: 20px 3%;
	}

	.footerBtnItem {
		margin: 20px auto;
		text-align: center;
	}

	.btn-responsive{
		min-width: initial;
		width: 80%;
		padding-left: 1%;
		padding-right: 1%;
		font-size: 14px;
	}

	.detailBlk{
		padding: 0 2%;
	}

	.detailBlkLeft{
		width: 100%;
		float: none;
		border: none;
		padding: 0;
		margin-bottom: 50px;
	}

	.detailBlkImg{
		margin-left: auto;
		margin-right: auto;
	}

	.detailBlkRight{
		width: auto;
		max-width: 320px;
		float: none;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.detailBlkTtl{
		font-size: 28px;
	}

	.detailBlkPrice{
		font-size: 22px;
	}

	.btn_top{
		width: 45px;
		height: 45px;
		bottom: 30px;
		right: 20px;
	}

	.btn-product-top{
		min-width: initial;
		width: 80%;
		padding-left: 1%;
		padding-right: 1%;
		font-size: 14px;
		margin-left: 0;
		margin-top: 4%;
	}

	.btn-product-purchase{
		min-width: initial;
		width: 80%;
		padding-left: 1%;
		padding-right: 1%;
		font-size: 14px;
	}

	.pageSentence{
		width: 100%;
	}

	.pageSentenceInrWrap{
		padding: 0 5%;
	}

	.backnumItem{
		width: 19%;
	}

	.pageSentenceTxt{
		padding: 0;
	}

	.pageSentenceCaution{
		padding: 0;
	}

	.bgLine{
		font-size: 20px;
	}

	.bgLine::before{
		width: 100%;
	}

	.bgLineInr{
		display: block;
		text-align: center;
		margin: auto;
		background-color: #fff;
		position: relative;
	}

	/* 「産経新聞8つの特徴」 */
	.bgLineWidth_sp01{
		width: 210px;
	}

	/* 「北海道、九州・沖縄にお住まいの皆さまへ」 */
	.bgLineWidth_sp02{
		width: 220px;
		text-align: left;
	}

	/* 「サンスポ電子版12の特徴」 */
	.bgLineWidth_sp03{
		width: 250px;
	}

	.footerBtnItem.fl_l,.footerBtnItem.fl_r{
		float: none !important;
		text-align: center;
	}

	.footerBtnItem.fl_l{
		margin-bottom: 20px;
	}

	ul.sideBySideFont{
/*		margin-left: -50px;
		width: 120%;*/
		width:200%;
	}
	ul.sideBySideFont li{
	}
	ul.sideBySideFont-wide{
		width:auto;
	}
	ul.sideBySideFont-2col{
		width: 185%;
	}

	.arrowCluboff {
		margin-bottom: 40px;
		display: block;
	}

	.arrowCluboff li {
		width: 80%;
		background-color: #017500;
		margin: 0 auto 40px;
		display: block;
		padding: 20px;
		border-radius: 6px;
		position: relative;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.arrowCluboff li::after {
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #017500;
		content: "";
		position: absolute;
		bottom: -30px;
		left: 44%;
		margin-left:  0;
	}

	.arrowCluboff li p {
		color: #fff;
		margin: 10px 0 0;
		font-size: 18px;
	}

	.arrowCluboff .images {
		float: none;
		margin: 10px auto 0;
		display: block;
		text-align: center;
	}

	.arrowCluboff .images img {
		width: auto;
		margin: 0 auto;
	}


}

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

		.contentItem{
		width: 30.6%;
		margin: 0 9.7% 30px;
		}

		.contentItem-product{
			width: 300px;
			margin: 0 auto 15%;
			float: none;
		}

		.contentItem-purchase{
			width: 300px;
			margin: 0 auto 5%;
			float: none;
		}
/*
		.contentItem-purchase:nth-of-type(4n){
			margin: 0 5% 3%;
		}
*/
		/* .contentItemTtl{
			font-size: 18px;
		} */

		.tableFixed{
			display: block;
		}

		.tableFixedItem{
			display: block;
			margin: 0 auto 30px;
			width: 225px;
		}

		.tableFixedItemInr{
			width: 225px;
		}

		.contentItemBlk-3_of_4{
			width: 580px;
			padding: 0;
		}

		.contentItemBlk-2_of_4{
			width: 380px;
			padding: 0;
		}

		.contentItem-forCenter{
			width: 180px;
			margin: 0 20px 0 0;
		}

		.contentItem-forCenter .contentItemTtl{
			font-size: 14px;
		}

		.backnumBlk{
			height: auto;
			min-height: 100%;
		}

		.backnumItem{
			width: 48%;
			margin-right: 2%;
			margin-bottom: 20px;
		}

		.pageSentenceInr{
			padding-left: 0;
		}

		/* eightChar ----------------------------*/
		.eightChar{
			margin-top: 50px;
		}

		.eightCharItem{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 30px;
		}

		.eightCharTtlBlk{
			margin-bottom: 20px;
		}

		.eightCharNum{
			width: 30px;
			font-size: 20px;
		}

		.eightCharTtl{
			margin-left: 5px;
		}

		/* btn ============================ */
		.btnBlkWrap-ver2{
			padding: 0;
		}

		ul.sideBySideFont{
			margin-left: -100px;
		}
		ul.sideBySideFont li{
		}
		ul.sideBySideFont-wide{
			width:200%;
		}
		.content-2col{
			width: 100%;
			padding-bottom: 0;
			padding-left: 3%;
			padding-right: 3%;
		}

		.topWrap {
			padding: 20px 0;

		}

		.topBlk-separate {
			display: block;
			width: 100%;
			height: auto;
		}
}


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

	.contentInr{
		width: 100%;
		padding: 0 3%;
	}

	.newsDate{
		float: none;
		margin: 0 0 10px 0;
	}

	.newsTtl{
		float: none;
	}
}

@media screen and (max-width:639px){
	.contentItemBlk-product{
		width: 100%;
	}

	.contentItemBlk-purchase{
		width: 90%;
	}

	.contentTable{
		table-layout: fixed;
	}

	.contentItem{
		float: none;
		width: 225px;
		margin: 0 auto 30px;
	}

	.contentItem-product{
		width: 300px;
		margin: 0 auto 15%;
		float: none;
	}

	.contentItem-purchase{
/*		width: 300px;*/
		margin: 0 auto 5%;
		float: none;
	}

	.contentItemBlk-3_of_4{
		width: 100%;
		padding: 0 2%;
	}

	.contentItemBlk-2_of_4{
		width: 100%;
		padding: 0 2%;
	}

	.contentItem-forCenter{
		margin: 0 auto 30px;
	}

	.contentItemBlk .contentItem-forCenter:last-of-type{
		margin-right: auto;
	}

	.contentItem-forCenter .contentItemTtl{
		font-size: 18px;
	}

		.contentItemBlk>.contentItem:nth-of-type(4n){
			margin: 0 auto;
		}

		.contentItemBlk > .contentItem-2col:nth-of-type(3n){
			margin: 0 auto;
		}

		.contentItemBlk > .contentItem-purchase:nth-of-type(4n){
			margin: 0 5% 3%;
		}

	.formListItem,.listItemDt,.listItemDd{
		display: block;
	}

	.formDescription{
		text-align: justify;
	}

	.listItemDt{
		margin-bottom: 10px;
		width: 100%;
	}

	.listItemDd{
		width: 100%;
	}

	.btnBlk-left,.btnBlk-right{
		float: none;
		margin-bottom: 30px;
	}

	.btnBlk-left{
		margin-bottom: 30px;
	}

	.pageTtl{
		font-size: 30px;
	}

	.content-2col{
		width: 100%;
		padding-bottom: 0;
		padding-left: 3%;
		padding-right: 3%;
	}

	.contentItemBlkTtl{
		text-align: center;
	}

	.contentItemBlkDescription{
		text-align: justify;
		padding: 0 2%;
	}

/*	.tableFixed{
		display: block;
	}

	.tableFixedItem{
		display: block;
	}

	.tableFixedItemInr{
		width: 225px;
	}*/

	.side{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	ul.sideBySideFont{
		margin-left: -100px;
		width: 200%;
	}
	ul.sideBySideFont li{
	}
	ul.sideBySideFont-wide{
		width:auto;
		margin:0 5%
	}
	ul.sideBySideFont-2col{
		width: 160%;
		margin-left: -40px;
	}


    #FreeSpace {
        width: 100%;
        float: none;
        margin: 0 auto 50px;
        text-align: left;
    }

    .db_mypage {
        width: 98%;
        padding: 10px 10px 0;
        border: 1px solid #efefef;
        display: block;
    }

    .db_devide {
        display: block;
        float: none;
        margin: 0 auto 10px;
    }

    .db_devide img {
        width: 100%;
        display: block;
    }

    .db_devide a {
        display: block;
    }

    .db_devide .btnBlk {
        margin: 0 auto;
    }

    .db_devide .btn-product-purchase {
        font-size: 16px;
        font-weight: bold;
        padding: 10px 5px;
        min-width: 120px;
        margin: 0 auto;
        display: block;
    }

    .contentItemBlk-banner{
        width: 400px;
	}

}

@media screen and (max-width:424px){
	#spRegisterBtn{
		padding: 0 10px 0 0;
		margin-left: 10px;
	}

	#spMenuBtn{
		padding: 0 0 0 10px;
		margin-right: 10px;
	}
	ul.sideBySideFont-2col{
		width: 130%;
		margin-left: 0px;
	}
    .headerCluboff {
        margin-bottom: 40px;
        display: block;
    }
    .blockCluboff {
        margin: 0 20px 40px;
    }
    .titleCluboff {
        font-size: 30px;
        font-weight: bold;
        padding: 5px 5px 5px 15px;
        border-left: 10px solid #157696;
        margin-bottom: 20px;
    }
    .photoCluboff {
        float: none;
        display: block;
        margin: 0 auto 20px;
        text-align: center;
    }
    .photoCluboff img {
        width: 90%;
        margin: 0 auto;
    }
    .ytemb {
        margin: 30px auto;
        text-align: center;
    }

    .ytemb iframe {
        width: 320px;
        height: 240px;
    }

    .contentItemBlk-banner{
        width: 320px;
    }
}

@media screen and (max-width:374px){
	.contentTtl{
		font-size: 26px;
	}

	.contentTtl-small{
		font-size: 22px;
	}

	.contentTableData{
		font-size: 12px;
	}

	.contentTableData-date{
		width: 95px;
	}

    .contentItemBlk-banner{
        width: 320px;
    }

}




@media all and (-ms-high-contrast:none){
	* {
		font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
		/*line-height: 24px;*/
		} /* IE10 */
}


.extra {
	cursor: pointer;
	text-decoration: underline;
	color: #0075a9;
	font-weight: bolder !important;
	transition: all 0.3s;
    font-size: 100%;
}