@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#container {
	position: relative;
	z-index: 100;
}

#header {
	width: auto;
	text-align: center;
	padding: 20px 0;
	background: url(../img/irico/bg_hd.png) repeat-x center top;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#header #siteLogo {
	padding: 130px 0 50px 0;
	margin: 0;
}

#gNavi {
	margin: 0 auto;
	width: 840px;
}

#gNavi h1 {
	margin: 0;
	float: left;
}

#gNavi h1 img {
	width: 0;
}

#gNavi ul {
	margin: 0 auto;
	width: 640px;
	padding-top: 15px;
	overflow: hidden;
	zoom: 1;
}

#gNavi li {
	padding: 0 0 0 30px;
}

#gNavi li a,
#gNavi li img {
	display: block;
}

#gNavi li a {
	text-indent: -9999px;
}

#gNavi .navi01 a {
	height: 28px;
	width: 70px;
	background: url(../img/common/g_navi01_out.png) no-repeat left top;
}

#gNavi .navi01.on a,
#gNavi .navi01 a:hover {
	background: url(../img/common/g_navi01_over.png) no-repeat left top;
}

#gNavi .navi02 a {
	height: 28px;
	width: 114px;
	background: url(../img/common/g_navi02_out.png) no-repeat left top;
}

#gNavi .navi02.on a,
#gNavi .navi02 a:hover {
	background: url(../img/common/g_navi02_over.png) no-repeat left top;
}

#gNavi .navi03 a {
	height: 28px;
	width: 108px;
	background: url(../img/common/g_navi03_out.png) no-repeat left top;
}

#gNavi .navi03.on a,
#gNavi .navi03 a:hover {
	background: url(../img/common/g_navi03_over.png) no-repeat left top;
}

#gNavi .navi04 a {
	height: 28px;
	width: 99px;
	background: url(../img/common/g_navi04_out.png) no-repeat left top;
}

#gNavi .navi04.on a,
#gNavi .navi04 a:hover {
	background: url(../img/common/g_navi04_over.png) no-repeat left top;
}

#gNavi .navi05 a {
	height: 28px;
	width: 99px;
	background: url(../img/common/g_navi05_out.png) no-repeat left top;
}

#gNavi .navi05.on a,
#gNavi .navi05 a:hover {
	background: url(../img/common/g_navi05_over.png) no-repeat left top;
}

#bg1,#bg2,#bg3 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#bg4,#bg5,#bg6 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#bg1 {background: url(../img/irico/bg_1_l.png) repeat-y left top;}
#bg2 {background: url(../img/irico/bg_2_l.png) repeat-y left top;}
#bg3 {background: url(../img/irico/bg_3_l.png) repeat-y left top;}
#bg4 {background: url(../img/irico/bg_1_r.png) repeat-y right top;}
#bg5 {background: url(../img/irico/bg_2_r.png) repeat-y right top;}
#bg6 {background: url(../img/irico/bg_3_r.png) repeat-y right top;}

#life h2 {
	margin-bottom: 84px;
	text-align: center;
}

#life p {
	margin-bottom: 87px;
	text-align: center;
}

#life .imgText01 {
	margin-bottom: 104px;
}

#life .photoList {
	margin: 0 -6px 195px;
	position: relative;
	width: 852px;
	height: 606px;
}

#life .photoList li {
	float: left;
}

#life .photoList li img {
	display: block;
}

#life h3 {
	clear: both;
	margin-bottom: 40px;
}

#life .imgText02 {
	margin: 0 -28px -4px 0;
	position: relative;
	zoom: 1;
}

#life .text {
	color: #00b0ec;
	font-size: 1.2em;
	margin-bottom: 202px;
	position: relative;
	text-align: left;
}

#life .h3Ttl {
	margin-bottom: 45px;
	text-align: right;
}

#life .innerBox {
	margin: 0 0 15px -2px;
}

#life .innerBox .rBox {
	float: right;
	padding-top: 18px;
}

#life .innerBox .lBox {
	float: left;
	width: 580px;
}

#life .innerBox .lBox .photoBox {
	float: left;
	margin-right: -48px;
	position: relative;
}

#life .innerBox .lBox .textBox {
	float: right;
	padding-top: 21px;
	width: 522px;
}

#life .innerBox .lBox .textBox p {
	font-size: 1.2em;
	line-height: 2.05;
	margin: 0 0 0 77px;
	text-align: left;
}

#life .innerBox .lBox .textBox .title {
	margin: 0 0 17px;
}

#life .delicacy {
	clear: both;
	margin: 0 -60px 248px 0;
	position: relative;
}

#life .delicacy .photo {
	bottom: -22px;
	left: -80px;
	position: absolute;
}

#life .delicacy .inner {
	margin-left: 229px;
	position: relative;
	z-index: 100;
}

#life .delicacy .inner .photoBox {
	float: right;
	position: relative;
}

#life .delicacy .inner .textBox {
	padding-top: 27px;
}

#life .delicacy .inner .textBox .title {
	margin: 0 0 20px;
}

#life .delicacy .inner .textBox .title img {
	margin-right: -49px;
}

#life .delicacy .inner .textBox p {
	margin: 0 0 26px 19px;
	font-size: 1.2em;
	line-height: 2.05;
	text-align: left;
}

#life .delicacy .inner .textBox .textP {
	margin-bottom: 54px;
	width: 593px;
}

#life .delicacy .inner .textBox .title02 {
	margin-left: 118px;
}

#life .delicacy .inner .textBox .textP02 {
	margin: 0 0 0 138px;
}

#life .delicacy .inner .textBox .textP02 span {
	font-size: 0.8em;
	line-height: 3.05;
}

#main .listBox {
	margin-bottom: 200px;
}

#main .identifiedBox {
	clear: both;
	margin-bottom: 196px;
}

#main .identifiedBox .photoList {
	clear: both;
	margin-right: -20px;
	overflow: hidden;
	width: 860px;
}

#main .identifiedBox .photoList li {
	padding: 0 20px 67px 0;
	float: left;
	width: 195px;
}

#main .identifiedBox .photoList li .photo {
	margin-bottom: 20px;
	position: relative;
	width: 195px;
	height: 100px;
}

#main .identifiedBox .photoList li .photo .ovImg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -9999;
}

#main .identifiedBox .photoList li .title {
	font-size: 1.6em;
	padding-bottom: 9px;
	text-align: center;
	width: 195px;
}

#main .identifiedBox .photoList li .title01 {
	padding-top: 12px;
}

#main .identifiedBox .photoList li .text {
	font-size: 1.1em;
	line-height: 1.7;
	margin-bottom: 16px;
}

#main .identifiedBox .photoList li .btnList {
	margin-right: -7px;
	overflow: hidden;
	width: 202px;
}

#main .identifiedBox .photoList li .btnList li {
	margin-right: 7px;
	padding: 0;
	width: auto;
}

#main .identifiedBox .photoList li .btnList li img {
	display: block;
}

#main .identifiedBox .hBox {
	margin: 0 0 66px 15px;
}

#main .identifiedBox .hBox .photoList {
	clear: none;
	float: right;
	margin-right: -20px;
	overflow: hidden;
	width: 430px;
}

#main .identifiedBox .hBox .photoList li {
	margin-right: 20px;
	padding: 0;
}

#main .identifiedBox .hBox .textBox {
	float: left;
	width: 356px;
}

#main .identifiedBox .hBox .textBox h2 {
	margin-bottom: 37px;
}

#main .identifiedBox .hBox .textBox p {
	font-size: 1.3em;
	line-height: 100PX;
	margin: 0 0 32px 23px;
}

#main .identifiedBox .hBox .textBox .link {
	margin-left: 24px;
}

#main .identifiedBox .btmLink {
	text-align: center;
}


#main .identifiedBox .brandCom {
	border-top: 1px solid #00B0EC;
	text-align :center;
	padding-top: 10px;
	font-size: 1.2em;
	margin-bottom: 20px;
}


#main .listBox .ttlP {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 11px;
}

#main .listBox .ttlP span {
	font-size: 0.7em;
}

#main .listBox .listUl {
	margin-right: -10px;
	overflow: hidden;
	width: 850px;
}

#main .listBox .listUl li {
	border: 1px solid #9ED8F6;
	float: left;
	margin: 0 10px 7px 0;
	padding: 11px 20px;
	overflow: hidden;
	width: 373px;
	max-height: 95px;
}

#main .listBox .listUl li .photoBox {
	float: right;
	padding-top: 3px;
}

#main .listBox .listUl li .textBox {
	float: left;
	width: 220px;
}

#main .listBox .listUl li .textBox p {
	font-size: 1.2em;
	word-wrap: break-word;
}

#main .listBox .listUl li .textBox p a {
	color: #00b0ec;
}

#main .listBox .listUl li .textBox .title {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 2px;
}

#main .listBox .listUl li .textBox .title01 {
	margin-bottom: 12px;
}

.popupBox {
	margin: 0 auto;
	width: 710px;
	text-align: left;
}

.popupBox .close {
	margin: 0 5px 2px 0;
	text-align: right;
}

.popupBox .popup {
	background: url(../img/irico/popup01_bg.png) no-repeat left top;
	padding-top: 26px;
}

.popupBox .popup .subBox {
	background: url(../img/irico/popup02_bg.png) no-repeat left bottom;
	padding: 11px 16px 33px 31px;
}

.popupBox .popup .subBox .scrollBox {
	height: 442px;
	overflow-y: scroll;
	padding-right: 19px;
}

.popupBox .popup .subBox .inner {
	margin-bottom: 29px;
}

.popupBox .popup .subBox .inner .photoBox {
	float: right;
}
.popupBox .popup .subBox .inner .photoBox img {
	margin-bottom: 10px;
}


.popupBox .popup .subBox .inner .textBox {
	float: left;
	padding-top: 10px;
	width: 363px;
}

.popupBox .popup .subBox .inner .textBox .title {
	margin-bottom: 10px;
}

.popupBox .popup .subBox .inner .textBox .textP {
	font-size: 1.1em;
	line-height: 1.7;
	margin: 0 10px 15px 2px;
}

.popupBox .popup .subBox .imgText {
	clear: both;
	margin: 0 0 12px 1px;
}

.popupBox .popup .subBox .inner .textBox .textUl li {
	border-bottom: 1px solid #EEEEEE;
	font-size: 1.2em;
	margin-bottom: 2px;
	overflow: hidden;
	padding: 0 4px 3px 8px;
}

.popupBox .popup .subBox .inner .textBox .textUl li .lText {
	float: left;
	width: 240px;
}

.popupBox .popup .subBox .inner .textBox .textUl li .rText {
	float: right;
	width: 67px;
	text-align: right;
}

.popupBox .popup .subBox .listUl {
	margin-left: 5px;
}

.popupBox .popup .subBox .listUl li {
	font-size: 1.2em;
	padding: 0 0 4px 1.4em;
	text-indent: -1.4em;
}

.popupBox .popup .subBox .inner .textBox2 {
	float: left;
	padding-top: 10px;
	width: 630px;
	margin-bottom: -25px;
}
.popupBox .popup .subBox .inner .textBox2 .title {
	margin-bottom: 10px;
}

.popupBox .popup .subBox .inner .textBox2 .textP {
	font-size: 1.1em;
	line-height: 1.7;
	margin: 0 10px 15px 2px;
}
.popupBox .popup .subBox .inner .textBox2 .imgText {
	margin-top: 25px;
}


.popupBox .popup .subBox .inner .textBox2 ul {
	font-size: 1.1em;
	line-height: 1.7;
	margin-bottom: 15px;
	list-style: circle;
	padding-left: 16px;
}

#main .contactBox {
	margin-bottom: 276px;
}

#main .contactBox .lBox {
	width: 185px;
	float: left;
}

#main .contactBox .lBox h2 {
	margin-bottom: 22px;
}

#main .contactBox .lBox .menu {
	margin-bottom: 65px;
}

#main .contactBox .lBox .menu li {
	padding-top: 12px;
	float: left;
}

#main .contactBox .lBox .menu li img {
	display: block;
}

#main .contactBox .lBox .menu li.tab1 {
	background: url(../img/irico/link01_over.gif) no-repeat bottom;
}

#main .contactBox .lBox .menu li.tab2 {
	background: url(../img/irico/link02_over.gif) no-repeat bottom;
}

#main .contactBox .lBox .menu li.on img {
	opacity: 0 !important;
	filter: alpha(opacity=0) !important;
}

#main .contactBox .lBox .title {
	margin-bottom: 15px;
}

#main .contactBox .lBox p {
	font-size: 1.2em;
	word-wrap: break-word;
}

#main .contactBox .lBox .address {
	margin-bottom: 7px;
}

#main .contactBox .rBox {
	padding-top: 4px;
	float: right;
	width: 580px;
}

#main .contactBox .rBox .text {
	margin-bottom: 15px;
	font-size: 1.2em;
	text-align: right;
}

#main .contactBox .rBox .text span {
	color: #e03326;
}

#main .contactBox .rBox .comTable {
	border-collapse: collapse;
	width: 100%;
}

#main .contactBox .rBox .comTable th {
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#main .contactBox .rBox .comTable th span {
	color: #e03326;
}

#main .contactBox .rBox .comTable td {
	padding: 10px 0 10px 13px;
	font-size: 1.2em;
	text-align: left;
	vertical-align: top;
}

#main .contactBox .rBox .comTable td span {
	vertical-align: middle;
}

#main .contactBox .rBox .comTable td dt {
	float: left;
	padding-top: 4px;
	width: 37px;
}

#main .contactBox .rBox .comTable td dd {
	float: left;
}

#main .contactBox .rBox .comTable td select {
	font-size: 0.9em;
}

#main .contactBox .rBox .text01 {
	height: 22px;
	width: 160px;
	border: 1px solid #00B0EC;
}

#main .contactBox .rBox .text02 {
	margin-right: 15px;
}

#main .contactBox .rBox .text03 {
	height: 22px;
	width: 72px;
	border: 1px solid #00B0EC;
}

#main .contactBox .rBox .code01 {
	margin: 0 5px 0 25px;
}

#main .contactBox .rBox .code02 {
	margin: 0 20px 0 10px;
}

#main .contactBox .rBox .text04 {
	height: 22px;
	width: 418px;
	border: 1px solid #00B0EC;
}

#main .contactBox .rBox .address {
	margin-top: 15px;
}

#main .contactBox .rBox .tel {
	margin-right: 7px;
}

#main .contactBox .rBox .tel02 {
	margin: 0 7px;
}

#main .contactBox .rBox .tel03 {
	margin-left: 7px;
}

#main .contactBox .rBox .email {
	margin-bottom: 10px;
}

#main .contactBox .rBox .comTable td .notes {
	font-size: 0.8em;
}

#main .contactBox .rBox .inquiry {
	margin-top: 15px;
	height: 140px;
	width: 418px;
	border: 1px solid #00B0EC;
}

#main .contactBox .rBox .choose {
	margin-bottom: 20px;
	width: 310px;
	float: right;
}

#main .contactBox .rBox .choose input {
	margin-top: 0;
	vertical-align: middle;
}

#main .contactBox .rBox .submit {
	clear: both;
}

#main .contactBox .rBox .submit input {
	float: right;
}

#main .info {
	margin-bottom: 190px;
}

#main .info h2 {
	padding-top: 3px;
	float: left;
}

#main .info .textBox {
	float: right;
	width: 658px;
}

#main .info .textBox dl {
	font-size: 1.3em;
	background: url(../img/irico/line.gif) repeat-x left top;
}

#main .info .textBox dl dt {
	padding: 12px 0 12px 5px;
	float: left;
}

#main .info .textBox dl dd {
	padding: 12px 0 12px 9em;
	background: url(../img/irico/line.gif) repeat-x left bottom;
}

#main .info .textBox dl dd a {
	color: #00b0ec;
}

#main .banner {
	margin: 0 -10px 130px 0;
	width: 850px;
	clear: both;
	overflow: hidden;
}

#main .banner li {
	padding: 9px 11px 0 0;
	float: left;
}

#main .banner li img {
	display: block;
}

#tabPanel02 {
	display: none;
}

iframe.twitter-share-button {
	width: 95px!important;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxLoadingGraphic{background:url(../img/irico/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{width:63px;height:15px;background:url(../img/irico/close.gif) no-repeat; right:5px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

		.buy_flex {
			display: flex;
			justify-content: center;
		}