@media screen and (min-width: 768px){



a:hover * {
	transition: all 200ms linear;
	filter:alpha(opacity=90);
	opacity:0.9;
}		

#AW_OP {
	max-width:1206px;
	margin-bottom:80px;
}

#AW_OP img{
	max-width:100%;
	height:auto;
}

#AW_OP span.spbr{
	display:none;
}


/* header
============================================================*/

#AW_OP header{
	margin:0 0 60px;
}

#AW_OP header .headerInner{
	margin:10px auto 0;
	text-align:center;
	background:url(images/pc_header.jpg) no-repeat center top;
	background-size:100% auto;
	padding:50px 0;
}

#AW_OP header .headerInner h1{
	font-family: "FP-ヒラギノ明朝 ProN W3", FP-HiraMinProN-W3, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:340%;
	line-height:1em;
	margin-bottom:55px;
}

#AW_OP header .headerInner h1 .firstLine{
	font-size:60%;
	display:block;
	color:#8F1012;
}

#AW_OP header .headerInner p{
	font-size:120%;
}


/* column
============================================================*/

/* col2 */
#AW_OP ul.col2{
	padding-right:20px;
	margin-bottom:20px;
}

#AW_OP ul.col2 li{
	border:#f0f5c2 3px solid;
	float:left;
	width:50%;
	box-sizing:border-box;
	margin-right:20px;
	padding:12px;
	text-align:center;
}

#AW_OP ul.col2 li:last-child{
	margin-right:-20px;
}


/* col3 */

#AW_OP ul.col3{
	margin-bottom:80px;
}

#AW_OP ul.col3 li{
	float:left;
	width:32.3383084%;
	box-sizing:border-box;
	margin-right:18px;
	text-align:center;
	position:relative;
}

#AW_OP ul.col3 li:last-child{
	margin-right:-18px;
}

/* col4 */

#AW_OP ul.col4{
	margin-bottom:70px; /*padding10のぶｎ*/
}

#AW_OP ul.col4 li{
	float:left;
	width:23.7147595%;
	box-sizing:border-box;
	margin-right:20px;
	text-align:center;
}

#AW_OP ul.col4 li:last-child{
	margin-right:-20px;
}


/* section
============================================================*/

#AW_OP section a:link{
	text-decoration:none;
}

#AW_OP section a:visited{
	text-decoration:none;
}

#AW_OP section a:hover{
	text-decoration:none;
}

#AW_OP section a:active{
	text-decoration:none;
}



/* col3 */

#AW_OP ul.col3 section {
	text-align:left;
}


#AW_OP ul.col3 .op_genru_image {
	position:relative;
	margin-bottom:30px;
}

#AW_OP ul.col3 section h2{
	font-family: "FP-ヒラギノ明朝 ProN W3", FP-HiraMinProN-W3, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-shadow:1px 1px 1px #fff;
	position:absolute;
	top: 48%;
    left: 12%;
    font-size: 210%;
    color: #000000;
    line-height: 1.0em;
    letter-spacing: -0.04em;
}

.op_all_01, .op_all_02, .op_all_03{
	font-size:140%;
	line-height:1.2em;
	color:#000000;
	min-height:157px;
	width:100%;
	display:table;
}

.op_all_01 {
	background:url(images/pc_img_01_all.jpg) no-repeat;
	background-size:100% 100%;
}

.op_all_02 {
	background:url(images/pc_img_02_all.jpg) no-repeat;
	background-size:100% 100%;
}

.op_all_03 {
	background:url(images/pc_img_03_all.jpg) no-repeat;
	background-size:100% 100%;
}

.op_all_01 span, .op_all_02 span, .op_all_03 span {
	display:table-cell;
	vertical-align:middle;
	padding-left:56%;
    padding-top: 14px;
}


/* col4 */

#AW_OP ul.col4 section h2{
	font-family: "FP-ヒラギノ明朝 ProN W3", FP-HiraMinProN-W3, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:180%;
	letter-spacing: -0.04em;
	color:#fff;
	background:#1b1b21;
	padding:16px 0;
}



/* ranking
============================================================*/

#mod_1columnArea div.mod_1columnArea_ranking{
	padding:0;
	margin-bottom:34px;
}

#AW_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking{
	margin:30px 0;
}

#AW_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking h2{
	/*font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Times New Roman";*/
	font-size:250%;
	padding-left:50px;
	background:url(images/icon_crown.png) no-repeat left top;
	position:relative;
	bottom:20px;
}

#AW_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking p.update{
	float:right;
}

#AW_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking ul.tabmenu {
    position: absolute;
    right: 0;
    top: 29px;
    height: 29px;
}


/* morelink
============================================================*/

#AW_OP ul.morelink{
	margin-bottom:50px;
}

#AW_OP ul.morelink li{
	padding:1px;
}


/* clearFix
============================================================*/
#AW_OP ul.col2:after,
#AW_OP ul.col3:after,
#AW_OP ul.col4:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#AW_OP ul.col2,
#AW_OP ul.col3,
#AW_OP ul.col4{
	zoom:1;
}

}


/* narrow width 
============================================================*/

@media screen and (min-width: 768px) and (max-width: 1080px){


#AW_OP header .headerInner{
	padding:25px 0;
}

#AW_OP header .headerInner h1{
	margin-bottom:40px;
}

#AW_OP header .headerInner p{
	font-size:110%;
}

}

@media screen and (min-width: 768px) and (max-width: 1090px){

#AW_OP ul.col4 section h2{
	font-size:150%;
}

}

@media screen and (min-width: 768px) and (max-width: 1117px){
	#AW_OP ul.col3 section h2{
	position:absolute;
	top:48%;
	left:8%;
	font-size:200%;
	color:#000000;
	line-height:1.0em;
	text-align:left;
}

.op_all_01 span, .op_all_02 span, .op_all_03 span {
	padding-left:52%;
}

	
}