@charset "UTF-8";

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

.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09,
	.col10, .col11, .col12 {
	float: left;
	box-sizing: border-box;
}

.col01 {
	width: 8.3333%;
}

.col02 {
	width: 16.6666%;
}

.col03 {
	width: 25%;
}

.col04 {
	width: 33.3333%;
}

.col05 {
	width: 41.6666%;
}

.col06 {
	width: 50%;
}

.col07 {
	width: 58.3333%;
}

.col08 {
	width: 66.6666%;
}

.col09 {
	width: 75%;
}

.col10 {
	width: 83.3333%;
}

.col11 {
	width: 91.6666%;
}

.col12 {
	width: 100%;
}

div.registrationGuidanceElement.frame01 {
	background: #ECF8FF;
	border: 2px solid #8ECFED;
	margin: 0 0 0 0;
}

div.registrationGuidanceElement.frame02 {
	background: #F3F4F5;
	border: 2px solid #D3D4D5;
	margin: 0 0 0 0;
}

div.cntrbtNav {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 10px;
}

div.cntrbtNav div.imgTd img {
	width: 50px;
}

div.catalogInfo div.alignC {
	text-align: left !important;
}

/** Purchase Product */
div.comListUnit div.imgTd.lImg img {
	width: 100px;
}

div.comListUnit div.publish {
	text-align: center;
}

.uiInputWithCheckBox {
	width: 90%;
}
/** Purchase Product */

/** Post Content Popup */
div.popupConfirm {
	width: 840px;
	z-index: 9999;
}

div.popupConfirmImage {
	width: 840px;
	z-index: 9999;
	text-align: left;
	display: block;
}

.popupSuggestSearchProducts {
	width: 600px;
	z-index: 9999;
}

/** Post Content Popup */
.popupLoading {
	width: 400px;
}

div.popupValidateDialog {
	width: 400px;
}

div.fixedHeaderContents {
	display: none;
}

@media only screen and (max-device-width: 640px) , only screen and
		(max-device-width: 667px) , only screen and (max-width: 480px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.col01-sp {
		width: 50%;
	}
	.col02-sp {
		width: 100%;
	}
	.col04-sp {
		width: 33.333%;
	}
	.col08-sp {
		width: 66.666%;
	}
	div#headInfo {
		display:none;
	}
	div#wrapper {
		margin: 0 auto;
		min-width: 320px;
		width: 100%;
	}
	div#contents div.comTopSection {
		display: none;
	}
	/* Fixed Contents -------------------------------------------------------*/
	#hFixedContents {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
		display: none;
	}
	/* Fixed Contents -------------------------------------------------------*/
	div#pBar.comProductCurtain td.subInfoArea {
		display: none;
		width: 320px; /
		width: auto; /* IE7 */
	}
	div.registrationGuidanceElement {
		text-align: center;
		padding: 25px;
		border-radius: 5px;
	}
	div.registrationGuidance div.fs14 {
		font-size: 12px !important;
	}
	div#headerBtm {
		display:none;
	}
	/* 20170328 maruyama delete 
	div#contents div.leftCol {
		display: none;
	}
	*/
	div#contents.narrow {
		width: 320px;
	}
	div.narrowFrame {
		margin: 0 auto;
		width: 100%;
	}
	div.comTopContainer div.comTopColLeft {
		float: left;
		width: 82px;
		padding: 0 5px 0 5px;
	}
	div.comTopContainer div.signImg img {
		width: 60px;
		border-radius: 3px;
	}
	div.comTopContainer div.signImg {
		border: 1px solid #D3D4D5;
		border-radius: 3px;
		padding: 5px;
		background: #FFF;
	}
	div.comTopContainer h1 {
		font-size: 1.3em;
		font-weight: normal;
	}
	div.registrationInfo img {
		border: none;
		width: 85%;
	}
	div.headlineNav {
		padding: 10px;
	}
	div.headlineNav li {
		font-size: 11px;
		position: relative;
		margin: 0 0 0 5px;
		height: 16px;
	}
	strong {
		font-size: 1em;
		font-weight: bold;
	}
	div.headlineNav li div.tale {
		background: url(../img/bgTaleUpW.png) no-repeat 0 0;
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin: 0 0 0 -5.5px;
		width: 11px;
		height: 6px;
		display: none;
	}
	div.comListUnit table {
		width: 90%;
	}
	div.comLineInfo li {
		margin: 0 0 0 0 !important;
	}
	.pl20-sp {
		padding-right: 20px !important;
		margin-top: 20px
	}
	#unvHeader {
		width: 100%;
		min-width: 320px;
		height: 40px;
		background: #333;
		border-bottom: 1px solid #111;
		position: relative;
	}
	.gbNav .gbLiM span {
		line-height: 20px;
	}
	.gnL {
		position: absolute;
		left: 0;
		width: 70%;
		font-size: 0.8em;
		text-align: justify\9;
	}
	.gbNav .gbLiM {
		font-size: 0.8em;
		color: #FFF;
		position: relative;
		margin: 0;
	}
	.purchaseItemThumbList {
		display: none;
	}
	.strcBtn26 a span {
		display: inline-block; /
		display: inline; /
		zoom: 1;
		line-height: 26px;
		font-size: 0.8em;
		padding: 0 10px 0 0;
		height: 26px;
		_height: auto;
	}
	div.cntrbtNav div.comCntrbtBtnRow li {
		margin: 0 0 0 5px;
	}
	.pInfo {
		font-size: 0.8em;
	}
	.fs11 {
		font-size: 0.9em !important;
	}
	.strcBtn20 a {
		display: inline-block; /
		display: inline; /
		zoom: 1;
		color: #333;
		text-decoration: none;
		padding: 0 0 0 4px;
		height: 20px;
		_height: auto;
	}
	.strcBtn20 a span {
		display: inline-block; /
		display: inline; /
		zoom: 1;
		line-height: 20px;
		font-size: 10px;
		padding: 0 4px 0 0;
		height: 20px;
		_height: auto;
	}
	div.cntrbtNav div.btnArea {
		margin-top: 20px;
	}
	div.subNav li {
		margin: 0 0 0 5px;
	}
	div.comListUnit div.btnTd {
		text-align: right;
	}
	div.cntrbtColumn {
		width: 240px;
		margin: 15px 0 0 0;
	}
	.strcBtn30 a span {
		display: inline-block; /
		display: inline; /
		zoom: 1;
		line-height: 30px;
		font-size: 1em;
		padding: 0 2px 0 0;
		height: 30px;
		_height: auto;
	}
	div.comListUnit div.inner {
		max-width: 100%;
		position: relative;
	}
	.uiInputWithCheckBox {
		width: 85%;
	}
	/** Post Content Popup */
	div.popupConfirm {
		width: 310px;
		z-index: 9999;
	}
	div.popupConfirmImage {
		width: 310px;
		z-index: 9999;
		text-align: left;
		display: block;
	}
	div.popupValidateDialog {
		width: 310px;
	}
	div.comListUnit td.imgTd.lImg img {
		width: 50px;
	}
	div.popupConfirm div.puHeadContainer div.fs18 {
		font-size: 14px !important;
	}
	div.popupConfirmImage div.puHeadContainer div.fs18 {
		font-size: 14px !important;
	}
	.popupSuggestSearchProducts {
		width: 310px;
		z-index: 9999;
	}
	/** Post Content Popup */
	.popupLoading {
		width: 310px;
	}
	div#footer div#footerBody.footerThin {
		padding: 30px 0;
	}
	div.fixedHeaderContents {
		display: block;
		top: 0;
		width: 100%;
	}
	
	div.fixedHeaderContents #pBar .imgArea img {
		border: 1px solid #000000;
		border-radius: 30px;
		max-width: 50px;
		max-height: 50px;
	}

    /* 20170315 nakamura add */
	#headerTop .hLoginInfo {
    	display: none;
	}
	
    /* 20170323 nakamura add */
	div.comListUnit div.cntrbtImgUnit div.cntrbtImg img {
		max-width: 90%;
        height: auto;
	}

    /* 20170323 nakamura add */
	div.comListUnit div.cntrbtImgUnit div.cntrbtImg div.thumbImgFrame {
		background: #ffffff;
	}
	
	/* 20170328 maruyama add */
	div#contents div.leftCol {
		float: initial;
		margin: 0 0px;
		padding: 0 10px 15px;
		width: calc(100% - 20px);
	}
	
	/* 20170328 maruyama add */
	.ySearchBar .yBtn .yBtnText {
		padding: 13px 10px;
	}
	
	/* 20170328 maruyama add */
	.ySearchBar .ySearchInputText {
		padding: 12px 5px;
	}
	
	/* 20170328 maruyama add */
	.leftCol .sideContainer{
		display: none;
	}
	
	/* 20170328 maruyama add */
	.leftCol .sideContainer.spView{
		display: block;
	}
		
}