/*
Theme Name: 株式会社米輝（1.0.1）
Theme URI: https://komeki.jp
Author: 株式会社米輝
Author URI: https://komeki.jp
Description: 米輝専用テーマ（レスポンシブWebデザイン）
Version: 1.0.1
License: 株式会社米輝
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
}
article,
aside,
details,
figcaption,
figure,hea
footer,
header,
hgroup,
nav,
section {
    position: relative;
	display: block;
}
a { outline:none !important; color:#333333; text-decoration:none; }
a:focus { outline:none !important; color:#333333; text-decoration:none; }
a:active { outline:none !important; color:#333333; text-decoration:none; }
a:hover { color:#c6923e; text-decoration:none; }
a:visit { color:#333333; text-decoration:none;}
a {
	-webkit-transition:0.20s;
	        transition:0.20s;
}
a:hover {}
address {
	margin-top:0;
}
b,strong {
	font-weight: 700;
}
em,i,b {
	font-weight:700;
}
p {
	margin-bottom: 20px;
}
ul,ol {
	list-style: none;
}
img {
	-ms-interpolation-mode: bicubic;
	image-rendering: -webkit-optimize-contrast;
	border: 0;
	vertical-align: middle;
}
table {
	border-collapse: separate;
	border-spacing: 4px;
	border-width: 0;
	width: 100%;
}
.sp {
	display: none;
}
br.blk {
	display:none;
}

/*------------------------------ scroll_fade ----------*/
.fd {
    transition: 1s ease-in-out;
    transform: translateY(0);
    opacity: 0;
}
.fd.on {
    transform: translateY(0);
    opacity: 1.0;
}

/*------------------------------ scroll_up ----------*/
.up {
    transition: 0.6s ease-in-out;
    transform: translateY(20px);
    opacity: 0;
}
.up.on {
    transform: translateY(0);
    opacity: 1.0;
}

/*------------------------------ scroll_left ----------*/
.left {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: translateX(-20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*------------------------------ scroll_right ----------*/
.right {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: translateX(20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*------------------------------ delay ----------*/

.ti01 {transition-delay: .1s;}
.ti02 {transition-delay: .2s;}
.ti03 {transition-delay: .3s;}
.ti04 {transition-delay: .4s;}
.ti05 {transition-delay: .5s;}
.ti06 {transition-delay: .6s;}
.ti07 {transition-delay: .7s;}
.ti08 {transition-delay: .8s;}

/*-----------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------*/
body {
	font-family: "Zen Old Mincho", serif;
	font-size:16px;
	line-height:180%;
	color:#333;
	letter-spacing: 1px;
    counter-reset: number 0;
}
html, body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
}
main {
	position: relative;
	min-width:1200px;
}
.hidden {
    overflow: hidden;
}
/*---------- attention ----------*/
.attention {
    position: relative;
    display: block;
    padding-left:20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.attention:before {
    position: absolute;
    content:'※';
    top:0;
    left:0;
}
/*---------- pagenation ----------*/
.swiper-pagination {}
.swiper-pagination-bullet {
    height: 8px !important;
    width:8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    height: 8px !important;
    width:30px !important;
    border-radius: 30px !important;
    background:#2F7A11 !important;
    /*
    background:#33879d !important;
    background:rgba(255,198,0,1.00) !important;
    */
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
    position: fixed;
    top:0;
    left:0;
	width:100%;
	min-width:1200px;
	padding:0 0 0 15px;
	height:100px;
	background-color: rgba(255,255,255,0.98);
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
    z-index:100;
}
header #logo {
	position: relative;
    width:250px;
}
header #logo img {
	width:100%;
	height:auto;
}
/*
header.bg-color {
    background-color: rgba(255,255,255,0.99);
    transition: 0.5s;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
*/

/*------------------------------ Grobal Nav ----------*/
nav#gnav {
	margin:0;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
nav#gnav ul {
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
			align-items: center;
}
nav#gnav ul li {
	position:relative;
	line-height:100%;
    font-size:18px;
}
nav#gnav ul li:after {
    position: absolute;
    content:'';
    top:20%;
    right:0;
    border-left:1px solid #ccc;
    height:60%;
}
nav#gnav ul li:nth-last-child(2):after {
    border-left:0;
}
nav#gnav ul li a {
	position: relative;
	padding:20px 25px;
    display: block;
	text-align: center;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}


/*------------------------------ subMenu ----------*/
#gnav ul li ul {
	position:absolute;
	top:100%;
	left:20px;
	display:block;
	width:220%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#gnav ul li ul li {
	position: relative;
	overflow: hidden;
	height: 0;
	margin:0;
    background:#fff;
	width:100% !important;
	padding: 0 !important;
	-webkit-transition: 0.3s;
			transition: 0.3s;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
nav#gnav ul li ul li:after {
    display: none;
}
#gnav ul li ul li a {
	line-height:60px !important;
	padding:0 5px 0 35px;
	margin:0;
    text-align: left !important;
	display: block !important;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#gnav ul li ul li a:after {
	position: absolute;
	content:'';
	top:50%;
	right:25px;
	width:6px;
	height: 6px;
	margin-top:-3px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	-webkit-transform:rotate(45deg);
			transform:rotate(45deg);
}

#gnav ul li:hover ul li {
	overflow: visible;
	height:60px !important;
    border-bottom:1px solid #efefef;
}
#gnav ul li:hover ul li:last-child {
    border-bottom:none;
}

/*------------------------------ onlineshop button ----------*/
.online {
    margin-left:40px;
}
.online a {
    position: relative;
    color:#fff;
    font-size:14px !important;
    letter-spacing: 3px;
    padding:50px 30px 31px 30px !important;
    /*background:url("img/parts/ic_cart.svg") 50% 15px no-repeat #33879d;*/
    background:url("img/parts/ic_cart.svg") 50% 15px no-repeat #2F7A11;
    background-size:25px auto;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.online a:after {
    position: absolute;
    content:'ONLINE SHOP';
    left:50%;
    margin-left:-47px;
    bottom:7px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:9px;
    color:rgba(255,255,255,0.70);
    
}

@media only screen and (max-width:1350px) {
    nav#gnav ul li {
        font-size:15px;
    }
    nav#gnav ul li a {
        padding:25px 18px;
    }
    nav#gnav ul li:after {
        position: absolute;
        content:'';
        top:30%;
        right:0;
        border-left:1px solid #ccc;
        height:40%;
    }
    .online {
        margin-left:20px;
    }
    .online a {
        padding:53px 30px 35px 30px !important;
    }
    .online a:after {
        bottom:10px;
    }
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/

footer {
    position: relative;
    padding:80px 10px 40px 10px;
    box-sizing:border-box;
    background:#4c4a47;
    color:#fff;
}
footer .fx {
    margin-bottom:40px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content:center;
            justify-content:center;
}
footer .fx h1{
    font-size:26px;
    margin-right:3%;
}
footer .fx h1 span{
    font-size:32px;
    display: inline-block;
    margin-left:10px;
}
footer .fx dl div {
    display: -webkit-flex;
    display: flex;
}

/*------------------------------ footer Navi ----------*/
#fnav ul {
    margin-bottom:40px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
}
#fnav ul li {
    position: relative;
    margin:0 15px;
    font-size:14px;
}
#fnav ul li:after {
    position:absolute;
    content:'';
    top:10%;
    right: -15px;
    height:80%;
    border-left:1px solid rgba(255,255,255,0.15);
}
#fnav ul li:last-child:after {
    border:none;
}
#fnav ul li a {
    color:#fff;
}
footer small {
    font-family:Meiryo, "sans-serif";
    display: block;
    text-align: center;
    color:#999;
    font-size:12px;
    letter-spacing:2px;
}
#fBtn {
    display: none;
}

/*------------------------------ PageTop ----------*/
#pageUp {
	position:fixed;
	bottom:30px;
	right:30px;
	width:33px;
	height:60px;
	background:url("img/parts/Pagetop.png") 0 0 no-repeat;
    background-size:100% auto;
	z-index:10;
}
#pageUp:hover {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	TOP Page
-----------------------------------------------------------------------------------------*/

#wrapper section {
    padding:80px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*------------------------------ Slider ----------*/
#slider {
    position: relative;
    overflow: hidden;
    margin-top:100px;
}
#slider::before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.10);
    z-index: 2;
}
#slider img {
    width:100%;
    height:auto;
}
#catchcopy {
    position: absolute;
    color:#fff;
    font-size:40px;
    font-weight:700;
    line-height: 180%;
    top:25%;
    left:5%;
    width:100%;
    /*text-align: center;
    writing-mode: vertical-rl;*/
    letter-spacing: 5px;
    z-index: 5;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.90);
    opacity:0;
    transition: 1.2s;
}
#catchcopy span {
    margin-bottom:35px;
    display: block;
}
.fadeIn_catch {
    opacity: 1 !important;
    top:23% !important;
}


/*------------------------------ News ----------*/
#t_news {
    position: relative;
    max-width:1200px;
    margin:0 auto 100px auto;
    -webkit-display: flex;
            display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
#t_news h1 {
    position: relative;
    width:15%;
    letter-spacing:5px;
    font-size:26px;
    padding:50px 0;
    text-align: left;
}
#t_news h1:before {
    position: absolute;
    content:'';
    top:0;
    right:0;
    border-left:1px solid #efefef;
    height:120%;
}
#t_news h1 span {
    display: block;
    margin-bottom:10px;
    font-size:16px;
    color:#b7975a;
}
dl.li_news {
    width:80%;
    margin:0;
    /*border:5px solid #efefef;
    padding:20px;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_news div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin:0 auto;
    padding:15px 5px 15px 5px;
    font-size:18px;
    border-bottom:1px dotted #efefef;
    /*
    background:url("img/parts/ic_arrow.svg") 99% 50% no-repeat;
    background-size:20px auto;
    */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_news div dt {
    width:33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_news div dd {
    width:65%;
}
.ct {
    font-family: 'Noto Sans JP', sans-serif;
    background:#2F7A11;
    display: inline-block;
    margin-left:20%;
    width:90px;
    color:#fff;
    font-size:12px;
    text-align: center;
    border-radius:3px;
}
.new {
    color:#2F7A11;
    font-size:12px;
    font-weight:700;
    margin-left:10px;
}
.news_more {
    position: absolute;
    bottom:0;
    right:10px;
    width:120px;
    padding-left:35px;
    border:1px solid #ccc;
    display: block;
    line-height: 35px;
    letter-spacing:5px;
    font-size:14px;
    font-weight:700;
    -webkit-transition: 0.5s;
            transition: 0.5s;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.news_more:after {
    position: absolute;
    content:'';
    top:50%;
    right:20px;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-top:2px solid #333;
    border-right:2px solid #333;
    transform: rotate(45deg);
    transition: 0.2s;
}
.news_more:hover {
    background:#b7975a;
    border:1px solid #b7975a;
    color:#fff;
    transition: 0.5s;
}
.news_more:hover:after {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    right:15px;
}

/*------------------------------ Komeki no kodawari ----------*/
#t_kodawari {
    position: relative;
    clear: both;
    overflow: hidden;
    padding:0 !important;
    background:url("img/ct/idx/bg_kodawari.jpg") 50% -2px no-repeat rgba(242,242,242,0.50);
    background-size:100% auto;
}
.bx_kodawari {
    display: -webkit-flex;
    display: flex;
    background:url("img/ct/idx/bg_kodawari_inbox.png") 100% 0 no-repeat #fff;
    background-size:auto 100%;
    border-radius: 30px 0 0 30px;
    padding:100px 40px 150px 40px;
    box-sizing: border-box;
    margin:350px 0 200px 10%;
}
.bx_kodawari h1 {
    writing-mode: vertical-rl;
    width:15%;
    letter-spacing:5px;
    font-size:38px;
    margin-right:9%;
    padding:1.5% 5% 0 0;
    text-align: left;
    box-sizing: border-box;
}
.bx_kodawari h1 span {
    position: absolute;
    top:0;
    right:0;
    font-size:25px;
    color:#b7975a;
}
.bx_kodawari p {
    width:70%;
    margin:0 0 2% 0 !important;
    font-size: 22px;
    line-height:200%;
}
.bx_kodawari a {
    position: relative;
    display: block;
    font-weight:700;
    font-size: 18px;
    width:300px;
    line-height: 60px;
    border:1px solid #333;
    background:#fff;
    transition: 0.3s;
    margin-top:5%;
    box-sizing: border-box;
    border-radius:5px;
    padding-left:40px;
}
.bx_kodawari a:after {
    position: absolute;
    content:'';
    top:50%;
    right:35px;
    width:10px;
    height:10px;
    margin-top:-5px;
    border-top:2px solid #333;
    border-right:2px solid #333;
    transform: rotate(45deg);
    transition: 0.5s;
}
.bx_kodawari a:hover {
    background:#b7975a;
    border:1px solid #b7975a;
    color:#fff;
}
.bx_kodawari a:hover:after {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    right:20px;
}

/*------------------------------ products ----------*/
#t_products {
    padding:120px 0 0 0 !important;
}
#t_products h1 {
    position: relative;
    text-align: center;
    padding:0;
    margin-bottom:120px;
    letter-spacing:3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#t_products h1 span {
    display: block;
    font-size:16px;
    color:#b7975a;
    margin-top:25px;
}
.fx-rice {
    width:98%;
    margin:0 auto 80px auto !important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.fx-rice section {
    position: relative;
    width:49.5%;
    padding:0 !important;
    box-sizing: border-box;
    background:rgba(242,242,242,0.50);
    /*border-radius:20px;*/
}
.fx-rice h2 {
    color:#fff;
    letter-spacing:8px;
    font-size:38px;
    text-shadow: 0 0 5px rgba(0,0,0,0.70);
    padding:300px 50px 100px 80px;
    /*border-radius:20px 20px 0 0;*/
}
.fx-rice p {
    padding:50px 50px 0 50px;
    min-height: 200px;
    font-size:22px;
    line-height:200%;
}
.fx-rice a {
    position: relative;
    display: block;
    font-weight:700;
    font-size: 18px;
    width:300px;
    line-height: 60px;
    border:1px solid #333;
    background:#fff;
    transition: 0.3s;
    box-sizing: border-box;
    border-radius:5px;
    padding-left:40px;
    margin:0 0 100px 50px;
}
.fx-rice a:after {
    position: absolute;
    content:'';
    top:50%;
    right:35px;
    width:10px;
    height:10px;
    margin-top:-5px;
    border-top:2px solid #333;
    border-right:2px solid #333;
    transform: rotate(45deg);
    transition: 0.5s;
}
.fx-rice a:hover {
    background:#b7975a;
    border:1px solid #b7975a;
    color:#fff;
}
.fx-rice a:hover:after {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    right:20px;
}

.ttl_prod,
.ttl_hakken {
    position: relative;
}
.ttl_prod {
    background: url("img/ct/idx/ttl_prod.jpg") 50% 50% no-repeat;
}
.ttl_hakken {
    background: url("img/ct/idx/ttl_hakken.jpg") 50% 50% no-repeat;
}
.ttl_prod span,
.ttl_hakken span {
    display: block;
    font-size:18px;
    margin-top:20px;
    letter-spacing:3px;
}
@media only screen and (max-width:1350px) {
    .fx-rice h2 {
        padding:300px 50px 80px 40px;
    }
    .fx-rice p {
        padding:50px 40px 0 40px;
    }
    .ttl_prod span,
    .ttl_hakken span {
        font-size:16px;
    }
}

/*------------------------------ online shop ----------*/
#online {
    padding:150px 10px !important;
    background: url("img/ct/idx/bg_onlineshop.jpg") 50% 50% no-repeat;
    background-size:cover;
    color:#fff;
}
#online h1 {
    position: relative;
    text-align: center;
    padding:0;
    margin:0 0 50px 0;
    color:#fff;
    letter-spacing:8px;
    font-size:50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#online h1 span {
    display: block;
    font-size:20px;
    letter-spacing:3px;
    color:#fff;
    margin-top:35px;
}
#online p {
    text-align: center;
    font-size: 20px;
    line-height:200%;
    color:#fff;
    letter-spacing:5px;
    margin-bottom:80px;
}
#online p:last-child {
    margin-bottom:0;
}
#online a {
    position: relative;
    display: block;
    font-weight:700;
    font-size: 20px;
    width:400px;
    line-height: 60px;
    border:2px solid #fff;
    background:rgba(0,0,0,0.20);
    color:#fff;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    margin:0 auto;
    box-sizing: border-box;
    border-radius:60px;
    text-align: center;
}
#online a:after {
    position: absolute;
    content:'';
    top:50%;
    right:35px;
    width:10px;
    height:10px;
    margin-top:-5px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
    transition: 0.5s;
}
#online a:hover {
    background:#b7975a;
    border:2px solid #b7975a;
    opacity:1;
}
#online a:hover:after {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    right:20px;
}

/*------------------------------ Contact ----------*/
#contact {
    position: relative;
    overflow: hidden;
    padding:100px 50px !important;
    box-sizing:border-box;
    max-width:100%;
    min-width:1200px;
    margin:0 auto;
    background:#f9f9f9;
}
#contact:before {
    position: absolute;
    content:'';
    top:-50px;
    right:-170px;
    background:#eee;
    width:30%;
    height:130%;
    transform: rotate(10deg);
}
#contact .fx {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
}
#contact h1 {
    position: relative;
    padding:0;
    margin:0 0 60px 0;
    letter-spacing:5px;
    font-size:40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#contact h1 span {
    display: block;
    font-size:26px;
    color:#b7975a;
    margin-bottom:30px;
    letter-spacing:5px;
}
#contact dl {
    margin:50px 0 0 7%;
    width:40%;
}
#contact dl div dt {
    font-size:18px;
    color:#b7975a;
    margin:0 0 15px 5px;
}
#contact dl div dd {
    border:1px solid #999;
    padding:30px 30px 20px 30px;
    border-radius:10px;
    box-sizing:border-box;
    margin-bottom:30px;
    background:#fff;
}
#contact dl div.tel dd span {
    display:block;
    font-size:14px;
    margin-top:15px;
    font-family: "Zen Old Mincho", serif !important;
    font-weight: 400 !important;
}
#contact dl div.tel dd {
    font-family:"TASA Explorer", sans-serif;
    font-weight:500;
    font-size:40px;
}
#contact dl div.mail dd {
    padding:0 !important;
    border:0;
}
#contact dl div.mail dd a {
    position: relative;
    display: block;
    border:1px solid #999;
    padding:30px;
    font-size:20px;
    border-radius:10px;
    background:#fff;
}
#contact dl div.mail dd a:after {
    position: absolute;
    content:'';
    top:50%;
    right:35px;
    width:10px;
    height:10px;
    margin-top:-5px;
    border-top:2px solid #333;
    border-right:2px solid #333;
    transform: rotate(45deg);
    transition: 0.5s;
}
#contact dl div.mail dd a:hover {
    background:#b7975a;
    border:1px solid #b7975a;
    color:#fff;
}
#contact dl div.mail dd a:hover:after {
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    right:20px;
}

/*-----------------------------------------------------------------------------------------
	2nd Page
-----------------------------------------------------------------------------------------*/

article {}
.img-main {
    width:100%;
    height:auto;
}

/*------------------------------ page Title ----------*/
.pgTtl {
    position: relative;
    min-height:700px;
    width:100%;
    margin-top:100px;
}
.pgTtl p {
    position: absolute;
    top:80px;
    right:23%;
    font-weight:700;
    writing-mode: vertical-rl;
    color:#fff;
    margin-left:-60px;
    width:120px;
    font-size:40px;
    line-height: 180%;
    letter-spacing: 10px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.90);
    opacity:0;
    transition: 1.2s;
}
.pgTtl p span {
    display: block;
    margin-top:30px;
}
.fadeIn {
    opacity: 1 !important;
    top:70px !important;
}

/*------------------------------ section Title ----------*/
.ttl {
    padding:80px 0;
    box-sizing: border-box;
}

/*-----------------------------------------------------------------------------------------
	Products
-----------------------------------------------------------------------------------------*/

#products {}
#products section {
    padding:80px 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*------------------------------ title ----------*/
.pg_products {
    background:url("img/ct/products/main_prod.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.pg_products p {
    top:80px;
}
h1.ttl-products {
    position: relative;
    text-align: center;
    font-size:30px;
    letter-spacing:8px;
    margin-bottom:100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
h1.ttl-products span {
    display: block;
    color:#b7975a;
    font-size:18px;
    letter-spacing:3px;
    margin-bottom:30px;
}

/*------------------------------ products ----------*/
#products section section {
	position: relative;
	clear:both;
	overflow: hidden;
	width:100%;
    padding:350px 0 0 15% !important;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
    /*margin-bottom:120px;*/
}
#products section section h2 {
    font-size:32px;
    font-weight:700;
    line-height: 180%;
    margin-bottom:40px;
}
#products section section h3 {
    position: relative;
    font-size:30px;
    margin:80px 0 50px 0;
    padding:15px 0 18px 30px;
}
#products section section h3:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:2px;
    height:100%;
    background:#333;
    /*border-radius: 0 5px;*/
}

#prod01 {
    background:url("img/ct/products/prod01.jpg") 0 0 no-repeat fixed;
	background-size:cover;
}
#prod02 {
    background:url("img/ct/products/prod02.jpg") 0 0 no-repeat fixed;
	background-size:100% auto;
}
#prod03 {
    background:url("img/ct/products/prod03.jpg") 0 0 no-repeat fixed;
	background-size:cover;
}
#prod04 {
    background:url("img/ct/products/prod04.jpg") 0 0 no-repeat fixed;
	background-size:cover;
}

/*---------- prod bg ----------*/
/*
#prod01:before,
#prod02:before,
#prod03:before,
#prod04:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:500px;
    height:100%;
}
#prod01:before {
    background:url("img/ct/products/prod01.jpg") 55% 0 no-repeat;
    background-size:cover;
}
#prod02:before {
    background:url("img/ct/products/prod02.jpg") 55% 0 no-repeat;
    background-size:cover;
}
#prod03:before {
    background:url("img/ct/products/prod03.jpg") 55% 0 no-repeat;
    background-size:cover;
}
#prod04:before {
    background:url("img/ct/products/prod04.jpg") 55% 0 no-repeat;
    background-size:cover;
}
*/ 

/*------------------------------ item ----------*/
.bx_prod {
    position: relative;
    padding:80px;
    background:#fff;
    margin:0;
    border-radius: 20px 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_prod p {
    font-size:20px;
    line-height:200%;
}
.item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin:60px 0;
}
.item img {
    /*border:1px solid #ccc;*/
    width:35%;
    height:auto;
    margin-top:4px;
}
.item table {
    width:60%;
}
.item table th,
.item table td {
    padding:15px;
    line-height:180%;
    vertical-align: middle;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.item table th {
    text-align: center;
    border-bottom:1px solid #efe8d8;
    background:#efe8d8;
    width:30%;
}
.item table td {
    border-bottom:1px solid #ccc;
    width:auto;
}
.item table tr:first-child td {
    border-top:1px solid #ccc;
}
.item table td strong {
    font-weight:700;
    font-size:20px;
}

@media only screen and (max-width:1350px) {
    #products section section {
        padding:350px 0 0 8% !important;
    }
}

/*-----------------------------------------------------------------------------------------
	News list
-----------------------------------------------------------------------------------------*/
dl.li_topics {
    max-width:980px;
    margin:0 auto 100px auto;
    min-height:400px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_topics div {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin:0 auto;
    padding:15px 5px 15px 5px;
    font-size:18px;
    border-bottom:1px dotted #efefef;
    /*
    background:url("img/parts/ic_arrow.svg") 99% 50% no-repeat;
    background-size:20px auto;
    */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_topics div dt {
    width:33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
dl.li_topics div dd {
    width:65%;
}

/*-----------------------------------------------------------------------------------------
	Company
-----------------------------------------------------------------------------------------*/
/*------------------------------ title ----------*/
.pg_company {
    background:url("img/ct/company/main_company.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.pg_company p {
    top:80px;
}

/*------------------------------ greeting ----------*/
#greeting {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    background:rgba(242,242,242,0.50);
    padding:50px 50px 0 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#greeting img {
    position:relative;
    width:40%;
    z-index:1;
}
/*---------- products slider ----------*/
.greetingPhotos {
    text-align: center;
    margin-bottom:200px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width:100%;
}
.greetingPhotos .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#greeting div.message {
    position:relative;
    padding:100px 5% 100px 34%;
    width:90%;
    margin:-35% 0 100px 10%;
    background:rgba(255,255,255,1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#greeting div.message p {
    position: relative;
    font-size:20px;
    line-height:180%;
    margin-bottom:30px;
    z-index: 2;
}
#greeting div.message p:last-child {
    margin:0 !important;
}
#greeting div.message p.owner {
    text-align: right;
    font-size:22px;
    margin-top:70px !important;
}

/*------------------------------ company, history ----------*/
#company section h1 {
    position: relative;
    width:80%;
    letter-spacing:3px;
    margin:0 auto 40px auto;
}

#company section h1 span {
    border-left:1px solid #ccc;
    color:#b7975a;
    font-size:18px;
    margin-left:30px;
    padding-left:30px;
}
.tb_company {
    margin:0 auto 100px auto;
    width:80%;
}
.tb_company th,
.tb_company td {
    vertical-align: middle;
    text-align: left;
    font-size:18px;
    line-height:180%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.tb_company th {
    background:#efe8d8;
    width:20%;
    padding:15px;
}
.tb_company td {
    background:rgba(242,242,242,0.50);
    width:auto;
    padding:15px 15px 15px 60px;
}
.tb_company td ul {
    list-style: disc;
    margin-left:20px;
}

#map {
    width:80%;
    margin:0 auto 100px auto;
}
#map iframe {
    width:100%;
    height:700px;
    margin-bottom:40px;
}
#map h3 {
    margin:0 auto 20px auto;
    width:95%;
    font-size:24px;
}
#map .fx {
    width:95%;
    margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
#map dl:first-child {
    width:50%;
}
#map dl:last-child {
    width:45%;
}
#map dl div {
    display: -webkit-flex;
    display: flex;
    font-size:14px;
}
#map dl div dt {
    width:15%;
}
#map dl div dd {
    width:85%;
}
#map dl div dd a {
    text-decoration: underline;
    color:#33879d;
}

/*-----------------------------------------------------------------------------------------
	Inquiry
-----------------------------------------------------------------------------------------*/

.ttl_inquiry h1 {
    position: relative;
    text-align: center;
    padding:120px 0 120px 0;
    margin-bottom:50px;
    letter-spacing:5px;
    background:#f9f9f9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/*
.ttl_inquiry h1:before {
    position: absolute;
    content:'Inquiry';
    top:120px;
    font-size:20px;
    color:#b7975a;
    margin-left:55px;
}
*/
.ttl_inquiry h1 span {
    display: block;
    font-size:20px;
    color:#b7975a;
    margin-bottom:30px;
}

/*------------------------------ mailform ----------*/
#form {
    margin:0 auto 100px auto;
    width:1024px;
}
#form table {
	width: 100%;
	margin:80px 0;
}
#form table th {
    position: relative;
	width: 30%;
    line-height: 100%;
    padding:30px 20px 10px 80px;
    text-align: left;
	font-size: 16px;
    border-bottom:1px solid #efefef;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#form table th span {
	font-size: 12px;
    margin-left:15px;
    color:#0080cb;
}
table td {
	line-height: 100%;
    width:70%;
    padding:10px 0 10px 0;
	font-size: 16px;
	border-bottom:1px solid #efefef;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

#form table td input[type="text"],
#form table td input[type="email"],
#form table td input[type="tel"],
#form table td textarea {
	font-size: 16px;
	-webkit-appearance: none;
			border-radius: 7px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#form table td select {
	border-radius: 10px;
    background:#efefef;
    padding: 15px;
	margin:0;
	width:30%;
	font-size:16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#form table td input[type="text"],
#form table td input[type="email"],
#form table td input[type="tel"] {
	border:0;
    background:#efefef;
	padding: 15px;
	margin:0;
	width:100%;
	line-height: 150%;
	font-size:16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#form table td textarea {
	border:0;
    background:#efefef;
	line-height: 150%;
	padding: 15px;
	width:100%;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.submit {
	position:relative;
	claer:both;
	overflow: hidden;
	display: block;
	background:#505050;
	margin:100px auto 0 auto;
	line-height: 65px;
	width:350px;
    font-size:18px;
    letter-spacing:5px;
	color:#fff;
    border:0;
	-webkit-appearance: button;
  			appearance: button;
}
.submit::-webkit-search-decoration,
.button::-webkit-search-decoration {
  display: none;
}
.submit::focus {
  outline-offset: -2px;
}
.submit:hover{
	cursor: pointer;
}
#complete {
	padding: 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	min-height: 300px;
	text-align: center;
}
#complete p strong {
	margin-bottom:20px;
	display: block;
}
#complete .ttl-sendmail {
    font-size:20px;
    font-weight:700;
    margin-bottom:40px;
    color:#b7975a;
}
.h:before {
	position: absolute;
	content:'必 須';
	top:24px;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
    line-height: 30px;
	background:#b7975a;
	text-align: center;
    border-radius:5px;
}
.n:before {
	position: absolute;
	content:'任 意';
	top:24px;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
    line-height: 30px;
	background:#b2b2b2;
	text-align: center;
    border-radius:5px;
}
.error {
	display: block;
	margin:15px 0 0 0;
    font-weight:700;
	color:#d20f14;
}
.bx-error {
	border:1px solid #ff0000;
	line-height:45px;
	text-align:center;
	color:#ff0000;
	margin:80px auto;
	background:rgba(255,0,4,0.05);
}
.bx-error br {
    display: none;
}
.confirm td {
    line-height: 150% !important;
    vertical-align: middle !important;
}
.txt_submit {
    text-align: center;
}
.zip input {
    width:40% !important;
}

/*---------- radio, checkbox ----------*/
#form table td label {
    line-height: 45px !important;
    margin-right:40px;
}
#form table td label:hover {
	cursor: pointer;
}
#form table td.consul label,
div#agree input[type="checkbox"] {
    line-height: 45px !important;
    margin-right:30px;
    display: inline-block;
}
#form table td input[type="radio"],
#form table td input[type="checkbox"] {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    top:-10px !important;
    height: 20px;
    width: 20px;
    vertical-align: -100%;
    transition:all .15s ease-out 0s;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    outline: none;
    border-radius: 10%;
	opacity:1 !important;
	-webkit-appearance: none;
    		appearance: none;
}
#form table td input[type="radio"] {
    border-radius: 50%;
}
#form table td input[type="radio"]:checked:before,
#form table td input[type="checkbox"]:checked:before {
    transform: scale(0.5);
}
#form table td input[type="radio"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
#form table td input[type="checkbox"]:before {
    content: '';
	margin:-2px 0 0 -2px;
    width: 20px;
    height: 20px;
	display: block;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
#form table td input[type="radio"],
#form table td input[type="checkbox"] {
    border: 2px solid #999;
	background:#fff;
}
#form table td input[type="radio"]:checked:before,
#form table td input[type="checkbox"]:checked:before {
    background: #333;
}
#form table td input[type="checkbox"] {
	position: relative;
	width:20px;
	height:20px;
	top:5px;
	-webkit-transform:scale(1.1);
			transform:scale(1.1);
}

/*---------- flex ----------*/
#form table dl div {
    margin-bottom:15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
#form table dl div:last-child {
    margin-bottom:0;
}
#form table dl div dt {
    width:140px;
}
#form table dl div dd {
    width:450px;
}

/*------------------------------ privacy policy ----------*/
.bx-privacy {
    position: relative;
    background:#fff;
    border-radius:10px;
    border:2px solid #efefef;
    padding:40px 20px;
    max-width:1200px;
    margin:80px auto;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.bx-privacy h2 {
    position: relative;
    text-align: center;
    font-size:18px;
    font-weight:700;
    margin:40px 0;
}
.bx-privacy h3 {
    font-size:14px;
    font-weight:700;
}
.bx-privacy p {
    font-size:14px;
    margin-bottom:20px;
}
.bx-privacy ul {
    margin-bottom:20px;
}
.bx-privacy ul li {
    font-size:14px;
    list-style:disc;
    margin-left:20px;
}
.bx-privacy div {
    position: relative;
    height: 350px;
    overflow-x:hidden;
    padding:0 40px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

/*------------------------------ agree ----------*/
#agree {
    display: block;
    text-align: center;
    width:400px;
    margin: 0 auto;
    font-size:18px;
}
#agree input[type="checkbox"],
#agree input[type="radio"] {
    border:1px solid #ccc;
    margin-right:10px;
    -webkit-transform: scale(2.5, 2.5);
            transform: scale(2.5, 2.5);
}

/*---------- send box -----------------------------*/
.bx-send {
    position: relative;
    margin:40px auto 0 auto;
    width:400px;
}
.confirm table th {
    padding:30px 40px 30px 40px !important;
    line-height:150%;
}
.confirm table td {
    padding-top:22px !important;
    line-height:150%;
}

/*-----------------------------------------------------------------------------------------
	PrivacyPolicy
-----------------------------------------------------------------------------------------*/
.ttl_privacy h1 {
    position: relative;
    text-align: center;
    padding:120px 0 120px 0;
    margin-bottom:50px;
    letter-spacing:5px;
    background:#f9f9f9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ttl_privacy h1 span {
    display: block;
    font-size:20px;
    color:#b7975a;
    margin-bottom:30px;
}

#privacy {
    position: relative;
    padding:40px 20px;
    max-width:1024px;
    margin:0 auto 80px auto;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
#privacy h2 {
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
}
#privacy p {
    font-size:16px;
    text-indent: 17px;
    margin-bottom:40px;
    line-height:180%;
}
#privacy ul {
    margin-bottom:40px;
    line-height:180%;
}
#privacy ul li {
    font-size:16px;
    list-style:disc;
    margin-left:20px;
}

/*-----------------------------------------------------------------------------------------
	News // Top page news togther
-----------------------------------------------------------------------------------------*/

.ttl_news h1 {
    position: relative;
    text-align: center;
    padding:120px 0 120px 0;
    margin-bottom:50px;
    letter-spacing:5px;
    background:#f9f9f9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ttl_news h1 span {
    display: block;
    font-size:20px;
    color:#b7975a;
    margin-bottom:30px;
}

/*------------------------------ pagination ----------*/
.pagination {
	position:relative;
	overflow:hidden;
	width:900px;
    text-align: center;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	margin:120px auto !important;
}
.pagination span,
.pagination a {
    position: relative;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display:inline-block;
	margin:0 7px;
	width:40px;
    line-height:40px;
	background:#efe8d8;
    color:#fff;
    border-radius:50%;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
.pagination a:hover,
.pagination .current {
	background:#4c4a47;
}
.prev,
.next {
    background: #fff !important;
    color:#efe8d8 !important;
    font-weight:bold;
}
.prev:after,
.next:after {
    position: absolute;
    content:'';
    top: 50%;
    left: 50%;
    width:15px;
    height:15px;
    border-top:3px solid #efe8d8;
    border-right:3px solid #efe8d8;
	-webkit-transition:0.20s;
	        transition:0.20s;
}
.prev:after {
    transform: translateY(-50%) translateX(-50%) rotate(-135deg);
}
.next:after {
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.prev:hover:after,
.next:hover:after {
    border-top:3px solid #4c4a47;
    border-right:3px solid #4c4a47;
}

/*------------------------------ news contents ----------*/
#contents {
	margin:0 auto 150px auto;
	width:1200px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:flex-start;
			align-items:flex-start;
	-webkit-justify-content:space-between;
			justify-content:space-between;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#contents img {
	max-width:100%;
	height:auto;
	margin-bottom:30px;
	display: block;
}
#contents header {
	position: relative;
	min-width:100%;
	max-width:100%;
	margin-bottom:50px;
	z-index:0;
    padding:0 !important;
    display: block;
    height:auto !important;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
			box-shadow:0 0 0 rgba(0,0,0,0);
}
#contents header h1 {
	font-weight:700;
	font-size:30px;
	line-height:150%;
    padding:0 10px 30px 10px;
	border-bottom:1px solid #efefef;
	color:#4c4a47;
}
#contents header .entry-date {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    display: block !important;
	font-size:14px;
    padding:0 10px;
	margin:0 0 10px 0 !important;
	color:#4c4a47;
}
.content {
	position: relative;
	width:70%;
	min-height:500px;
}
.content p {
	line-height:200%;
	margin-bottom:30px;
    font-size:18px;
}
.aligncenter {
	margin:0 auto 30px auto;
}
.alignright {
	margin:0 0 30px auto;
}
.txt {
	padding:10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}

/*------------------------------ sidebar ----------*/
#sidebar {
	width:25%;
	padding:0 0.5%;
	min-height:300px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#sidebar h3 {
	position: relative;
	color:#4c4a47;
	line-height:40px;
	margin-bottom:10px;
	text-align:center;
	font-weight:700;
	border-radius:7px;
	background:#f3f3ef;
}
/*------------------------------ themes list ----------*/
#sidebar ul.themeList {
	margin:0 10px 10px 10px;
}
#sidebar ul.themeList li {
	text-align: left;
	padding:5px 0;
	font-size:14px;
	border-bottom:1px dotted #ccc;
}
#sidebar ul.themeList li:last-child {
	border-bottom:0;
}
#sidebar ul.themeList li a {
	text-decoration: underline;
}
.notfound {
	margin:0 auto;
	padding:200px 0;
	text-align: center;
}

/*-----------------------------------------------------------------------------------------
	Komeki Rice
-----------------------------------------------------------------------------------------*/

.p_rice {
    background:url("img/ct/rice/main_rice.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.ttl_rice h1 {
    position: relative;
    text-align: center;
    padding-top:130px;
    letter-spacing:8px;    
    background:url("img/parts/ic_rice.png") 50% 50px no-repeat;
    background-size:25px auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ttl_rice h1 span {
    display: block;
    top:150px;
    font-size:16px;
    color:#b7975a;
    letter-spacing:3px;
    margin-bottom:2%;
}
.txt_rice {
    text-align: center;
    line-height:250%;
    font-size:20px;
    margin-bottom:100px;
}

/*------------------------------ list Rice ----------*/
.li_rice {
    background:rgba(244,240,230,0.50);
    padding:120px 10px;
    box-sizing: border-box;
}
.li_rice p.ttl-aboutRice {
    position: relative;
    text-align: center;
    font-size:30px;
    letter-spacing:8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li_rice p.ttl-aboutRice span {
    display: block;
    color:#b7975a;
    font-size:18px;
    letter-spacing:3px;
    margin-bottom:30px;
}
.li_rice p {
    text-align: center;
    font-size:20px;
    margin-bottom:80px;
}

.li_rice ul {
    width:1200px;
    margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.li_rice ul li {
    position: relative;
    width:48.5%;
    margin-bottom:40px;
}
.li_rice ul li:last-child {
    margin-bottom:0;
}
.li_rice ul li a {
    position: relative;
    display: block;
    padding:80px 30px;
    font-size:20px;
    background:#fff;
    box-sizing: border-box;
    transition: 0.5s;
}
.li_rice ul li a:after {
    position:absolute;
    content:'';
    top:50%;
    right:40px;
    height:14px;
    width:14px;
    margin-top:-7px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    transform: rotate(45deg);
    transition: 0.5s;
}
.li_rice ul li a:hover {
    background:#b7975a;
    color:#fff;
}
.li_rice ul li a:hover:after {
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    right:30px;
}
.li_rice ul li:last-child a {
    background:url("img/parts/ic_link.svg") 45% 50% no-repeat #fff;
    background-size:30px auto;
}
.li_rice ul li:last-child a:hover {
    background:url("img/parts/ic_link_wht.svg") 45% 50% no-repeat #b7975a;
    background-size:30px auto;
}

/*-----------------------------------------------------------------------------------------
	Hakkaisan inasaku kenkyukai
-----------------------------------------------------------------------------------------*/

#hakken {
    position: relative;
    overflow: hidden !important;
}
.p_hakken {
    background:url("img/ct/hakken/main_hakken.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.t_hakken h1 {
    position: relative;
    text-align: center;
    letter-spacing:5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.t_hakken h1 span {
    display: block;
    font-size:18px;
    color:#b7975a;
    letter-spacing:3px;
    margin-bottom:30px;
}
.txt_hakken {
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height:250%;
    font-size:20px;
    margin-bottom:150px;
}

/*------------------------------ section ----------*/
#hakken section {
    position: relative;
    width:100%;
    padding:150px 0;
    margin:0 auto 150px auto;
    background:#ccc;
}

.bx-hakken {
    position: relative;
    margin:0 0 0 60% !important;
    width:35%;
    background:#fff;
    min-height:500px;
    padding:80px;
    box-shadow:20px 20px 0 rgba(0,0,0,0.10);
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    z-index: 10;
}
.hakken02 .bx-hakken {
    margin:0 0 0 5% !important;
    box-shadow:-20px 20px 0 rgba(0,0,0,0.10) !important;
}
.hakken01:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:70%;
    height:100%;
    background:url("img/ct/hakken/bg_hakken01.jpg") 100% 50% no-repeat !important;
    background-size:cover !important;
    margin:0;
    z-index: 0;
}
.hakken02:before {
    position: absolute;
    content:'';
    top:0;
    right:0;
    width:70%;
    height:100%;
    background:url("img/ct/hakken/bg_hakken02.jpg") 100% 50% no-repeat !important;
    background-size:cover !important;
    margin:0;
    z-index: 0;
}
.hakken03:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:70%;
    height:100%;
    background:url("img/ct/hakken/bg_hakken03.jpg") 100% 50% no-repeat !important;
    background-size:cover !important;
    margin:0;
    z-index: 0;
}
.hakken01 h1,
.hakken02 h1,
.hakken03 h1 {
    margin-bottom:40px;
    font-size:36px;
    letter-spacing:5px;
}
.hakken01 h1 span,
.hakken02 h1 span,
.hakken03 h1 span {
    display: block;
    font-size:14px;
    color:#b7975a;
    margin-bottom:20px;
}
.hakken01 p,
.hakken02 p,
.hakken03 p {
    font-size:20px;
    line-height:200%;
}

@media only screen and (max-width:1350px) {
    .bx-hakken {
        min-height:auto;
        padding:60px;
    }
    .hakken02 .bx-hakken {}
    .hakken01:before {}
    .hakken02:before {}
    .hakken03:before {}
    .hakken01 h1,
    .hakken02 h1,
    .hakken03 h1 {
        margin-bottom:30px;
        font-size:32px;
    }
    .hakken01 h1 span,
    .hakken02 h1 span,
    .hakken03 h1 span {}
    .hakken01 p,
    .hakken02 p,
    .hakken03 p {
        font-size:20px;
        line-height:200%;
    }
}

/*------------------------------ terms ----------*/
#terms {
    padding: 80px 10px 150px 10px !important;
    background:rgba(244,240,230,0.50) !important;
    text-align: center;
    width:100% !important;
    margin-bottom:0 !important;
}
#terms h1 {
    position: relative;
    text-align: center;
    padding-top:50px;
    margin-bottom:50px;
    letter-spacing:5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#terms h1 span {
    display: block;
    margin-bottom:20px;
    font-size:20px;
    color:#b7975a;
}
#terms p {
    font-size:20px;
    margin:100px auto;
}
#terms a {
    position: relative;
    display: block;
    overflow: hidden;
    padding:60px 30px;
    margin:0 auto;
    font-size:20px;
    background:#b7975a;
    box-sizing: border-box;
    transition: 0.3s;
    width:500px;
    color:#fff;
}
#terms a:after {
    position:absolute;
    content:'';
    top:50%;
    right:40px;
    height:14px;
    width:14px;
    margin-top:-7px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
    transition: 0.3s;
}
#terms a:hover {
    background:rgba(183,151,90,0.80);
    /*color:#000;*/
}
#terms a:hover:after {
    right:30px;
    /*
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    */
}
#terms a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%);
  transition: 0.5s;
}
/* ホバー時のスタイル */
#terms a:hover::before {
  top: 0;
  left: 100%;
}

/*-----------------------------------------------------------------------------------------
	special
-----------------------------------------------------------------------------------------*/
#special {}

/*------------------------------ title ----------*/
.pg_special {
    background:url("img/ct/special/main_special.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.pg_special p {
    top:80px;
}

/*------------------------------ bx-special ----------*/
.bx_special {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    padding:100px 40px;
    width:1200px;
    margin:0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_special h1 {
    writing-mode: vertical-rl;
    width:17%;
    letter-spacing:10px;
    font-size:26px;
    white-space: nowrap;
    padding:3% 13% 0 2%;
    text-align: left;
    box-sizing: border-box;
}
.bx_special h1 span {
    position: absolute;
    content:'Specially cultivated rice';
    top:2%;
    right:40%;
    font-size:20px;
    color:#b7975a;
    letter-spacing:5px;
}
.bx_special div {
    border-left:1px solid #ccc;
    padding:1.5% 0 0 9%;
    width:85%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_special div h2 {
    font-size:30px;
    margin-bottom:40px;
    line-height: 180%;
}
.bx_special div p {
    line-height: 200%;
    font-size:18px;
}

/*------------------------------ list saiban ----------*/
.li_saibai {
    padding:80px 10px;
    background:#F9F7F2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li_saibai p {
    font-size:24px;
    text-align: center;
    margin-bottom:30px;
    letter-spacing:5px;
}
.li_saibai ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.li_saibai ul li {
    margin:0 10px;
    background:#fff;
    width:15%;
    max-width:200px;
    font-size:20px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li_saibai ul li a {
    display: block;
    padding:20px 0px;
    transition: 0.5s;
}
.li_saibai ul li a:hover {
    color:#fff;
}
.li_saibai ul li:first-child a:hover { background:#b8d161; }
.li_saibai ul li:nth-child(2) a:hover { background:#4eb200; }
.li_saibai ul li:nth-child(3) a:hover { background:#09b9e2; }
.li_saibai ul li:nth-child(4) a:hover { background:#CB9E2E; }
.li_saibai ul li:last-child a:hover { background:#B39358; }


.li_saibai ul li span {
    display: block;
    font-size:12px;
}

/*------------------------------ season list sp ----------*/
#li_saibai_sp {
    overflow: hidden;
    opacity: 0;
}

/*------------------------------ season ----------*/
/*
.bx_season {
    position: relative;
    margin:0 auto 80px auto;
    width:80%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
}
.bx_season div {
    width:18.5%;
    color:#fff;
    font-size:80px;
    font-weight:700;
    line-height:100%;
    margin-right:7%;
    text-align: center;
    padding:50px 10px 30px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_season div span {
    display: block;
    font-size:16px;
}
.bx_season p {
    font-size:26px;
}
*/

/*------------------------------ flow ----------*/
#season-01,
#season-02,
#season-03,
#season-04,
#season-05 {
    padding: 80px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#season-02,
#season-04 {
    background:#f9f9f9;
}
#season-05 {
    margin-bottom:100px;
}

/*---------- bg ----------*/
.ss-01 { background:#b8d161; }
.ss-02 { background:#4eb200; }
.ss-03 { background:#09b9e2; }
.ss-04 { background:#CB9E2E; }
.ss-05 { background:#B39358; }

/*---------- title ----------*/
.bx_flow {
    position: relative;
    padding:0;
    margin:0 auto;
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow h1 {
    width:30%;
    padding-bottom:80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow h1 span.season {
    color:#fff;
    font-size:80px;
    font-weight:700;
    line-height:100%;
    margin-bottom:7%;
    text-align: center;
    display: block;
    padding:7% 10% 3% 50%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow h1 span.season span {
    display: block;
    font-size:18px !important;
}
.bx_flow h1 span.sb {
    position: relative;
    writing-mode: vertical-rl;
    letter-spacing:10px;
    font-size:36px;
    display: block;
    white-space: nowrap;
    text-align: left;
    padding:10% 20% 0 70%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow h1 span.sb span {
    position: absolute;
    top:5%;
    right:4%;
    font-size:18px;
    color:#CDB381;
    letter-spacing:4px;
}

/*---------- side sticky ----------*/
.bx_flow h1 .side_in {
  position: sticky;
  top:150px;
  width: 100%;
}

/*---------- flow list ----------*/
.bx_flow .in_box {
    width:56%;
    margin-right:10%;
    padding:4% 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow .in_box p {
    font-size:30px;
    padding:0 0 12% 6%;
    line-height: 150%;
}
.bx_flow .in_box dl {
    width:100%;
    border-left:1px solid #ccc;
    padding-left:6%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content:space-between;
            justify-content:space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow .in_box dl div {
    width:47%;
    margin-bottom:8%;
}
.bx_flow .in_box dl div dt {
    position: relative;
    font-weight: 700;
    font-size:20px;
    padding:10px 0 20px 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_flow .in_box dl div dt span {
    color:#b7975a;
    font-size:14px;
    margin-left:5px;
}
.bx_flow .in_box dl div dt:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    height:40px;
    width:40px;
    border:1px solid #333;
    border-radius: 50%;
}
.bx_flow dl div dt:after {
    position: absolute;
    top:7px;
    left:16px;
    content: counter(number) " ";
    counter-increment: number 1;
}
/*------ padding ---------*/
dt.pdg:after {
    left:10px !important;
}
.bx_flow dl div dd img {
    width:100%;
    height:auto;
    margin-bottom:4%;
    border-radius:5px;
}

@media only screen and (max-width:1600px) {
    .bx_flow .in_box {
        width:68%;
        margin-right:4%;
    }
    .bx_flow h1 {
        width:25%;
    }
    .bx_flow h1 span.season {
        color:#fff;
        font-size:65px;
        margin-bottom:7%;
        padding:7% 0 3% 25%;
    }
    .bx_flow .in_box p {
        font-size:26px;
        padding:0 0 8% 6%;
    }
}

@media only screen and (max-width:1350px) {
    .bx_flow h1 {
        width:25%;
    }
    .bx_flow h1 span.season span {
        display: block;
        font-size:14px !important;
    }
    .bx_flow .in_box {
        width:68%;
        margin-right:3%;
    }
    .bx_flow .in_box dl div dt span {
        margin-left:1%;
        font-size:12px;
    }
    .bx_flow .in_box dl div dt {
        font-size:18px;
    }
}

/*-----------------------------------------------------------------------------------------
	uonuma
-----------------------------------------------------------------------------------------*/
/*------------------------------ title ----------*/
.pg_uonuma {
    background:url("img/ct/uonuma/main_uonuma.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.pg_uonuma p {
    top:15%;
}

/*------------------------------ bx-uonuma ----------*/
.bx_uonuma {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    width:100%;
    padding:80px 40px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_uonuma h1 {
    writing-mode: vertical-rl;
    letter-spacing:10px;
    font-size:26px;
    white-space: nowrap;
    padding:3% 120px 0 80px;
    text-align: left;
    box-sizing: border-box;
}
.bx_uonuma h1 span {
    position: absolute;
    top:2%;
    right:25%;
    font-size:20px;
    color:#b7975a;
    letter-spacing:5px;
}
.bx_uonuma div {
    position: relative;
    padding:1.5% 70px !important;
    width:auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx_uonuma div:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    border-left:1px solid #000;
    height:180% !important;
}
.bx_uonuma div h2 {
    font-size:30px;
    margin-bottom:40px;
    line-height: 180%;
}
.bx_uonuma div p {
    line-height: 200%;
    font-size:18px;
}
.bx_uonuma div ul {
    margin-bottom:20px;
}
.bx_uonuma div ul li {
    font-size:18px;
}

/*---------- uo1 ----------*/
#uonuma-01 {
    position: relative;
    background:#f9f9f9;
    margin:0 0 80px 0;
    padding:80px 0;
}
#uonuma-01:after {
    position: absolute;
    content:'';
    top:0;
    right:0;
    width:40%;
    height:100%;
    background:url("img/ct/uonuma/img-uonuma.png") 80% 50% no-repeat #f9f9f9 !important;
    background-size: cover;
    z-index: 10;
}
#uonuma-01 .bx_uonuma {
    width:63% !important;
    background:none;
    padding:20px 40px;
}
#uonuma-01 .bx_uonuma div:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    border-left:1px solid #000;
    height:100% !important;
    z-index: 10;
}

/*---------- uo2 ----------*/
#uonuma-02 {
    background:url("img/ct/uonuma/img-uonuma02.jpg") 50% 0 no-repeat #fff fixed;
    background-size:cover;
    padding-bottom:35%;
    margin-bottom: 100px;
}
/*---------- uo3 ----------*/
#uonuma-03 {
    background:url("img/ct/uonuma/img-uonuma03.jpg") 50% 0 no-repeat #fff fixed;
    background-size:cover;
    padding-bottom:35%;
}















/*-----------------------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) {
    a {}
    a:focus {}
    a:active {}
    a:hover {}
    a:visit {}
    a {
        -webkit-transition:0s;
                transition:0s;
    }
    a:hover {}
    address {}
    b,strong {}
    em,i,b {}
    p {
        margin-bottom: 4%;
    }
    ul,ol {}
    img {}
    table {}
    .sp {
        display: block;
    }
    br.blk {
        display:block;
    }

    /*------------------------------ scroll_fade ----------*/
    .fd {}
    .fd.on {}

    /*------------------------------ scroll_up ----------*/
    .up {}
    .up.on {}

    /*------------------------------ scroll_left ----------*/
    .left {}
    .left.on {}

    /*------------------------------ scroll_right ----------*/
    .right {}
    .right.on {}

    /*------------------------------ delay ----------*/

    .ti01 {}
    .ti02 {}
    .ti03 {}
    .ti04 {}
    .ti05 {}
    .ti06 {}
    .ti07 {}
    .ti08 {}

    /*-----------------------------------------------------------------------------------------
        body
    -----------------------------------------------------------------------------------------*/
    body {}
    html, body {}
    main {
        min-width:100%;
    }

    /*---------- attention ----------*/
    .attention {}
    .attention:before {}
    
    /*---------- pagenation ----------*/
    .swiper-pagination {}
    .swiper-pagination-bullet {}
    .swiper-pagination-bullet-active {}

    /*-----------------------------------------------------------------------------------------
        header
    -----------------------------------------------------------------------------------------*/
    header {
        min-width:100%;
        padding:0 0 0 2%;
        height:60px;
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
        z-index: 15000;
    }
    header #logo {
        width:45%;
    }
    header #logo img {}

	/*------------------------------ bugger ----------*/
	#panel-btn {
		display: inline-block;
		position: fixed;
		top:15px;
		right:15px;
		width:30px;
		max-width:30px;
		min-width:30px;
		height:30px;
		margin-top:0;
		z-index:7000;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 30px;
		height: 2px;
		background: #333;
		-webkit-transition: 0.2s;
				transition: 0.2s;
	}
	#panel-btn-icon:before,
	#panel-btn-icon:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		display: block;
		height: 2px;
		background: #333;
		-webkit-transition: 0.3s;
				transition: 0.3s;
	}
	#panel-btn-icon:before {
		width: 30px;
		margin-top: -9px;
	}
	#panel-btn-icon:after {
		width: 30px;
		margin-top: 7px;
	}
	#panel-btn .close {
		background: transparent;
	}
	#panel-btn .close:before,
	#panel-btn .close:after {
		margin-top: 0;
		background: #333;
		width:30px;
	}
	#panel-btn .close:before{
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  -webkit-transform: rotate(-135deg);
			  transform: rotate(-135deg);
	}
	
	.dr_on {
		left:0 !important;
		visibility:visible !important;
		opacity:1 !important;
		-webkit-transition: 1s;
				transition: 1s;
	}
	.dr_off {
		left:-100%;
		visibility:hidden;
		opacity:0;
		-webkit-transition: 1s;
				transition: 1s;
	}
    
    /*------------------------------ Grobal Nav ----------*/
    nav#gnav {
        margin:0;
        display:block;
        position: fixed;
        top:60px;
        left:0;
        width:100%;
        height: calc(100% - 60px);
        background:#fff;
        z-index: 1000;
    }
    nav#gnav ul {
        display:block;
        overflow-x: hidden;
        height:90%;
        width:90%;
        margin:0 auto;
        padding:5% 4%;
        background:#fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    nav#gnav ul li {
        position:relative;
        line-height:100%;
        font-size:20px;
        text-align:left !important;
    }
    nav#gnav ul li:after {
        display: none;
    }
    nav#gnav ul li a:before {
        position: absolute;
        content:'';
        top:50%;
        right:25px;
        width:6px;
        height: 6px;
        margin-top:-3px;
        border-top:1px solid #333;
        border-right:1px solid #333;
        -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
    }
    nav#gnav ul li:nth-last-child(2):after {}
    nav#gnav ul li a {
        position: relative;
        text-align:left !important;
        padding:5% 1%;
        border-bottom:none;
        border-top:1px solid #ccc;
    }
    nav#gnav ul li:first-child a {
        border: none !important;
    }

    /*------------------------------ subMenu ----------*/
    #gnav ul li ul {
        position:relative;
        top:100%;
        left:auto;
        display:block;
        margin:0 0 4% 5% !important;
        width:100%;
        padding: 0 !important;
        height:100% !important;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    #gnav ul li ul li {
        overflow: inherit;
        height: auto !important;
        -webkit-transition: 0s;
                transition: 0s;
        border-bottom:none !important;
        margin:0 !important;
    }
    nav#gnav ul li ul li:after {
        display: none;
    }
    nav#gnav ul li ul li:before {
        position: absolute;
        content:'';
        top:50%;
        left:10px;
        width:6px;
        height:6px;
        border-radius:50%;
        background:#333;
        margin-top:-3px;
    }
    #gnav ul li ul li a {
        line-height:50px !important;
        padding:0 0 0 8%;
        margin:0;
        text-align: left !important;
        display: block !important;
        border:none !important;
    }
    #gnav ul li ul li a:after,
    #gnav ul li ul li a:before {
        display: none;
    }

    #gnav ul li:hover ul li {
        overflow: visible;
        height:50px !important;
        border-bottom:none;
    }
    #gnav ul li:hover ul li:last-child {
        border-bottom:none;
    }

    /*------------------------------ onlineshop button ----------*/
    .online {
        margin:10% 0 0 0;
    }
    .online a {
        position: relative;
        color:#fff;
        font-size:20px !important;
        letter-spacing: 1px;
        padding:5% 2% 10% 70px !important;
        background:url("img/parts/ic_cart.svg") 20px 50% no-repeat rgba(47,122,17,1.00);
        background-size:30px auto;
        border-radius: 3px;
        border: none !important;
    }
    .online a:after {
        bottom:10px;
        left:70px;
        margin-left:0;
        font-size:12px;
    }
    .online a:before {
        border-top:1px solid #fff !important;
        border-right:1px solid #fff !important;
    }

    /*-----------------------------------------------------------------------------------------
        header
    -----------------------------------------------------------------------------------------*/

    footer {
        padding:8% 2% 100px 2%;
    }
    footer .fx {
        margin-bottom:6%;
        display:block;
        text-align:center;
    }
    footer .fx h1{
        font-size:24px;
        margin:0 auto 5% auto;
    }
    footer .fx h1 span {
        font-size:24px;
        display: inline-block;
        margin-left:1%;
    }
    footer .fx dl div {
        text-align: center;
        width:100%;
        justify-content: center;
    }

    /*------------------------------ footer Navi ----------*/
    #fnav ul {
        display:none;
    }
    #fnav ul li {}
    #fnav ul li:after {}
    #fnav ul li:last-child:after {}
    #fnav ul li a {}
    footer small {
        font-size:10px;
    }

    /*------------------------------ PageTop ----------*/
    #pageUp {
        bottom:85px;
        right:20px;
        width:23px;
        height:40px;
    }
    #pageUp:hover {}
    
    /*---------- footer button ----------*/
	#fBtn {
		display: block;
		position: fixed;
		left:0;
		bottom:0;
		z-index: 10;
	}
	#fBtn ul {
		position: fixed;
		left:0;
		bottom:0;
		display: -webkit-flex;
    	display: flex;
		width: 100%;
	}
	#fBtn ul li a {
		position: relative;
		overflow: hidden;
		padding:20px 0 20px 65px;
        color:#fff;
        display: block;
		font-size: 16px !important;
		letter-spacing: 1px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
    #fBtn ul li:first-child,
    #fBtn ul li:nth-child(2) {
        overflow: hidden;
        width:20%;
        border-right:1px solid #fff;
        text-indent:-9999px;
    }
    #fBtn ul li:first-child {
        background:url("img/parts/ic_tel.svg") 50% 50% no-repeat #f1f1f1;
        background-size:35px auto;
    }
    #fBtn ul li:nth-child(2) {
        background:url("img/parts/ic_mail.svg") 50% 50% no-repeat #f1f1f1;
        background-size:25px auto;
    }
    #fBtn ul li:last-child {
        width:60%;
        background:url("img/parts/ic_cart.svg") 20px 50% no-repeat rgba(47,122,17,1.00);
        background-size:30px auto;
    }
	#fBtn ul li span {
		display: block;
	}

    /*-----------------------------------------------------------------------------------------
        TOP Page
    -----------------------------------------------------------------------------------------*/

    #wrapper section {
        padding:8% 2%;
    }

    /*------------------------------ Slider ----------*/
    #slider {
        margin:60px 0 5% 0;
    }
    #slider::before {
        position: absolute;
        content:'';
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.10);
        z-index: 2;
    }
    #slider img {
        width:150%;
        height:auto;
       transform: translateY(0) translateX(-22%);
    }
    #catchcopy {
        position: absolute;
        color:#fff;
        text-align: center;
        font-size:18px;
        top:30%;
        left:5%;
        width:90%;
        letter-spacing: 2px;
        transition: 1.2s;
    }
    #catchcopy span {
        margin-bottom:5%;
    }
    .fadeIn_catch {
        top:25% !important;
    }

    /*------------------------------ News ----------*/
    #t_news {
        display: block;
        max-width:100%;
        margin:0 auto;
        padding:4% 0 !important;
    }
    #t_news h1 {
        width:100%;
        padding:0;
        margin-bottom:8%;
        font-size:26px;
        text-align: center;
    }
    #t_news h1:before {
        display: none;
    }
    #t_news h1 span {
        font-size:16px;
        margin:0 0 2% 0;
    }
    dl.li_news {
        width:94%;
        margin:0 auto 15% auto;
        padding:4%;
        border:5px solid #efefef;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
    }
    dl.li_news div {
        position: relative;
        display:block;
        margin:0 auto;
        padding:4% 2% 4% 2%;
        background:none;
    }
    dl.li_news div dt {
        width:100%;
        padding-left:90px;
        margin-bottom:4%;
    }
    dl.li_news div dd {
        width:100%;
    }
    .ct {
        position: absolute;
        top:13%;
        left:0;
        margin-left:0;
        width:80px;
        font-size:10px;
        border-radius:3px;
    }
    .news_more {
        position:relative;
        top:auto;
        right:auto;
        width:30%;
        margin:0 auto 15% auto;
        padding-left:0;
        text-align: center;
        line-height: 40px;
        background:#fff;
        border:1px solid #ccc;
        color:#333;
    }
    .news_more:after {}
    .news_more:hover {
        background:#fff;
        border:1px solid #333;
        color:#333;
    }
    .news_more:hover:after {
        border-top:2px solid #333;
        border-right:2px solid #333;
        right:20px;
    }

    /*------------------------------ Komeki no kodawari ----------*/
    #t_kodawari {
        background:url("img/ct/idx/bg_kodawari_sp.jpg") 80% -2px no-repeat rgba(242,242,242,0.50);
        background-size:150% auto;
    }
    .bx_kodawari {
        display:block;
        background:url("img/ct/idx/bg_kodawari_inbox.png") 250% 100% no-repeat #fff;
        background-size:auto 60%;
        border-radius: 20px 0 0 20px;
        padding:12% 8% 16% 8%;
        margin:40% 0 15% 5%;
    }
    .bx_kodawari h1 {
        writing-mode:unset !important;
        width:100%;
        letter-spacing:5px;
        font-size:26px;
        margin:0 0 8% 0;
        padding:0;
    }
    .bx_kodawari h1 span {
        position: relative !important;
        font-size:16px;
        margin:0 0 4% 1%;
        display: block !important;
    }
    .bx_kodawari p {
        width:100%;
        margin:0 0 2% 0 !important;
        font-size: 18px;
        line-height:180%;
    }
    .bx_kodawari a {
        font-size: 18px;
        width:90%;
        line-height: 50px;
        border:1px solid #333;
        transition: 0.3s;
        margin-top:15%;
        border-radius:5px;
        padding-left:40px;
    }
    .bx_kodawari a:after {
        right:20px;
    }
    .bx_kodawari a:hover {
        background:#fff;
        border:1px solid #333;
        color:#333;
    }
    .bx_kodawari a:hover:after {
        border-top:2px solid #333;
        border-right:2px solid #333;
        right:20px;
    }

    /*------------------------------ products ----------*/
    #t_products {
        padding:15% 0 0 0 !important;
    }
    #t_products h1 {
        padding:0;
        font-size:26px;
        margin-bottom:15%;
    }
    #t_products h1 span {
        font-size:16px;
        margin:0 0 2% 0;
    }
    .fx-rice {
        width:100%;
        margin:0 auto !important;
        display: block;
    }
    .fx-rice section {
        width:100%;
        margin:0 auto !important;
        padding-bottom:20% !important;  
    }
    .fx-rice h2 {
        color:#fff;
        letter-spacing:5px;
        font-size:34px;
        text-shadow: 0 0 5px rgba(0,0,0,0.70);
        padding:30% 8% 8% 8%;
    }
    .fx-rice p {
        padding:10% 5% 10% 5%;
        min-height: auto;
        font-size:18px;
        line-height:180%;
    }
    .fx-rice a {
        width:80%;
        line-height: 50px;
        transition: 0s;
        border-radius:3px;
        padding-left:40px;
        margin:0 auto;
    }
    .fx-rice a:after {
        transition: 0s;
        right:20px;
    }
    .fx-rice a:hover {
        background:#fff;
        border:1px solid #333;
        color:#333;
    }
    .fx-rice a:hover:after {
        border-top:2px solid #333;
        border-right:2px solid #333;
        right:20px;
    }
    .ttl_prod,
    .ttl_hakken {
        font-size:28px;
        font-weight: 700;
    }
    .ttl_prod {
        background: url("img/ct/idx/ttl_prod_sp.jpg") 50% 50% no-repeat;
    }
    .ttl_hakken {
        background: url("img/ct/idx/ttl_hakken_sp.jpg") 50% 50% no-repeat;
    }
    .ttl_prod span,
    .ttl_hakken span {
        display: block;
        font-size:18px;
        font-weight:normal;
        margin-top:6%;
        letter-spacing:3px;
    }

    /*------------------------------ online shop ----------*/
    #online {
        padding:20% 2% !important;
        background: url("img/ct/idx/bg_onlineshop_sp.jpg") 50% 50% no-repeat;
    }
    #online h1 {
        margin:0 0 10% 0;
        letter-spacing:4px;
        font-size:24px;
    }
    #online p {
        font-size: 16px;
        line-height:180%;
        letter-spacing:3px;
        margin-bottom:10%;
    }
    #online a {
        font-size: 18px;
        width:80%;
        line-height: 50px;
        -webkit-transition: 0s;
                transition: 0s;
        border-radius:50px;
    }
    #online a:after {
        transition: 0s;
        right:20px;
    }
    #online a:hover {
        background:rgba(0,0,0,0.20);
        border:2px solid #fff;
    }
    #online a:hover:after {
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        right:20px;
    }

    /*------------------------------ Contact ----------*/
    #contact {
        padding:20% 5% !important;
        max-width:100%;
        min-width:100%;
        margin:0;
    }
    #contact:before {
        top:-50px;
        right:-120px;
        background:#f1f1f1;
        width:40%;
        height:130%;
        transform: rotate(10deg);
    }
    #contact .fx {
        display:block;
    }
    #contact h1 {
        margin:0 0 12% 0;
        letter-spacing:3px;
        font-size:24px;
        text-align: center;
    }
    #contact h1 span {
        font-size:16px;
        margin-bottom:2%;
        letter-spacing:3px;
    }
    #contact dl {
        margin:10% 0 0 0;
        width:100%;
    }
    #contact dl div dt {
        font-size:16px;
        color:#b7975a;
        margin:0 0 3% 1%;
        text-align: center;
    }
    #contact dl div dd {
        padding:6% 6% 5% 6%;
        border-radius:5px;
        margin-bottom:6%;
    }
    #contact dl div.tel dd span {
        font-size:12px;
        margin-top:3%;
    }
    #contact dl div.tel dd {
        font-size:36px;
        text-align: center;
    }
    #contact dl div.mail dd {
        padding:0 !important;
        border:0;
    }
    #contact dl div.mail dd a {
        padding:5%;
        font-size:16px;
        border-radius:5px;
    }
    #contact dl div.mail dd a:after {
        position: absolute;
        content:'';
        top:50%;
        right:35px;
        width:10px;
        height:10px;
        margin-top:-5px;
        border-top:2px solid #333;
        border-right:2px solid #333;
        transform: rotate(45deg);
        transition: 0s;
    }
    #contact dl div.mail dd a:hover {
        background:#fff;
        border:1px solid #999;
        color:#333;
    }
    #contact dl div.mail dd a:hover:after {
        border-top:2px solid #333;
        border-right:2px solid #333;
        right:35px;
    }
    #contact p br {
        display: none;
    }

    /*-----------------------------------------------------------------------------------------
        2nd Page
    -----------------------------------------------------------------------------------------*/

    article {}
    .img-main {}

    /*------------------------------ page Title ----------*/
    .pgTtl {
        min-height:500px;
        width:100%;
        margin-top:10%;
    }
    .pgTtl p {
        position: absolute;
        top:15%;
        right:12%;
        margin-left:-60px;
        width:120px;
        font-size:28px;
        line-height: 150%;
        letter-spacing: 5px;
    }
    .pgTtl p span {
        display: block;
        margin-top:30px;
    }
    .fadeIn {
        opacity: 1 !important;
        top:10% !important;
    }

    /*------------------------------ section Title ----------*/
    .ttl {
        margin-top:60px;
        padding:0;
    }

    /*-----------------------------------------------------------------------------------------
        Products
    -----------------------------------------------------------------------------------------*/

    #products {}
    #products section {
        padding:8% 0;
    }

    /*------------------------------ title ----------*/
    .pg_products {
        background:url("img/ct/products/main_prod_sp.jpg") 50% 50% no-repeat;
        background-size:cover;
    }
    .pg_products p {
        top:15%;
    }
    h1.ttl-products {
        font-size:24px;
        letter-spacing:5px;
        margin:10% 0 20% 0;
    }
    h1.ttl-products span {
        font-size:14px;
        letter-spacing:3px;
        margin-bottom:2%;
    }

    /*------------------------------ products ----------*/
    #products section section {
        padding:60% 0 0 0 !important;
    }
    #products section section h2 {
        font-size:24px;
        font-weight:700;
        line-height: 180%;
        margin-bottom:10%;
    }
    #products section section h3 {
        position: relative;
        font-size:30px;
        margin:80px 0 50px 0;
        padding:15px 0 18px 30px;
    }
    #products section section h3:before {}

    #prod01 {
        background:url("img/ct/products/prod01_sp.jpg") 0 0 no-repeat local;
        background-size:100% auto !important;
    }
    #prod02 {
        background:url("img/ct/products/prod02_sp.jpg") 0 0 no-repeat local;
        background-size:100% auto !important;
    }
    #prod03 {
        background:url("img/ct/products/prod03_sp.jpg") 0 0 no-repeat local;
        background-size:100% auto !important;
    }
    #prod04 {
        background:url("img/ct/products/prod04_sp.jpg") 0 0 no-repeat local;
        background-size:100% auto !important;
    }

    /*------------------------------ item ----------*/
    .bx_prod {
        padding:8% 0;
        margin:-20% auto 0 auto;
        width:90%;
        background:#fff;
        border-radius:0;
    }
    .bx_prod h2 {
        font-size:26px;
        width:86%;
        text-align: center;
        margin:0 auto 8% auto;
    }
    .bx_prod h2 span {
        display: block;
    }
    .bx_prod p {
        font-size:18px;
        width:86%;
        margin:0 auto 4% auto;
    }
    .item {
        margin:10% 0;
        display: block;
    }
    .item img {
        width:80%;
        height:auto;
        display: block;
        margin:0 auto 10% auto;
    }
    .item table {
        width:100%;
    }
    .item table th,
    .item table td {
        padding:15px 2%;
        line-height:180%;
    }
    .item table th {}
    .item table td {}
    .item table tr:first-child td {}
    .item table td strong {
        font-weight:700;
        font-size:16px;
    }

    /*-----------------------------------------------------------------------------------------
        News list
    -----------------------------------------------------------------------------------------*/
    dl.li_topics {
        max-width:90%;
        margin:0 auto 10% auto;
        min-height:300px;
    }
    dl.li_topics div {
        display: block;
        padding:4% 2%;
        font-size:18px;
    }
    dl.li_topics div dt {
        width:100%;
        padding-left:90px;
        margin-bottom:4%;
    }
    dl.li_topics div dd {
        width:100%;
    }
    
    /*-----------------------------------------------------------------------------------------
        Company
    -----------------------------------------------------------------------------------------*/
    /*------------------------------ title ----------*/
    .pg_company {
        background:url("img/ct/company/main_company_sp.jpg") 50% 50% no-repeat;
        background-size:cover;
    }
    .pg_company p {
        top:10%;
    }

    /*------------------------------ greeting ----------*/
    #greeting {
        position: relative;
        overflow: hidden;
        margin:0 auto;
        background:rgba(242,242,242,0.50);
        padding:10% 0 5% 0;

    }
    #greeting img {
        width:90%;
        display: block;
        margin:0 auto 5% auto;
    }

    /*---------- products slider ----------*/
    .greetingPhotos {
        margin-bottom:20%;
    }
    .greetingPhotos .swiper-slide img {}

    #greeting div.message {
        padding:30% 5% 10% 5%;
        width:100%;
        margin:-25% auto 10% auto;
    }
    #greeting div.message p {
        font-size:16px;
        line-height:180%;
        margin-bottom:6%;
    }
    #greeting div.message p:last-child {}
    #greeting div.message p.owner {
        text-align: right;
        font-size:18px;
        margin-top:10% !important;
    }

    /*------------------------------ company, history ----------*/
    #company section h1 {
        width:98%;
        letter-spacing:3px;
        font-size:26px;
        text-align: left;
        margin:0 auto 5% auto;
        
    }
    #company section h1 span {
        font-size:14px;
        margin-left:2%;
        padding-left:4%;
    }
    #profile,
    #history,
    #access {
        width:94%;
        margin:0 auto;
    }
    .tb_company {
        margin:0 auto 15% auto;
        width:100% !important;
    }
    .tb_company th,
    .tb_company td {
        font-size:16px;
    }
    .tb_company th {
        width:30%;
        padding:15px;
    }
    .tb_company td {
        padding:15px;
    }
    .tb_company td ul {}

    #map {
        width:100%;
        margin:0 auto 20% auto;
    }
    #map iframe {
        width:100%;
        height:500px;
        margin-bottom:8%;
    }
    #map h3 {
        margin:0 auto 4% auto;
        width:96%;
        font-size:18px;
    }
    #map .fx {
        width:95%;
        margin:0 auto;
        display:block;
    }
    #map dl:first-child {
        width:100%;
    }
    #map dl:last-child {
        width:100%;
    }
    #map dl div {}
    #map dl div dt {
        width:20%;
    }
    #map dl div dd {
        width:80%;
    }
    #map dl div dd a {}

    /*-----------------------------------------------------------------------------------------
        Inquiry
    -----------------------------------------------------------------------------------------*/

    .ttl_inquiry h1 {
        padding:10% 0 12% 0;
        margin-bottom:8%;
        font-size:24px;
    }
    .ttl_inquiry h1 span {
        font-size:14px;
        margin-bottom:2%;
    }

    /*------------------------------ mailform ----------*/
    #form {
        margin:0 auto 15% auto;
        width:90%;
    }
    #form p {
        margin-bottom:4%;
    }
    #form table {
        width: 100%;
        margin:10% 0;
    }
    #form table th {
        width: 100%;
        display: block;
        padding:6% 2% 2% 70px;
        font-size: 16px;
        border-bottom:0;
    }
    #form table th span {}
    table td {
        display: block;
        width:100%;
        padding:3% 0 3% 0;
    }

    #form table td input[type="text"],
    #form table td input[type="email"],
    #form table td input[type="tel"],
    #form table td textarea {
        -webkit-appearance: none;
        border-radius: 3px;
    }
    #form table td select {
        border-radius: 3px;
        padding: 2%;
        width:50%;
    }
    #form table td input[type="text"],
    #form table td input[type="email"],
    #form table td input[type="tel"] {
        padding: 3% 2%;
    }
    #form table td textarea {
        line-height: 150%;
        padding: 3% 2%;
        min-height:250px;
    }
    .submit {
        margin:10% auto 0 auto;
        line-height: 50px;
        width:80%;
    }
    .submit::-webkit-search-decoration,
    .button::-webkit-search-decoration {}
    .submit::focus {}
    .submit:hover{}
    #complete {
        padding: 4%;
    }
    #complete p strong {
        margin-bottom:4%;
    }
    #complete .ttl-sendmail {
        margin-bottom:12%;
    }
    .h:before {
        top:18px;
    }
    .n:before {
        top:18px;
    }
    .error {
        margin:3% 0 0 0;
    }
    .bx-error {
        line-height:50px;
        margin:10% auto;
    }
    .bx-error br {
        display: block;
    }
    .confirm td {}
    .txt_submit {}
    .zip input {
        width:50% !important;
    }

    /*---------- radio, checkbox ----------*/
    #form table td label {
        margin-right:0 !important;
    }
    #form table td label:hover {}
    #form table td.consul label,
    div#agree input[type="checkbox"] {
        margin-right:8%;
    }
    #form table td input[type="radio"],
    #form table td input[type="checkbox"] {}
    #form table td input[type="radio"] {}
    #form table td input[type="radio"]:checked:before,
    #form table td input[type="checkbox"]:checked:before {}
    #form table td input[type="radio"]:before {}
    #form table td input[type="checkbox"]:before {}
    #form table td input[type="radio"],
    #form table td input[type="checkbox"] {}
    #form table td input[type="radio"]:checked:before,
    #form table td input[type="checkbox"]:checked:before {}
    #form table td input[type="checkbox"] {}

    /*------------------------------ privacy policy ----------*/
    
    #privacy {
        padding: 0 !important;
    }
    .bx-privacy {
        border-radius:5px;
        padding:2%;
        max-width:100%;
        margin:0 auto 12% auto;
        
    }
    .bx-privacy h2 {
        font-size:16px !important;
        margin:8% 0;
    }
    .bx-privacy h3 {
        font-size:14px;
        margin-bottom:2% !important;
    }
    .bx-privacy p {
        font-size:14px !important;
        line-height:150%;
        margin-bottom:4% !important;
    }
    .bx-privacy ul {
        margin-bottom:4% !important;
    }
    .bx-privacy ul li {
        font-size:14px !important;
        line-height:150%;
    }
    .bx-privacy div {
        height: 300px;
        padding:0 2%;
    }

    /*------------------------------ agree ----------*/
    #agree {
        width:90%;
        margin:0 auto;
        font-size:16px;
        text-align: left;
        white-space: nowrap;
    }
    #agree input[type="checkbox"],
    #agree input[type="radio"] {
        margin:0 8% 0 0 !important;
    }

    /*---------- send box -----------------------------*/
    .bx-send {
        position: relative;
        margin:8% auto 0 auto;
        width:100%;
    }
    .confirm table th {
        padding:30px 40px 30px 40px !important;
        line-height:150%;
    }
    .confirm table td {
        padding-top:22px !important;
        line-height:150%;
    }

    /*-----------------------------------------------------------------------------------------
        PrivacyPolicy
    -----------------------------------------------------------------------------------------*/

    .ttl_privacy h1 {
        padding:10% 0 12% 0;
        margin-bottom:8%;
        font-size:24px;
    }
    .ttl_privacy h1 span {
        font-size:14px;
        margin-bottom:2%;
    }

    #privacy {
        margin:0 auto 15% auto;
        padding:0;
        width:90%;
    }
    #privacy h2 {
        margin-bottom:4%;
    }
    #privacy p {
        margin-bottom:8%;
        line-height:180%;
    }
    #privacy ul {
        margin-bottom:8%;
        line-height:180%;
    }
    #privacy ul li {}

    /*-----------------------------------------------------------------------------------------
        News // Top page news togther
    -----------------------------------------------------------------------------------------*/

    .ttl_news h1 {
        padding:10% 0 12% 0;
        margin-bottom:8%;
        font-size:24px;
    }
    .ttl_news h1 span {
        font-size:14px;
        margin-bottom:2%;
    }

    /*------------------------------ pagination ----------*/
    .pagination {
        width:90%;
        margin:15% auto !important;
    }
    .pagination span,
    .pagination a {
        margin:0 1.5%;
        width:30px;
        font-size:12px;
        line-height:30px;
        -webkit-transition:0s;
                transition:0s;
    }
    .pagination a:hover,
    .pagination .current {}
    .prev,
    .next {}
    .prev:after,
    .next:after {
        position: absolute;
        content:'';
        top: 50%;
        left: 50%;
        width:15px;
        height:15px;
        border-top:3px solid #efe8d8;
        border-right:3px solid #efe8d8;
        -webkit-transition:0s;
                transition:0s;
    }
    .prev:after {}
    .next:after {}
    .prev:hover:after,
    .next:hover:after {}

    /*------------------------------ news contents ----------*/
    #contents {
        margin:0 auto;
        width:100%;
        display:block;
    }
    #contents img {
        margin-bottom:6%;
    }
    #contents header {
        margin-bottom:10%;
    }
    #contents header h1 {
        font-size:20px;
        padding:0 2% 4% 2%;
    }
    #contents header .entry-date {
        font-size:12px;
        padding:0 2%;
        margin:0 0 2% 0 !important;
    }
    .content {
        margin:0 auto 10% auto;
        width:90%;
        min-height:auto;
    }
    .content p {
        line-height:180%;
        margin-bottom:6%;
        font-size:16px;
    }
    .aligncenter {
        margin:0 auto 6% auto;
    }
    .alignright {
        margin:0 0 6% auto;
    }
    .txt {
        padding:2%;
    }

    /*------------------------------ sidebar ----------*/
    #sidebar {
        width:100%;
        padding:10% 4% 30% 4%;
        min-height:auto;
        border-top:10px solid #efefef;
    }
    #sidebar h3 {
        line-height:100%;
        margin-bottom:8%;
        border-radius:0;
        background:#fff;
    }
    /*------------------------------ themes list ----------*/
    #sidebar ul.themeList {
        margin:0;
    }
    #sidebar ul.themeList li {
        text-align: left;
        padding:3% 2%;
        font-size:14px;
    }
    #sidebar ul.themeList li:last-child {
        border-bottom:1px dotted #ccc;
    }
    #sidebar ul.themeList li a {}
    .notfound {
        padding:25% 0;
    }

    /*-----------------------------------------------------------------------------------------
        Komeki Rice
    -----------------------------------------------------------------------------------------*/

    .p_rice {
        background:url("img/ct/rice/main_rice_sp.jpg") 50% 50% no-repeat;
        background-size:cover;
    }
    .ttl_rice h1 {
        padding-top:20%;
        letter-spacing:5px;   
        font-size:30px;
        margin-bottom:8%;
        background:url("img/parts/ic_rice.png") 50% 30px no-repeat;
        background-size:18px auto;
    }
    .ttl_rice h1 span {
        font-size:16px;
        color:#b7975a;
        margin-bottom:4%;
    }
    .txt_rice {
        text-align: left;
        line-height:200%;
        font-size:18px;
        width:90%;
        margin:0 auto 20% auto;
    }
    .txt_rice br {
        display: none;
    }

    /*------------------------------ list Rice ----------*/
    .li_rice {
        padding:15% 0;
    }
    .li_rice p.ttl-aboutRice {
        font-size:24px;
        letter-spacing:5px;
    }
    .li_rice p.ttl-aboutRice span {
        font-size:14px;
        margin-bottom:4%;
    }
    .li_rice p {
        font-size:18px;
        margin-bottom:10%;
    }

    .li_rice ul {
        width:90%;
        margin:0 auto;
        display:block;
    }
    .li_rice ul li {
        position: relative;
        width:100%;
        margin-bottom:7%;
    }
    .li_rice ul li:last-child {
        margin-bottom:0;
    }
    .li_rice ul li a {
        position: relative;
        display: block;
        padding:12% 5%;
        font-size:18px;
        transition: 0s;
    }
    .li_rice ul li a:after {
        transition: 0s;
        right:30px;
    }
    .li_rice ul li a:hover {
        background:#fff;
        color:#333;
    }
    .li_rice ul li a:hover:after {
        border-top:1px solid #333;
        border-right:1px solid #333;
        right:30px;
    }
    .li_rice ul li:last-child a {
        background:url("img/parts/ic_link.svg") 65% 50% no-repeat #fff;
        background-size:25px auto;
    }
    .li_rice ul li:last-child a:hover {
        background:url("img/parts/ic_link.svg") 65% 50% no-repeat #fff;
        background-size:25px auto;
    }

    
    /*-----------------------------------------------------------------------------------------
        Hakkaisan inasaku kenkyukai
    -----------------------------------------------------------------------------------------*/

    #hakken {}
    .p_hakken {}
    .t_hakken h1 {
        letter-spacing:3px;
        font-size: 24px;
        width:90%;
        margin:0 auto 10% auto;
    }
    .t_hakken h1 span {
        font-size:14px;
        margin-bottom:2%;
    }
    .txt_hakken {
        line-height:200%;
        font-size:18px;
        margin:0 auto 20% auto;
        width:90%;
        text-align: left;
    }
    .txt_hakken br {
        display: none;
    }
    
    /*------------------------------ section ----------*/
    #hakken section {
        position: relative;
        width:100%;
        padding:60% 0 10% 0;
        background: #f9f9f9;
        margin:0 auto 15% auto;
    }

    .bx-hakken {
        position: relative;
        margin:0 auto !important;
        width:90%;
        min-height:auto;
        padding:8%;
        box-shadow:10px 10px 0 rgba(0,0,0,0.10);
    }
    .hakken02 .bx-hakken {
        margin:0 auto !important;
        box-shadow:10px 10px 0 rgba(0,0,0,0.10) !important;
    }
    .hakken01:before {
        width:100%;
        background:url("img/ct/hakken/bg_hakken01_sp.jpg") 70% 0 no-repeat !important;
    }
    .hakken02:before {
        width:100%;
        background:url("img/ct/hakken/bg_hakken02_sp.jpg") 50% 0 no-repeat !important;
    }
    .hakken03:before {
        width:100%;
        background:url("img/ct/hakken/bg_hakken03_sp.jpg") 50% 0 no-repeat !important;
    }
    .hakken01 h1,
    .hakken02 h1,
    .hakken03 h1 {
        margin-bottom:8%;
        font-size:30px;
        letter-spacing:3px;
    }
    .hakken01 h1 span,
    .hakken02 h1 span,
    .hakken03 h1 span {
        display: block;
        font-size:14px;
        color:#b7975a;
        margin-bottom:3%;
    }
    .hakken01 p,
    .hakken02 p,
    .hakken03 p {
        font-size:18px;
        line-height:200%;
    }

    /*------------------------------ terms ----------*/
    #terms {
        padding: 12% 0 !important;
        text-align: center;
        width:100% !important;
        margin-bottom:0 !important;
    }
    #terms h1 {
        padding-top:0;
        margin-bottom:10%;
        font-size:24px;
    }
    #terms h1 span {
        margin-bottom:4%;
        font-size:14px;
    }
    #terms p {
        font-size:16px;
        margin:0 auto 10% auto;
        width:90%;
        text-align:left;
    }
    #terms a {
        padding:8% 2%;
        font-size:16px;
        transition: 0s;
        width:90% !important;
    }
    #terms a:after {}
    #terms a:hover {
        background:#b7975a;
    }
    #terms a:hover:after {
        right:40px;
    }
    #terms a::before {
      display: none;
    }
    #terms a:hover::before {
      display: none;
    }

    /*-----------------------------------------------------------------------------------------
        special
    -----------------------------------------------------------------------------------------*/
    #special {}

    /*------------------------------ title ----------*/
    .pg_special {
        background:url("img/ct/special/main_special_sp.jpg") 50% 50% no-repeat;
        background-size:cover;
    }
    .pg_special p {
        top:10%;
    }

    /*------------------------------ bx-special ----------*/
    .bx_special {
        display:block;
        padding:10% 4%;
        width:100%;
    }
    .bx_special h1 {
        writing-mode: unset !important;
        width:100%;
        letter-spacing:5px;
        font-size:28px;
        padding:0 0 4% 0;
        margin-bottom:8%;
        border-bottom:1px solid #ccc;
    }
    .bx_special h1 span {
        position: relative;
        display: block;
        top:auto;
        right:auto;
        font-size:14px;
        color:#b7975a;
        letter-spacing:3px;
        margin-bottom:2%;
    }
    .bx_special div {
        border-left:none;
        padding:0;
        width:100%;
    }
    .bx_special div h2 {
        font-size:22px;
        margin-bottom:8%;
    }
    .bx_special div h2 br {
        display: none;
    }
    .bx_special div p {
        font-size:16px;
    }

    /*------------------------------ list saiban ----------*/
    .li_saibai {
        padding:10% 0 30% 0;
    }
    .li_saibai p {
        font-size:24px;
        margin-bottom:6%;
        letter-spacing:2px;
    }
    .li_saibai ul {
        width:96%;
        margin:0 auto;
        -webkit-justify-content: space-between !important;
                justify-content: space-between !important;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .li_saibai ul li {
        margin:0 0 2% 0;
        width:49%;
        max-width:90%;
        font-size:16px;
        border:1px solid #efefef;
    }
    .li_saibai ul li:last-child {
        margin-bottom:0;
    }
    .li_saibai ul li a {
        display: block;
        padding:8% 1%;
        transition: 0s;
    }
    .li_saibai ul li a:hover {
        color:#333;
    }
    
    .li_saibai ul li:first-child a:hover { background:#fff; }
    .li_saibai ul li:nth-child(2) a:hover { background:#fff; }
    .li_saibai ul li:nth-child(3) a:hover { background:#fff; }
    .li_saibai ul li:nth-child(4) a:hover { background:#fff; }
    .li_saibai ul li:last-child a:hover { background:#fff; }
    .li_saibai ul li span {}
    
    /*------------------------------ season list sp ----------*/
    #li_saibai_sp {
        display: none;
        
        
        
        position: fixed;
        top:30px;
        left:0;
        width:100%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        transition: 1s;
    }
    #li_saibai_sp:hover {
        cursor: pointer;
    }
    #li_saibai_sp ul li {
        position: relative;
        text-align: center;
        background:rgba(251,246,232,1.00);
        font-size:22px;
        padding:5% 5%;
    }
    #li_saibai_sp ul li a {
        display: block;
        padding:3% 0;
        font-size:14px;
    }
    #li_saibai_sp ul li ul {
        margin-top:5%;
        display: none;
    }
    #li_saibai_sp ul li ul li {
        padding:0 5%;
        text-align: left !important;
    }
    #li_saibai_sp ul li ul li a {
        border-bottom:1px solid #fff;
    }
    
    #li_saibai_sp ul li:before {
        position: absolute;
        content:'';
        top:35px;
        right:25px;
        width:10px;
        height: 10px;
        margin-top:-4px;
        border-top:2px solid #333;
        border-right:2px solid #333;
        -webkit-transition: 0.3s;
                transition: 0.3s;
        -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
    }
    #li_saibai_sp ul li.sel:before {
        top:32px;
        -webkit-transform:rotate(135deg);
                transform:rotate(135deg);
     }
    #li_saibai_sp ul li ul li:before {
        display: none;
    }
    #li_saibai_sp ul li ul li a:after {
        position: absolute;
        content:'';
        top:50%;
        right:5px;
        width:6px;
        height: 6px;
        margin-top:-3px;
        border-top:1px solid #333;
        border-right:1px solid #333;
        -webkit-transition: 0.3s;
                transition: 0.3s;
        -webkit-transform:rotate(45deg);
                transform:rotate(45deg);
    }

    .sibai_on {
        top:60px !important;
        overflow: inherit !important;
        opacity: 1 !important;
    }

    /*------------------------------ flow ----------*/
    #season-01,
    #season-02,
    #season-03,
    #season-04,
    #season-05 {
        margin-top:-60px;
        padding: 0 0 20% 0;
    }
    #season-02,
    #season-04 {}
    #season-05 {
        margin-bottom:10%;
    }

    /*---------- bg ----------*/
    .ss-01 {}
    .ss-02 {}
    .ss-03 {}
    .ss-04 {}
    .ss-05 {}

    /*---------- title ----------*/
    .bx_flow {
        position: relative;
        padding:0;
        margin:0 auto;
        width:100%;
        display:block;
    }
    .bx_flow h1 {
        width:100%;
        padding-bottom:10%;
        margin:0 auto !important;
    }
    .bx_flow h1 span.season {
        font-size:50px;
        line-height:100%;
        margin:0 0 20% 0;
        display: block;
        padding:10% 2%;
        width: 100%;
    }
    .bx_flow h1 span.season span {
        display: block;
        margin-bottom:2%;
        font-size:18px !important;
    }
    .bx_flow h1 span.sb {
        position: relative;
        writing-mode:unset !important;
        text-align: center;
        letter-spacing:5px;
        font-size:30px;
        padding:0;
        margin:0 0 5% 0;
    }
    .bx_flow h1 span.sb span {
        position:relative;
        top:auto;
        right:auto;
        font-size:16px;
        letter-spacing:1px;
        display: block;
        margin:0 auto 4% auto;
    }

    /*---------- side sticky ----------*/
    .bx_flow h1 .side_in {
      position:relative;
      top:0;
      width: 100%;
    }

    /*---------- flow list ----------*/
    .bx_flow .in_box {
        width:100%;
        margin:0 !important;
        padding:0;
    }
    .bx_flow .in_box p {
        font-size:18px;
        padding:0;
        line-height: 180%;
        margin:0 auto 8% auto;
        width:90%;
    }
    .bx_flow .in_box dl {
        width:90%;
        border-left:none;
        padding-left:0;
        margin:0 auto;
        display:block;
    }
    .bx_flow .in_box dl div {
        width:100%;
        margin-bottom:10%;
    }
    .bx_flow .in_box dl div dt {
        font-size:20px;
        padding:2% 0 0 60px;
        margin-bottom:6%;
    }
    .bx_flow .in_box dl div dt span {}
    .bx_flow .in_box dl div dt:before {}
    .bx_flow dl div dt:after {}
    /*------ padding ---------*/
    dt.pdg:after {
        left:8px !important;
    }
    .bx_flow dl div dd img {
        width:100%;
        height:auto;
        margin-bottom:4%;
        border-radius:5px;
    }

    /*-----------------------------------------------------------------------------------------
        uonuma
    -----------------------------------------------------------------------------------------*/
    /*------------------------------ title ----------*/
    .pg_uonuma {
        background:url("img/ct/uonuma/main_uonuma_sp.jpg") 50% 50% no-repeat;
        background-size:cover;
    }
    .pg_uonuma p {
        top:15%;
    }

    /*------------------------------ bx-uonuma ----------*/
    .bx_uonuma {
        display:block;
        width:100% !important;
        padding:4%;
    }
    .bx_uonuma h1 {
        writing-mode:unset !important;
        letter-spacing:5px;
        font-size:26px;
        padding:0;
        margin-bottom:8%;
    }
    .bx_uonuma h1 span {
        position:relative;
        display: block;
        top:auto !important;
        right:auto !important;
        font-size:14px;
        margin-bottom:4%;
        letter-spacing:2px;
    }
    .bx_uonuma div {
        position: relative;
        padding:0 4% 0 10% !important;
        width:100%;
    }
    .bx_uonuma div:before {
        left:2.5%;
        height:140% !important;
    }
    .bx_uonuma div h2 {
        font-size:22px;
        margin-bottom:8%;
        padding-top:2%;
        line-height: 180%;
    }
    .bx_uonuma div h2 br {
        display: none;
    }
    .bx_uonuma div p {
        line-height: 200%;
        font-size:18px;
    }
    .bx_uonuma div ul {
        margin-bottom:4%;
    }
    .bx_uonuma div ul li {
        font-size:18px;
        margin-bottom:2%;
    }

    /*---------- uo1 ----------*/
    #uonuma-01 {
        background:url("img/ct/uonuma/img-uonuma.png") 50% 100% no-repeat #fff local !important;
        background-size:100% auto !important;
        padding:0;
        margin-bottom: 20%;
    }
    #uonuma-01:after {
        display: none;
    }
    #uonuma-01 .bx_uonuma {
        width:100% !important;
        margin-bottom:0 !important;
        padding:20% 4% 110% 4%;
    }
    #uonuma-01 .bx_uonuma div:before {
        left:2.5%;
        height:130% !important;
        z-index: 100 !important;
    }

    /*---------- uo2 ----------*/
    #uonuma-02 {
        background:url("img/ct/uonuma/img-uonuma02_sp.jpg") 50% 100% no-repeat #fff local !important;
        background-size:150% auto !important;
        padding-bottom:60%;
        margin-bottom: 20%;
    }
    /*---------- uo3 ----------*/
    #uonuma-03 {
        background:url("img/ct/uonuma/img-uonuma03_sp.jpg") 50% 100% no-repeat #fff local !important;
        background-size:150% auto !important;
        padding-bottom:60%;
    }
}