@import url("font.css");
body {
	margin: 0;
	font-size: 12px;
	line-height:150%;
	padding-top:15px;
	font-family:"Helvetica Neue", Helvetica,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}
#phcon h1, #phcon h2, #phcon h3 ,#phcon h4 {
	margin:0;
	padding:0;
}
#phcon h3 {
	clear:both;
	margin-top:1em;
}
#phcon img {
	border:none;
}
#mobile {
    display: none;
}

.wrap#phcon  {
	width:960px;
	margin:0 auto;
}

#phcon #content {
	width:730px;
	float:left;
	padding:0 10px;
}
#phcon .foot {
	clear:both;
	width:100%;
	text-align:center;
	padding:40px 0 30px 0;
}
#phcon .foot span {
	padding:0 5px;
	vertical-align:middle;
}
#phcon .t-right {
	text-align:right;
}

#phcon span:lang(ja) {font-family: sans-serif}

/* メニュー部分 
---------------------------------------- */
#phcon .head-nav{
	width:178px;
	float:left;
	border:1px solid #ccc;
	padding:2px;
	color:#666;
	font-size:14px;
}
#phcon .head-nav ul {
	margin:0;
	padding:0;
}	

#phcon .head-nav ul li{
	display: block;
	margin: 0;
	line-height: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px  dashed #dfdfdf;
	background:#eee;
}
#phcon .head-nav ul li.menu,
#phcon .head-nav ul li.nobl{
	border-bottom:none;
}
#phcon .head-nav ul li.menu-j0,
#phcon .head-nav ul li.menu-d0{
	border-top:3px solid #fc6600;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #9c9c9c), color-stop(0.00, #f5f5f4));
	background: -webkit-linear-gradient(top, #f5f5f4 0%, #ddd 88%);
	background: -moz-linear-gradient(top, #f5f5f4 0%, #ddd 88%);
	background: -o-linear-gradient(top, #f5f5f4 0%, #ddd 88%);
	background: -ms-linear-gradient(top, #f5f5f4 0%, #ddd 88%);
	background: linear-gradient(to bottom, #f5f5f4 0%, #ddd 88%);
	border-bottom: 1px  solid #dfdfdf;
	padding-left:10px;
}
#phcon .head-nav ul li.menu-d0{
	border-top:3px solid #1568b5;
}
#phcon .head-nav ul li a{
	display: block;
	background:#fff;
	text-decoration:none;
	color:#666;
}
#phcon .head-nav ul li.menu-j1 a:before,
#phcon .head-nav ul li.menu-d1 a:before{
	content: "\f054";
	font-family: ico01;
	padding:0 5px;
	color:#fc6600;
	}
#phcon .head-nav ul li.menu-d1 a:before{
	color: #1568b5;
}	
#phcon .head-nav ul li.gra a:after{
	content: "\f091";
	font-family: ico01;
	padding:0 5px;
	color:#fc0;
	}
#phcon .head-nav ul li a:hover{
	background:#eee;
}
#phcon .head-nav ul li.menu-d0 {
	margin-top:5px;
}
#phcon .head-nav ul li.menu-d1:last-child {
	border-bottom:none;
	margin-bottom:5px;
}

/* ヘッダー
---------------------------------------- */
#phcon #content h1 {
	border-top:3px solid #fc6600;
	border-bottom:2px solid #fc6600;
	text-align:center;
	padding:5px 0 10px 0;
	margin:0;
}
#phcon .font-s {
	font-size:9px;
	font-weight:normal;
	line-height:1.2em;
	letter-spacing:-0.075em;
}
#phcon h1 span span.font-ss {
	font-size:8px;
}
#phcon .txt01 {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin:10px 0;
	padding:0;
}
#phcon .txt02 {
	color:#f00;
}
#phcon .txt02:before {
	content: "\f071";
	font-family: ico01;
	padding-right:5px;
	font-size:16px;
	color:#fc0;
}
#phcon .txt .font-s {
	font-size:11px;
}

/* 見出し 
---------------------------------------- */
#phcon #content td h2 {
	margin-top:0;
}

#phcon #content h3 {
	font-size:1.8em;
	font-weight:200;
}
#phcon #content h4 {
	font-size:1.6em;
	font-weight:200;
	border-left:5px solid #999;
	padding-left:10px;
	margin:30px 0 10px 0;
}
#phcon #content h4 span {
	font-size:0.8em;
	font-weight:200;
	color:#666;
	padding:0 0 0 10px;
}
#phcon #content td h4 {
	font-size:1.6em;
	font-weight:200;
	border-left:5px solid #fc6600;
	padding-left:5px;
	margin:10px 0 10px 10px;
	text-align:left;

}
#phcon #content td h4 span {
	font-size:0.7em;
	color:#666;
	padding:0 0 0 10px;
}
#phcon #content h4 span.dsp-b {
	font-size:10px;
	padding:0 0 0 20px;
}
#phcon #content h4 span.dsp-b:before {
	content: "\f00e";
	font-family: ico01;
	padding-right:5px;
	font-size:16px;
	color:#ccc;
}
#phcon .smp {
	background:#ea4b3d;
	color:#fff;
	padding:2px 3px;
	font-weight:normal;
}

/* 枠 
---------------------------------------- */
#phcon table.frm {
	width:100%;
}
#phcon table.frm,
#phcon table.frm td {
	border:1px solid #ccc;
	border-collapse:collapse;
}
#phcon table.frm td {
	padding:10px 0;
}
#phcon table.frm td table,
#phcon table.frm td table td {
	border:none;
}
#phcon table.frm td table td {
	padding:0;
}
#phcon table.frm.t02 td {
	width:50%;
	text-align:center;
}
#phcon table.frm.t02 div.ph01 {
	height:163px;
	width:1%;
	vertical-align:middle;
	text-align:center;
	display: table-cell;
}
#phcon table.frm.t02 div.ph01 img {
	width:163px;
	height:auto;
}
#phcon table.frm.t02 div.ph01.t img {
	height:163px;
	width:auto;
}
#phcon table.frm.t03 td {
	width:33%;
	text-align:center;
}
#phcon table.frm.t03 div.ph01 {
	height:203px;
	width:1%;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
#phcon table.frm.t03.jtoku div.ph01 {
	height:164px;
}
#phcon table.frm.t03 div.ph01 img {
	width:128px;
	height:auto;
}
#phcon table.frm.t03 div.ph01.t img {
	height:128px;
	width:auto;
}
#phcon table.frm.t03.gra div.ph01 img {
	width:203px;
	height:auto;
}
#phcon table.frm.t03.gra div.ph01.t img {
	height:203px;
	width:auto;
}
#phcon table.frm.t05 td {
	width:20%;
	text-align:center;
	vertical-align:top;
}
#phcon table.frm.t05 td span.crs_n {
	color:#fc6600;
	display:block;
	margin-top:5px;
	margin-bottom:0px;
	font-size:10px;
}
#phcon table.frm.t05 tr.row_crs td {
	padding:5px;
	text-align:left;
	color:#fc6600;
	font-weight:bold;
	background:#faf4e2;
}
#phcon table.frm.t05 div.ph01 {
	height:116px;
	width:1%;
	vertical-align:middle;
	text-align:center;
	display: table-cell;
}
#phcon table.frm.t05 div.ph01 img {
	width:112px;
	height:auto;
}
#phcon table.frm.t05 div.ph01.t img {
	height:112px;
	width:auto;
}
#phcon #content .btn a {
        display:block;
	background:#ddd;
	border:1px solid #ccc;
	border-radius:2px;
	width:8em;
	padding:5px;
	margin:10px auto;
	color:#333;
	text-decoration:none;
	text-align:center;
}
#phcon #content .btn.size2 a {
	width:10em;
}
#phcon #content .btn a:hover {
	background:#eee;
}

#phcon div.txt {
	text-align:center;
}


/*new2017*/

#phcon #content h2 {
	font-weight:bold;
	font-size:1.8em;
	padding:15px 10px;
	margin:10px 10px 15px 10px;
	background:#fc6600;
	color:#fff;
	text-align:center;
	border-radius:5px;
}
#phcon #content h2 span {
	font-size:0.8em;
	padding-left:0.5em;
}


/* top
---------------------------------------- */

.top_bmn {
	border:1px solid #ddd;
	border-top:3px solid #fc6600;
	width:100%;
	float:left;
	margin-bottom:2em;
}
.top_bmn .top_gra {
	width:55%;
	float:left;
	float:left;
	text-align:center;
}
.top_bmn .top_gra .ph_gra {
	width:100%;
	text-align:center;
}
.top_bmn .top_gra .ph_gra img {
	margin:10px auto;
	width:240px;
}
.top_bmn .top_gra .ph_gra.t img {
	height:240px;
	width:auto;
}
.top_bmn .top_crs {
	width:44%;
	float:right;
	margin:10px 0;
}
.top_bmn .top_gra .ph_gra img {
	margin:10px auto;
}
.top_bmn .top_crs .crs01 {
	clear:both;
	float:left;
	margin:1px auto;
	width:98%;
	border:1px solid #ddd;
}
.top_bmn .top_crs .crs_txt {
	width:50%;
	float:left;
	margin:10px;
}
.top_bmn .top_crs .ph01 {
	width:40%;
	float:right;
	text-align:center;
	margin:0;
	padding:0;
	line-height:0;
}
.top_bmn .top_crs .ph01 img {
	width:120px;
	margin:5px auto;
}
.top_bmn .top_crs .ph01.t img {
	height:120px;
	width:auto;
}
.top_bmn .btn {
	clear:both;
}
.top_bmn .btn a {
	padding-top:0;
}
#phcon .crs {
	color:#fc6600;
	font-size:18px;
	font-weight:bold;
}
#phcon .cate-dameshi {
	color: #1568b5;
}
#phcon .cttl {
	font-size:16px;
	font-weight:bold;
}
#phcon .crs span {
	font-size:12px;
	padding-left:0.25em;
}

/* 特選・準特
---------------------------------------- */
#phcon table.frm.t01 td {
	width:40%;
	text-align:center;
}
#phcon table.frm.t01 td.jun {
	width:60%;
}
#phcon table.frm.t01 td.jun div.ph {
	width:50%;
	float:left;
}

#phcon table.frm.t01 div.ph01 {
	height:170px;
	width:1%;
	vertical-align:middle;
	text-align:center;
	display: table-cell;
}
#phcon table.frm.t01 div.ph01 img {
	width:170px;
	height:auto;
}
#phcon table.frm.t01 div.ph01.t img {
	height:170px;
	width:auto;
}
#phcon table.frm.t01 td.jun div.ph01 img {
	width:130px;
	height:auto;
}
#phcon table.frm.t01 td.jun div.ph01.t img {
	height:130px;
	width:auto;
}
#phcon #content p span.dsp-b {
	font-size:10px;
	padding:0 0 0 20px;
	float:right;
}
#phcon #content p span.dsp-b:before {
	content: "\f00e";
	font-family: ico01;
	padding-right:5px;
	font-size:16px;
	color:#ccc;
}




/* 佳作
---------------------------------------- */
#phcon div.kasaku {
	width:100%;
	linr-height:125%;
}
#phcon div.kasaku div div {
	width:25%;
	float:left;
}
#phcon div.kasaku h5 {
	color:#f00;
	margin:0;
	padding:0;
	font-size:100%;
}
#phcon h5.ttl_kasakucrs {
	font-size:1.2em;
	color:#fc6600;
}

/* グランプリ
---------------------------------------- */
#phcon .souhyou {
	clear:both;
}
#phcon .comment {
	width:55%;
	float:left;
}
#phcon .comment p{
	padding:5px 20px 10px 5px;
	line-height:1.6em;
}
#phcon .profile {
	width:45%;
	float:left;
	background:#ffc;
}
#phcon .profile div {
	width:100%;
}
#phcon .profile div img {
	margin:0 10px 0 0;
}
#phcon .profile p {
	margin:10px;
	font-size:0.875em;
	line-height:1.4em;
	color:#444;
}
#phcon .name {
	font-size:1.4em;
}
#phcon .profile .name {
	line-height:1.4em;
}
#phcon .frm-gra {
	clear:both;
	border:10px solid #eee;
	margin:10px 0;
}
#phcon #content .frm-gra h4 {
	border-left:none;
	margin:15px 0 0 0;
}
#phcon .frm-gra h4:before {
	content: "\f091";
	font-family: ico01;
	font-size:1.2em;
	padding:0 5px;
	color:#fc0;
}
#phcon .frm-gra h5 {
	font-size:1.6em;
	margin:15px 0 10px 0;
}
#phcon .frm-gra h5 span {
	display: block;
	font-size:0.7em;
	color:#fc6600;
	line-height:0.8em;
	margin:15px 0 10px 0;
}
#phcon .frm-gra .img {
	margin:15px 20px;
	float:left;
	width:300px;
	text-align:center;
}
#phcon .frm-gra .img img {
	width:300px;
}
#phcon .frm-gra .img.t img {
	height:300px;
	width:auto;
}
#phcon .frm-gra div.txt {
	text-align:left;
	width:50%;
	float:left;
	padding-left:10px;
}
#phcon .frm-gra div.txt p{
	margin:20px 10px 15px 0;
}
#phcon .btn.t-right a {
	margin:0;
	float:right;
}
#phcon .btn.t-right {
	margin-bottom:10px;
	width:100%;
}
#phcon .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#phcon .clearfix { display: inline-table; }


/* responsive 
---------------------------------------- */
@media screen and (max-width: 768px) {
   body {
        padding-top:0;
    }
    #mobile {
        display: block;
	background:#666;
	padding:5px;
	margin-bottom:5px;
	font-size:18px;
    }
    a#sidr-menu-button {
	color:#ffffff;
	text-decoration:none;
    }
    #sidr-menu-button:before {
	content:"\f0c9";
	font-family: ico01;
	padding-right:5px;
	font-size:22px;
	color:#ffffff;
    }
    #phcon .head-nav{
	display:none;	
	}
    .wrap#phcon  {
        width:98%;
	margin:0 auto;
    }
    #phcon #content {
        padding:0;
    }
    #phcon #content,
    #phcon #content table,
    #phcon #content h1 img,
    #phcon .comment,
    #phcon .profile {
        width:100%;
	height:auto;
    }
    #phcon .foot span {
	padding:0 0px;
	display:inline-block;
	width:30%;
    }
    #phcon .foot img {
        width:90%;
	height:auto;
	max-width:140px;
    }
    #phcon .foot img.logo-s {
        width:45%;
	max-width:70px;
    }
    #phcon table.frm {
	width:98%;
    }
    #phcon .btn a {
        font-size:0.85em;
    }
    #phcon table.frm.t02  div.ph01 img {
	width:120px;
	height:auto;
    }
    #phcon table.frm.t02 div.ph01.t img {
	height:120px;
	width:auto;
    }
    #phcon table.frm.t02 div.ph01 {
	height:120px;
    }
    #phcon table.frm.t03 div.ph01 img,
    #phcon table.frm.t03.gra div.ph01 img {
	width:90px;
	height:auto;
    }
    #phcon table.frm.t03 div.ph01.t img,
    #phcon table.frm.t03.gra div.ph01.t img {
	height:90px;
	width:auto;
    }
    #phcon table.frm.t03 div.ph01,
    #phcon table.frm.t03.jtoku div.ph01,
    #phcon table.frm.t03 div.ph01.t,
    #phcon table.frm.t03.jtoku div.ph01.t {
	height:105px;
    }
    #phcon table.frm.t05 div.ph01 img {
	width:55px;
	height:auto;
    }
    #phcon table.frm.t05 div.ph01.t img {
	height:55px;
	width:auto;
    }
    #phcon table.frm.t05 div.ph01 {
	height:55px;
    }
    #phcon table.frm.t05 div.txt {
    	font-size:0.95em;
        line-height:1.4em;
    }
    #phcon div.kasaku div {
	width:48%;
	margin-left:1%;
	float:left;
    }
    #phcon div.kasaku div div {
	width:100%;
    }
    #phcon span.br{display:inline-block;}
    .txt02 {
    	font-size:9px;
    }
    #phcon h1 span.font-s {
	font-size:10px;
	font-weight:normal;
	line-height:11px;
    }
    #phcon h1 span span.font-ss {
	font-size:8px;
    }
    #phcon .txt02:before {
	font-size:12px;
	color:#fc0;
    }
    #phcon .frm-gra .img {
	width:100%;
	height:auto;
    }
    #phcon .frm-gra .img img {
	width:200px;
        height:auto;
    }
    #phcon .frm-gra .img.t {
        height:200px;
    }
    #phcon .frm-gra .img.t img {
        height:100%;
	width:auto;
    }
    #phcon .frm-gra div.txt {
	width:100%;
    }
    #phcon .comment p {
        padding:5px 10px;
    }
    #phcon .txt span,
    h4 span.dsp-b {
	display:block;
    }
    #phcon .frm-gra div.txt p {
        margin:15px 15px 15px 0;
    }
    
    
    /*new*/
    .top_bmn .top_gra, 
    .top_bmn .top_crs {
    	width:100%;
    }
    .top_bmn .top_crs .crs01 {
	margin:1px 5px;
	width:96%;
    }
    #phcon .frm-gra .img {
       margin:0;
    }
    #phcon table.frm.t01  div.ph01 img {
	width:120px;
	height:auto;
    }
    #phcon table.frm.t01 td,
    #phcon table.frm.t01 td.jun {
	display:block;
	width:100%;
	float:left;
    }
    #phcon table.frm.t01 div.ph01 {
	height:110px;
    }
    #phcon table.frm.t01 td.jun div.ph01 img {
	width:90px;
	height:auto;
    }
    #phcon table.frm.t01 td.jun div.ph01.t img {
	height:90px;
	width:auto;
    }
    #phcon table.frm.t01 td.jun div.ph01 {
	height:90px;
    }
    #phcon table.frm.t05 td span.crs_n {
	font-size:7px;
	line-height:9px;
	margin-bottom:5px;
    }


}

@media screen and (min-width: 768px) {
#wMenuFull dl {
    width: 18%;
}
ol.tPath {
    box-sizing: border-box;
}
}