@charset "utf-8";
/*
Theme Name: Š—Œ´”R—¿�Z‘î�Ý”õŠ”Ž®‰ïŽÐ—pŽqƒe�[ƒ}
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
This is for TOP-PAGE and CATEGORY-LIST pages style sheet file.
Author: Š—Œ´”R—¿�Z‘î�Ý”õŠ”Ž®‰ïŽÐ 
Tags: 
Version: 0.1.0
*/

/*********** PR�€–Ú **********/
.loc-divPR {
	float:left;
	width: 33.3%;
	margin-bottom: 11px;
}

.loc-divTop { 
	float:left;
	width: 99%;
	background-color: #00b9eb38;
	height: 206px;
	margin: 0 5px 0 5px !important;
}

.loc-divBottom { 
	float:left;
	width: 99%;
	background-color: #effdff;
	height: 200px;
	margin: 0 5px 0 5px !important;
}

.loc-imgPR { width: 98% !important; margin-top: 5px !important; }
.loc-imgPR2 { width: 98% !important; margin-top: 5px !important;}


/********** ƒRƒ�ƒ“ƒg **********/
.loc-txtPR { margin: 0px 0 0px 0 !important; }
.loc-txtBlue {
	color: #1e73be;
	font-size: 110%;
	font-weight: bold;
}
.loc-txtFont { font-size: 100%; }

/*********** ŠÖŒW‰ïŽÐ ********/
.loc-imgRel {
	border: solid 1px rgba(153, 153, 153, 0.5);
	width: 95%;
}
.loc-divRel { margin-top: 10px; }

/* Global Signƒ�ƒS */
.loc-imgLogo { float: right; margin-top: 5px; }

/*********** �d—v ********/
#attention {
    display: flex;
    border: 1px solid #DE0000;
    margin: 0 0 0.8rem;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
}

.loc-imgExclamation {
    width: 2rem;
    height: auto;
    background-color: #DE0000;
    color: #FFF;
    text-align: center;
    padding: 0.5rem 0;
    display: flex;
    justify-content: center;
    border: 2px solid #DE0000;
    font-size: 1.5rem;
    align-items: center;
    font-weight: bold;
}

.loc-btnDetail {
    font-size: 0.8rem;
    margin-left: 2rem;
    padding: 0.2rem 1rem;
    background-color: #005BAB;
    color: #FFF;
    border-radius: 3px;
    vertical-align: middle;
}

.loc-txtMessage { font-size: 115%; }


/********** ƒXƒ}ƒz‰æ–Ê�i‰¡Œü‚«�j *********/
@media screen and (max-width: 828px) {
	.loc-divTop { height: 178px; }
	.loc-divBottom { height: 178px; }
	
	.loc-btnDetail { display: none; }
}

/********** iPhone7 Plus *********/
@media screen and (max-width: 480px) {
	/* PR�€–Ú */
	.loc-divPR {
		float:left; 
		width: 100%;
		margin-bottom: 10px;
	 }
	.loc-divTop {
		float:left; 
		width: 97%; 
		height: 115px;
		border: solid 2px rgba(0, 0, 255, 0.3);
		border-radius: 2px; 
	}
	.loc-divBottom {
		float:left; 
		width: 97%; 
		height: 85px;
		border: solid 2px rgba(0, 0, 255, 0.5);
		border-radius: 2px; 
	}
	  	
	.loc-imgPR { width: 60% !important; float: right; margin-top:5px!important; padding-right: 10px;}
	.loc-imgPR2 { width: 50%  !important; float: left; margin-top:5px!important; padding-left: 10px;}
	  	
	.loc-txtPR {padding: 15px 0 !important;}

	/* ŠÖŒW‰ïŽÐ **/
	.loc-imgRel { width: 66%;}
	
	/* Global Signƒ�ƒS */
	.loc-imgLogo { margin-right: 17%; }
	
	.loc-txtMessage { font-size: 100%; }
}

/********** iPhone6/7/8 *********/
@media screen and (max-width: 375px) {
	.loc-divTop { height: 105px; }
	.loc-divBottom { height: 76px; }

	.loc-imgPR { width: 60%  !important; float: right; }
	.loc-imgPR2 { width: 50%  !important; float: left; padding-left: 5px; }
	
	.loc-txtPR {padding: 10px 0 !important; letter-spacing: normal;}
}

/********** iPhone5/SE *********/
@media screen and (max-width: 320px) {
	.loc-txtBlue { font-size: 104%; letter-spacing: normal; }
	.loc-txtFont { font-size: 95%; letter-spacing: normal; }
		
	.loc-divTop { height: 90px; }
	.loc-divBottom { height: 76px; }
	
	.loc-imgPR { width: 56%  !important; }
	.loc-imgPR2 { width: 47% !important; }
}