/*=========================================*/
/*reset by default.css*/
/*=========================================*/
body, div, p, h1, h2, h3, h4, h5, h6, table, tr, th, td, fieldset, pre, code, ul, ol, li, dl, dt, dd, textarea, blockquote, address, caption, form {
font-family:"ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" sans-serif;
list-style:none;
line-height:1.4;
border-collapse:collapse;
margin:0;
padding:0;
}
a:link, a:visited, a:active { color:#003399; text-decoration:none; }
a:visited { color:#880088; }
a:hover { text-decoration:underline; }
img { border:0; }

/*=========================================*/
/*font & parts by default.css*/
/*=========================================*/
.t12 { font-size:12px; }
.t14 { font-size:14px; }
.t16 { font-size:16px; }
.t18 { font-size:18px; }
.t20 { font-size:20px; }
.t24 { font-size:24px; }
.t_center { text-align:center; }
.t_left { text-align:left; }
.t_right { text-align:right; }
.t_bold { font-weight:bold; }
.t_s { text-decoration:line-through; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.t_gry { color:#666; }

.ml10{margin-left:10px;}

/*==========================================================*/
/* 汎用 */
/*==========================================================*/
.iblock{display:inline-block;}
.block{display:block;}
@media screen and (max-width: 480px) {
  .sp-iblock{display:inline-block;}
  .sp-block{display:block;}
}
.fix-img {max-width:100%; height:auto;}
/*==========================================================*/
/* グリッド スマホ対応版 default.cssとは若干異なるので注意*/
/*==========================================================*/
.wrap_grid {
width:100%;
overflow:hidden;
zoom:1;
 font-size:14px;
}
.grid4_1, .grid4_2, .grid4_3 {
float:left;
position:relative;
overflow:hidden;
zoom:1;
}
.grid4_1, .grid4_2, .grid4_3 { margin:0 0 0 1%; }
.grid4_1 { width:24%; }
.grid4_2 { width:49%; }
.grid4_2 p { font-size:14px; }
/*
@media screen and (max-width: 480px) {
.grid4_2{
	width:100%;
	float: none;
	margin:0.5em 0 0;}
}
*/
.grid4_3 { width:75%; }
.grid_first { margin:0 0 0 0; clear:left; }

@media screen and (max-width: 480px) {
.grid4_2{
	width:100%;
	float: none;
	margin:0.5em auto 20px;
  }
  .grig4_2.grid_first{
    margin:0.5em auto 20px;
  }
}

/* New grid 2018/06/21*/
.grid{
	overflow: hidden;
}
.grid:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
/*数字は分割数*/
.g02, .g03{
	float:left;
	position:relative;
	overflow:visible;
	padding:0 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.g02{width: 50%;}
.g03{width: 33%;}
@media screen and (max-width: 480px) {
  .g02{width: 100%;}
  .g03{width: 50%;}
  .sp-g01{width:100%;}
  .sp-g02{width:50%;}
}



/*=========================================*/
/*SP 汎用*/
/*=========================================*/
.sp_ib, .sp_b{display:none;}

@media screen and (max-width: 480px) {
  .sp_ib{display:inline-block;}
  .sp_b{display:block;}
  .sp_d_no{display:none;}
}


/*=========================================*/
/*layout 2017~*/
/*=========================================*/
.bnr_opacity a:hover img {opacity:0.7;filter:alpha(opacity=70);zoom:1;}

/* -----個別Pタイトル----- */
h3.storytitle {color:#666;font-size:22px;margin: 0;font-weight:400;background:#f5f5f5;}
h3.storytitle a {color:#666;display:block;padding:12px 15px 10px;border-bottom:1px #fff solid;}
h3.storytitle a:hover {border-bottom:1px #d9e367 solid;background:#f0f6da;}
.story_lbl_day { float:left; font-size:18px; margin:0 20px 0 0;}/* 日付 */

/* -----個別P内容----- */
.storycontent {padding:10px 0 10px;font-size:14px;}
.wp_text img { float:left; margin-bottom:8px; margin-left:5px; }/* 左側img */
.wp_text_box { width:80%; float:right; font-size:15px; margin:5px 0 20px;}
.item_link{background:#f5f5f5;padding:2px 5px;margin:10px 20px 10px 0;}/* 個別商品リンク */
.wp_answer { padding-top:10px; padding-bottom:10px; color:#39F;  overflow:hidden; _zoom:1; }

/* -----商品＆カテゴリリンク----- */
.usr_info { clear:both; overflow:hidden; _zoom:1;/*ie6*/display: inline-block;_display: inline;font-size:15px;}
.usr_info  img, .meta img { float:left; margin:0 10px 0 10px;display: inline-block;_display: inline;}
.usr_info div{width:100%;float:left; padding:3px 0 0 0;font-size:14px;display: inline-block;_display: inline;}
.usr_info {border-top:1px dotted #aaa; margin-top:10px; padding:10px 0 0 0;width:80%;}
.meta div { width:500px; float:left; padding:3px 0 0 0;font-size:14px; }
.meta {font-size: 14px; padding-top:3px; }



/*=========================================*/
/* 第1回フォトコン関連 */
/*=========================================*/
/* -----概要----- */
.bgtop {font-size:14px; color:#333; padding:10px 20px;border:1px #e5a323 solid;margin:10px 0 0;}
h2.ptcn{padding:10px 20px;font-size:24px;color:#fff;background:#363547;border:4px #fff double;}

@media screen and (max-width: 480px) {
  h2.ptcn{
    text-align:center;
    line-height: 1.6;
  }
}


h3.mds{font-size:20px;color:#333;font-weight:600;padding:5px 10px 5px;background:#fff;border-bottom:4px #363547 double;margin:0 0 10px;clear:both;}
.bg01 {font-size:14px; color:#333; padding:10px 10px;background:#f9f2bc;}
.bgff{background:#fff;padding:10px 20px 20px;margin:15px 10px 15px;border:1px #FFFDE6 solid;}
@media screen and (max-width: 480px) {
  .bgff{padding:10px 10px 20px;}
}
.youkou{line-height:1.5em;font-size:18px;font-weight:600;color:#363547;}
ul.kiyaku {list-style-position: inside;}
ul.kiyaku li {padding-left: 1em;text-indent: -1em;line-height:1.8em;font-size:14px;}
.t_line{background:#f6bfbc;}
.t_line02{background:#fce2c4;}
.oubo_button{border-radius:10px;background:#e5a323;margin:60px 20%;text-align:center;}
.oubo_button a{color:#fff;display:block;padding:20px 20px;}
.t_aka{color:#a40000;}

/*-----応募フォーム----- */
#contents_f { width:100%; float:left; text-align:left;font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
.h2form{padding:10px 0;margin:-15px 0 15px;font-size:18px;color:#666;text-align:center;border-bottom:2px #e5a323 solid;border-top:2px #e5a323 solid;}
.secure{border:1px #e4dc8a solid;padding:10px;background:#fbfaf5;margin:10px 0;}
.hosoku{margin:3px 0;font-size:12px;}
.free_form{height:80px;}
.t_aka02{color:#c53d43;}
.tenpu{margin:5px 0;font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
.table-res-form {width: 100%;font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
.table-res-form tr {border-top: 1px #DDD solid;background: #eee;}
.table-res-form tr:first-child {border-top: none;}
.table-res-form tr:nth-child(2n+1) {background: #fff;}
.table-res-form th, .table-res-form td {padding: 1.5em;}
.table-res-form th {width: 25%;text-align: right;}
.table-res-form th.t_center, .table-res-form td.t_center{text-align: center;}
.table-res-form .requied {
    font-size: 1em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: #c53d43;
    border-radius: 2px;
	font-weight:600;
}
.table-res-form input[type="text"], input[type="email"], input[type="tel"], textarea {
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 95%;
}
.table-res-form input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    background: #EEFFFF;
}
.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}
 /* 確認画面入力部分 */
/*
.table-res-form .wpcf7c-conf{ background-color: #e0ebaf; color: black;border: 1px solid #AEAEAE;}
*/

/* 確認画面の変更 2018 0910 */
.table-res-form .wpcf7c-conf{
  background-color: white;
  font-size:18px;
  border: none;
  -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
  appearance: none;		/* 標準のスタイルを無効にする */ 
}
/*背景色*/
.wpcf7.is_confirm input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
}
.wpcf7.is_confirm .table-res-form tr:nth-child(2n) input:-webkit-autofill
{
  box-shadow: 0 0 0 1000px #eee inset;
}
.wpcf7.is_confirm .table-res-form tr:nth-child(2n) input{
  background-color: #eee;
}


/*ファイルの幅*/
.is_confirm #pcon_files input{
  width: 90%;
}
/*確認画面の見た目変更*/
.post-content input[type="text"].wpcf7c-conf,
.post-content input[type="tel"].wpcf7c-conf,
.post-content input[type="url"].wpcf7c-conf,
.post-content input[type="email"].wpcf7c-conf{
  border:none;
}
.table-res-form .wpcf7c-conf {
  background-color:white;
}
/*2018 0910ココまで*/


/*確認＆戻る＆送信ボタン*/
input.wpcf7c-btn-back, input.wpcf7-submit,input.wpcf7-confirm {padding:1em 2.5em 1em 3em;font-size:20px;font-family:"メイリオ", Meiryo, Osaka, sans-serif;font-weight:600;border-radius:10px;cursor: pointer;}
input.wpcf7-confirm, input.wpcf7-submit {background: #e5a323;color: #fff;}
input.wpcf7c-btn-back {background: f5f5f5;color: #666;}
input.wpcf7c-btn-back {margin-right: 1em;}

/*-----送信後フォーム消す----- */
.sent .sousin {display:none;}


/*------フォトコンエントリーNo表示------*/
.pc_entry{
position: absolute;
/*top: 240px;*/
/*left: 353px;*/
top: 208px;
left: 338px;
color: white;
background: rgba(0,0,0,0.2);
padding: 0 5px;
/*width: 800px;*/
font-size: 20px;
}
.pc_entry>span{
  font-size:14px;
}
@media screen and (max-width: 480px) {
  .pc_entry{
    left: 0;
    top: 280px;
  }
  
}
/*v2*/
.post-content p.pcon_entry_num{
   line-height: 1.3;
}
.pcon_entry_num{
  position: absolute;
  top: 10px;/*キャッシュレス還元前：200px 仕様を変えたので戻さなくて良いかも */
  left: 10px;/*キャッシュレス還元前：330px 仕様を変えたので戻さなくて良いかも */
  width:8em;
  height:8em;
  color: white;
  background: rgba(0,0,0,0.4);
  padding: 0 5px;
  line-height: 1.3;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
}
.pcon_entry_num_dark{
    color: black;
    background: rgba(210,250,210,0.6);
}
.pcon_entry_num.pcon2018w{
  border:3px solid #ddd;
}

.pcon_entry_num>span{
  font-size:14px;
  display: inline-block;
  margin-top:50px;
}
.pcon_entry_num .pcon_num{
  display: block;
  margin-top: 10px;
  font-size: 26px;
}
@media screen and (max-width:1000px) 
{
  .pcon_entry_num{
    top:400px;
    left:0;
  }
}
@media screen and (max-width: 480px) {
  .pcon_entry_num{
    left:0;
    top:10px;/*キャッシュレス還元前：280px 仕様を変えたので戻さなくて良いかも */
    width:120px;
    height:120px;
  }
  .pcon_entry_num>span{
    font-size:12px;
    margin-top:20px;
  }
}
/*
@media screen and (max-width: 480px) {
  .content thin{
    position:relative;
  }
*/


/*==============================================*/
/* 第1回フォトコン結果発表＆写真付き投稿ページ */
/*==============================================*/
/*-----共通----- */
div.customer_comment{
margin:20px 5px 20px;
padding:10px 15px 20px;
font-size:13px;
border:3px #d8e698 solid;
background:#fff;
}
.photo_thumb{
border-radius:10px;
/*width:360px;*/
/*height:300px;*/
display: block;
margin: 0 auto;
}
.post-content img.photo_thumb {
max-width: 360px;
max-height: 300px;
}
.photo_thumb_tate{
border-radius:10px;
width:230px;
height:300px;
}
.zoom_icon{position:absolute;top:5%;left:5%;}
.item_name{
font-size:15px;
font-weight:600;
margin:10px 0 3px;
}
.item_name .item_end{
color:#aaa;
font-weight:normal;
font-size:14px;
}
.bfoaf{
font-weight:600;
color:#839b5c;
margin:5px 0;
font-size:18px;
}
div.mtsw_comment{
margin:20px 0 0;
padding:10px 0 0;
border-top:1px #ccc solid;
font-size:15px;/*12*/
text-align:right;
}
h3.comment,h4.comment{
font-weight:600;
font-size:13px;
color:#82ae46;
padding:5px 0;
}
/*-----結果発表ページのみ使用----- */
.shou_on{
  position:relative;
  font-size:16px;
}
div.shou_on p{
  line-height:1.6;
}

.shou_on_img{position:absolute;top:15px;right:0;}
.item_intro{
background:#f5f5f5;
border:3px #ccc dotted;
border-radius:10px;
padding:1.5% 2.5%;margin:5% 2% 2%;
}
@media screen and (max-width: 480px) {
  .shou_on_img{width:50%;}
  
}



/*==============================================================*/
/* 過去ページ用CSS （現在非公開中の固定ページ2004～2011まで）*/
/*==============================================================*/
.pagetitle {
color:#666; padding:10px 20px; font-size:24px;font-weight:600;
background:#fff;margin:0 0 10px;border-bottom:3px #b0ca71 solid;
}
.past_pagetitle { font-weight:bold; color:#580; border:1px dotted #580; text-align:center; padding:10px; margin-bottom:10px; }

.past_link, past_link td, past_link th {
font-size: 10pt;
text-align:left;
width:570px;
border-color:#CCCCCC;
}
.past_link table td, .past_link table th { padding:10px; }
.past_link .date {
color: #FF9900;
font-weight: bold;
}
.past_link a:link {
color: #3300FF;
}
.past_link a:visited {
color: #996699;
}
.past_link a:hover {
color: #3300FF;
}
.past_link a:active {
color: #3300FF;
}
.past_link .ans {
color: #3399FF;
padding:5px 0;
}
table.voice_link { width:570px ; margin-bottom:5px; text-align:center; }