/* ------ General Settings ------ */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

.font{font-family: 'メイリオ',Meiryo,"F+UD-ニューロダン DB";}
.nofont{font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.bold{ font-weight:bold;}



/* ------ Font ------ */
@font-face {
	font-family: 'pearlrice';
	src:url('fonts/pearlrice.eot');
	src:url('fonts/pearlrice.eot?#iefix') format('embedded-opentype'),
		url('fonts/pearlrice.woff') format('woff'),
		url('fonts/pearlrice.ttf') format('truetype'),
		url('fonts/pearlrice.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-home, .icon-rice, .icon-news, .icon-sitemap, .icon-contact, .icon-factory, .icon-search, .icon-owner, .icon-lineup, .icon-recipe, .icon-faq, .icon-event {
font-family: 'pearlrice';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}

.icon-home:before {
content: "\61";
}
.icon-rice:before {
content: "\62";
}
.icon-news:before {
content: "\63";
}
.icon-sitemap:before {
content: "\64";
}
.icon-contact:before {
content: "\65";
}
.icon-factory:before {
content: "\67";
}
.icon-search:before {
content: "\26";
}
.icon-owner:before {
content: "\68";
}
.icon-lineup:before {
content: "\69";
}
.icon-recipe:before {
content: "\6a";
}
.icon-faq:before {
content: "\6b";
}
.icon-event:before {
content: "\6c";
}
/* ------ /Font ------ */



a:hover.op100 img {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity:1!important;}

.relative{position:relative;}
.box_left {float:left;}
.box_right {float:right;}
.border1{ border: solid 1px;}
.border2{ border: solid 2px;}
.border3{ border: solid 3px;}

.img_right {float: right;margin: 0 0 2.083333% 2.083333%;}
.img_left {float: left;	margin: 0 2.083333% 0 0;}


<!-- 480px 690pxでフロート解除 -->
.img_left_s {float: left;	margin: 0 2.083333% 0 0;}
.img_right_s {float:right;}

.img_br_red{ border:1px solid #ff0c00;}/*lightRed*/
.img_br_gray{ border:1px solid #323232;}/*lightRed*/

.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

.wid10p{width: 10%;}
.wid25p{width: 25%;}
.wid35p{width: 35%;}
.wid40p{width: 40%;}
.wid50p{width: 50%;}
.wid55p{width: 55%;}
.wid60p{width: 60%;}
.wid70p{width: 70%;}
.wid75p{width: 75%;}
.wid85p{width: 85%;}
.wid90p{width: 90%;}
.wid100p{width: 100%;}

.wid_max{width:97.84946%;}
.wid_half{width:46.87%;}
.wid_half2{width:48.87%;}

.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}

.btn50{margin: 0 25%;}
.btn75{margin: 0 12.5%;}
.btn100{margin: 0 0;}

.btn_yel a, .btn_red a, .btn_red_s a, .btn_rgreen a, .btn_rgreen_s a, .btn_tinGreen a, .btn_blue a, .btn_blue_s a, .btn_pink a, .btn_orange a ,.btn_l_red  a{
	font-family: 'メイリオ',Meiryo,"F+UD-ニューロダン DB";
	padding:2.083333% 3.125%; font-size:1.3em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:4px;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	behavior: url(ie/PIE.htc);
	}
.btn_blue_s a {
	padding:1.083333% 3.125%; font-size:1.2em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:3px;
}
.btn_rgreen_s a {
	padding:1.083333% 3.125%; font-size:1.2em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:3px;
}
.btn_red_s a {
	padding:1.083333% 3.125%; font-size:1.2em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:3px;
}


	
.btn_yel a:hover, .btn_red a:hover, .btn_red_s a:hover, .btn_rgreen a:hover, .btn_rgreen_s a:hover, .btn_tinGreen a:hover, .btn_blue a:hover, .btn_blue_s a:hover, .btn_pink a:hover, .btn_orange a:hover, .btn_l_red  a:hover{
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;}
	
.btn_yel a{ background:#e5ad12; }	
.btn_yel a:hover{background:#a80505;}

.btn_red a,.btn_red_s a{background:#a80505;}
.btn_red a:hover,.btn_red_s a:hover{background:#e5ad12; }	

.btn_rgreen a,.btn_rgreen_s a{background:#76ab09;}
.btn_rgreen a:hover, .btn_rgreen_s a:hover{background:#e5ad12; }	

.btn_tinGreen a{background:#bad584;}
.btn_tinGreen a:hover{background:#ccc; }

.btn_blue a,.btn_blue_s a{background:#205aa6;}
.btn_blue a:hover,.btn_blue_s a:hover{background:#76ab09; }

.btn_pink a{background:#ff6666;}
.btn_pink a:hover{background:#e5ad12; }

.btn_orange a{background:#e89a2b;}
.btn_orange a:hover{background:#a80505;}

.btn_l_red a{background:#c0272d;}
.btn_l_red a:hover{background:#e5ad12; }	

.bg_yel{background:#e5ad12;}
.bg_red{background:#a80505;}
.bg_rgreen{background:#76ab09;}
.bg_blue{background:#205aa6;}
.bg_black{background:#1b1b1b;}
.bg_ryel{background:#fbf2d9;}
.bg_pink{background:#ff6666;}
.bg_l_red{background:#c0272d;}


.b_col_white{ border-color:#FFF;}/*lightRed*/
.b_col_lg{ border-color:#323232;}/*lightGray*/
.b_col_lred{ border-color:#ff0c00;}/*lightRed*/
.b_col_yel{border-color:#e5ad12;}
.b_col_red{border-color:#a80505;}
.b_col_rgreen{border-color:#76ab09;}
.b_col_blue{border-color:#205aa6;}
.b_col_black{border-color:#1b1b1b;}
.b_col_ryel{border-color:#fbf2d9;}
.b_col_pink{border-color:#ff6666;}
.b_col_l_red{border-color:#c0272d;}

.col_yel{color:#e5ad12;}
.col_red{color:#a80505;}
.col_rgreen{color:#76ab09;}
.col_blue{color:#205aa6;}
.col_black{color:#1b1b1b;}
.col_ryel{color:#fbf2d9;}
.col_pink{color:#ff6666;}
.col_l_red{color:#c0272d;}
.col_wht{color:#FFF;}

.row{ width:100%;}

.font50{ font-size:0.5em!important;}
.font60{ font-size:0.6em!important;}
.font70{ font-size:0.7em!important;}
.font80{ font-size:0.8em!important;}
.font90{ font-size:0.9em!important;}
.font100{ font-size:1em!important;}
.font110{ font-size:1.1em!important;}
.font120{ font-size:1.2em!important;}
.font140{ font-size:1.4em!important;}
.font160{ font-size:1.6em!important;}
.font180{ font-size:1.8em!important;}
.font200{ font-size:2em!important;}

.mt0p{margin-top:0% !important;}
.mt10p{margin-top:1.0411111% !important;}
.mt20p{margin-top:2.083333% !important;}
.mt30p{margin-top:3.125% !important;}
.mt40p{margin-top:4.161111% !important;}
.mt50p{margin-top:5.208333% !important;}
.mt80p{margin-top:8.333333% !important;}

.mr10p{margin-right:1.0411111%;}
.mr20p{margin-right:2.083333%;}
.mr30p{margin-right:3.125%;}

.mb10p{margin-bottom:1.0411111% !important;}
.mb20p{margin-bottom:2.083333% !important;}
.mb30p{margin-bottom:3.125% !important;}
.mb40p{margin-bottom:4.161111% !important;}
.mb50p{margin-bottom:5.208333% !important;}
.mb60p{margin-bottom:6.25% !important;}

.ml10p{margin-left:1.0411111%;}
.ml20p{margin-left:2.083333%;}
.ml30p{margin-left:3.125%;}

.wid1em{width:1em;}
.wid2em{width:2em;}
.wid3em{width:3em;}
.wid4em{width:4em;}
.wid5em{width:5em;}
.wid6em{width:6em;}
.wid7em{width:7em;}
.wid8em{width:8em;}
.wid9em{width:9em;}
.wid10em{width:10em;}

.img_left10keep {
	width:10%;
	float:left;
	margin: 0 2.083333% 0 0;
}
.img_left20keep {
	width:20%;
	float:left;
	margin: 0 2.083333% 0 0;
}
.img_left25keep {
	width:25%;
	float:left;
	margin: 0 2.083333% 0 0;
}
.img_left30keep {
	width:30%;
	float:left;
	margin: 0 2.083333% 0 0;
}
.img_right30keep {
	width:30%;
	float:right;
	margin: 0 0 0 2.083333%;
}
.img_left35keep {
	width:35%;
	float:left;
	margin: 0 2.083333% 0 0;
}
.img_right35keep {
	width:35%;
	float:right;
	margin: 0 0 0 2.083333%;
}




/*--インデント-------------------------*/
.txt_indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

/*--オーバーフロー-------------------------*/
.txt_overflow {
	overflow:hidden;
	height:100%;
}




.st1{ position:relative;padding:1.0411111%; font-size:1.6em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:4px;behavior: url(ie/PIE.htc);}
.st1:before {
	content: "";
	border-top: solid 10px;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
.st1_s{ position:relative;padding:0.0411111% 0.0411111% 0.0411111% 2.0411111%; font-size:1.2em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:4px;behavior: url(ie/PIE.htc);}
.st1_s:before {
	content: "";
	border-top: solid 10px;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
.st2{ position:relative;padding:1.0411111%; font-size:1.6em; font-weight:bold; display:block; text-align:center;color:#FFF; border-radius:4px;behavior: url(ie/PIE.htc);}
.st2:before {
	content: "";
	border-top: solid 10px;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 10%;
	margin-left: -10px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
.st2_s{ 
	position:relative;
	padding:0.0411111% 0.0411111% 0.0411111% 2.0411111%;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	text-align:left;
	color:#FFF;
	border-radius:3px;
	behavior: url(ie/PIE.htc);}
.st2_s:before {
	content: "";
	border-top: solid 10px;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 10%;
	margin-left: -10px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}



h2.b_col_yel:before {border-top:#e5ad12 solid 10px;}
h2.b_col_red:before {border-top:#a80505 solid 10px;}
h2.b_col_rgreen:before {border-top:#76ab09 solid 10px;}
h2.b_col_blue:before {border-top:#205aa6 solid 10px;}
h2.b_col_black:before {border-top:#1b1b1b solid 10px;}
h2.b_col_ryel:before {border-top:#fbf2d9 solid 10px;}
h2.b_col_pink:before {border-top:#ff6666 solid 10px;}
h2.b_col_l_red:before {border-color:#c0272d solid 10px;}

.st3{
	color:#a80505;
	font-weight:bold;
	font-size:1.1em;
	}
	
.table0{ border:none!important;}
.table0 th,.table0 td{border:none!important; background:none!important;width:100%!important;}
	
.table01{ border:1px solid #e5ad12; width:92%;margin:10px; text-align:center;}
.table01 th,.table01 td{padding:3px;border:1px solid #e5ad12;}
.table01 th{ font-weight: bold; color:#A80505; font-size:1em; border:1px solid #e5ad12;text-align:center; background:#ffe49a;}
.table01 td{font-size:0.8em;}

.table02{ border:1px solid #e5ad12; width:94%;margin:10px;}
.table02 th,.table02 td{padding:3px 7px;border:1px solid #e5ad12;}
.table02 th{ font-weight: bold; color:#A80505; font-size:0.9em; border:1px solid #e5ad12;background:#ffe49a;}
.table02 td{font-size:0.8em;}

@media screen and (max-width: 1500px) {
}

/* Minor Break Point */
@media screen and (max-width: 960px) {
}

/* TABRET Style */
@media screen and (max-width: 800px) {
}

/* Minor Break Point */
@media screen and (max-width: 690px) {
.img_left_s {float:none;}
.img_right_s {float:none;}

.st1,.st2{font-size:1.2em;}

.sp_center {text-align:center;}

.sp_mt10p{margin-top:1.0411111%;}
.sp_mt20p{margin-top:2.083333%;}
.sp_mt30p{margin-top:3.125%;}
.sp_mt40p{margin-top:4.161111%;}
.sp_mt50p{margin-top:5.208333%;}
.sp_mt80p{margin-top:8.333333%;}

.sp_mb10p{margin-bottom:1.0411111%;}
.sp_mb20p{margin-bottom:2.083333%;}
.sp_mb30p{margin-bottom:3.125%;}
.sp_mb40p{margin-bottom:4.161111%;}
.sp_mb50p{margin-bottom:5.208333%;}
.sp_mb80p{margin-bottom:8.333333%;}

}

/* SMP Style */
@media screen and (max-width: 480px) {
.btn50,.btn75,.btn100{margin-right: 0%;margin-left: 0%;}	
.img_left{ clear:both;}
.img_left_s {float:none; clear:both;}
.img_right_s {float:none; clear:both;}
.wid_half{ width:100%;}
.d_none{ display:none;}

.st1,.st2{font-size:1.2em;}

.st1{ font-size:1em; }
.wid40p{width: 100%;}
.wid50p{width: 100%;}
.wid55p{width: 100%;}
.wid60p{width: 100%;}
.wid75p{width: 100%;}

.sp_center {text-align:center;}

.sp_mt10p{margin-top:1.0411111%;}
.sp_mt20p{margin-top:2.083333%;}
.sp_mt30p{margin-top:3.125%;}
.sp_mt40p{margin-top:4.161111%;}
.sp_mt50p{margin-top:5.208333%;}
.sp_mt80p{margin-top:8.333333%;}

.sp_mb10p{margin-bottom:1.0411111%;}
.sp_mb20p{margin-bottom:2.083333%;}
.sp_mb30p{margin-bottom:3.125%;}
.sp_mb40p{margin-bottom:4.161111%;}
.sp_mb50p{margin-bottom:5.208333%;}
.sp_mb80p{margin-bottom:8.333333%;}

}
.center{margin-left:auto;margin-right:auto;text-align:center;}
.right{float:right;}
.left{float:left;}



    .contents {
      display: inline-block;
    }

    .radio-wrapper, .check-wrapper {
      float: left;
      margin: 0px 2px;
    }
    
    .example {
      font-size: 14px;
      color: #fff;
      margin-bottom: 8px;
      margin-right:10px;
    }  
	p {
	 font-size: 100% !important;
	}
    .example p {
      -webkit-transition: all 100ms ease-in-out 0ms;
      -moz-transition: all 100ms ease-in-out 0ms;
      -ms-transition: all 100ms ease-in-out 0ms;
      -o-transition: all 100ms ease-in-out 0ms;
      transition: all 100ms ease-in-out 0ms;
      /*line-height: 2.5;*/
      color: rgba(255, 255, 255, 0.5);
      display: table;
      /*line-height: 3.5 !important;*/
      line-height:1.2;
      margin-bottom: 0px;
    }

    .example p:hover {
      color: rgba(255, 255, 255, 1);
    }
.fa{
 font-size: 150%;
 display: table-cell;
 vertical-align: middle;
 padding: 0 15px;
}
.example.check > .turnBoxFace {
	display: table;
}
.example.radio > .turnBoxFace {
	display: table;
}
    .example label {
      -webkit-transition: all 100ms ease-in-out 0ms;
      -moz-transition: all 100ms ease-in-out 0ms;
      -ms-transition: all 100ms ease-in-out 0ms;
      -o-transition: all 100ms ease-in-out 0ms;
      transition: all 100ms ease-in-out 0ms;
      line-height: 3.5;
      color: rgba(255, 255, 255, 0.5);
	display: table-cell;
	vertical-align: middle;
    }

    .example label:hover {
      color: rgba(255, 255, 255, 1);
    }

    .example.turnBoxCurrentFace1 > .turnBoxFaceNum1 {
      background-color: #ccc;
    }

    .example.turnBoxCurrentFace2 > .turnBoxFaceNum2 {
      background-color: #0093b1;
    }

    .check.example.turnBoxCurrentFace2 > .turnBoxFaceNum2:hover {
      background-color: #007e98;
    }

    .example .turnBoxFaceNum1 {
      background-color: #262626;
    }

    .example .turnBoxFaceNum2 {
      background-color: #007e98;
    }

    .example .turnBoxFaceNum2 p {
      color: #fff;
    }