@charset "utf-8";
@import url("import.css");
/* 共通
-------------------------------------------------------------*/
.pc {
	display: none;
}
.switch {
	visibility: hidden;
}
html, body {
	width: 100%;
}
body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif !important;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	color: #000;
	background: #fff;
	font-size: 14px;
}
#outer {
	width: 100%;
	overflow: hidden;
}
#___plusone_0 {
	width: 65px !important;
}
.inner {
	margin: 20px 2% 0;
}
img.fit {
	width: 100%;
	height: auto;
}
a {
	outline: none;
}
/* PC非表示
-------------------------------------------------------------*/
header {
	xdisplay: none;
}
.pagetop {
	display: none;
}
/* 見出し
-------------------------------------------------------------*/
.headline01{
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
	line-height:1.4;
    padding: 10px 0 10px;
    font-weight: normal !important;
    margin-bottom: 25px;
    color: #252525;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing:1.4px;
}
hr {
    border: 0px none;
    height: 1px;
    margin-bottom: 20px;
    background: #ccc;
}

/* header
-------------------------------------------------------------*/
header {
	height:55px;
}
header .line {
	height: 4px;
	background: #5BB5E8 none repeat scroll 0% 0%;
	margin-bottom: 13px;
}
h1 img {
	width: auto;
	height: 30px;
	position: absolute;
	z-index: 10002;	
	top: 13px;
	left: 3%;
}
header .store {
	display: none;
}
header ul li.jp a{
	
}
/* 言語 */
header ul li.jp a {
	background: #f6f6f6 url(images/mark_jp.gif) no-repeat 5px 8px;
	padding-left: 34px !important;
}
header ul li.en a {
	background: #f6f6f6 url(images/mark_en.gif) no-repeat 5px 8px;
	padding-left: 34px !important;
}
header ul li.cn a {
	background: #f6f6f6 url(images/mark_cn.gif) no-repeat 5px 8px;
	padding-left: 34px !important;
}
header ul li.tw a {
	background: #f6f6f6 url(images/mark_tw.gif) no-repeat 5px 8px;
	padding-left: 55px !important;
}

header nav {
	display: none;
}
header ul {
	overflow: hidden;
	_zoom: 1;
	padding: 4% 0 2% 6%;
	border-top: 1px solid #ddd;
}
header ul li {
	display: block;
	width: 46%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
header ul li a {
	color: #002666;
	text-decoration: none;
	font-size: 12px;
	display: block;
	border: 1px solid #eee;
	padding: 6px 5px 5px;
}
header .menu {
	height: 29px;
	text-align: right;
	overflow: hidden;
	margin-bottom: 8px;
	margin-top: 14px;
	z-index: 100001;
	position: absolute;
	right: 10px;
}
header .menu img {
	padding: 5px 10px 0 0;
}
#overray {
	display: none;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
#closeMenu {
	display: none;
}
#openMenu img, #closeMenu img {
	width: 23px;
	height: auto;
}
#layerMenu {
	position: absolute;
	top: 0px;
	padding-top: 50px;
	display: none;
	width: 100%;
	font-size: 12px;
	z-index: 10000;
	background: rgba(255,255,255,0.85);
	border-bottom: 1px solid #ccc;
}
#layerMenu h3{
	padding-left:5%;
}
#layerMenu ol {
	margin: 10px 5% 6%;
}
#layerMenu ol li {
	background: rgba(255,255,255,0.97);
	list-style: none;
	vertical-align: middle;
	margin-bottom: 10px;
}
#layerMenu ol li img {
	width: 100%;
	height: auto;
}
#layerMenu ol li a {
	text-decoration: none;
	border-radius: 3px;
	display: block;
	font-size: 13px;
	padding: 13px 4% 11px 5%;
	background: #F6F6F6;
	border: 1px solid #aaa;
	position: relative;
		color: #002666;
}

#layerMenu ol li a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -3px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.lang_menu form select{
	width:92%;
	padding:1.5% 2%;
	margin:0 4% 4%;
	
}
/* footer
-------------------------------------------------------------*/
footer {
	clear: both;
	width: 100%;
	background: #f3f3f3 none repeat scroll 0% 0%;
	padding: 0 0px;
}
footer h2 {
	padding: 6% 4% 7%;
	text-align: center;
}
footer h2 img {
	width: 70%;
	height: auto;
}
footer nav {
	border-bottom: 1px solid #ccc;
}
footer nav li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 3% 4%;
	border-top: 1px solid #ccc;
	position:relative;
}


footer nav li a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -3px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
footer p.copy {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;
}
/* main_image
-------------------------------------------------------------*/
#main_image .photo img {
	width: 100%;
	height: auto;
}

#main_img h2 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 20px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#main_img p.text {
	margin: 0 4% 15px;
}
#index .youtube{
	margin-top:10%;
	margin-bottom:4%;	
}

#index .youtube p{

	position:relative;
    width:100%;
    height:0;
    padding-top:56%;
	margin-bottom:4%;

}
#index .youtube iframe{
position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;	
}

/* contents
-------------------------------------------------------------*/
#contents,
#contents_center{
	margin:0 4%;
}
/* index
-------------------------------------------------------------*/

/* ラインナップ*/
#lineup_slide {
	width: 100%;
	margin: 12% auto 10%;
}
#lineup_slide img{
}
#lineup_slide .btn{
	margin: 2% 4% 0;
}
#lineup_slide .btn a{
	display:block;
	background:#6e6e6e;
	padding:0.5% 0;
}
#lineup_slide .btn img{
	width:100%;
	height:auto;
}
/* バナー */
section.product_banner {
	margin-bottom:8%;
}
section.product_banner img{
	width:100%;
	height:auto;
	margin-bottom:4%;
}
section.product_banner h2{
	margin-bottom:2%;
}
section.product_banner ul.col2 {

}
section.product_banner ul.col2 li {
}

/*news*/
section.news {
	margin-bottom:10% !important;
}
section.news img{
	width:100%;
	height:auto;

}
section.news h2{
	margin-bottom:4%;
}

section.news dl{
	padding:0% 0% 4%;
	border-bottom:1px dashed #ccc;
}
section.news dl:last-child{
	border-bottom:none;
}
section.news dl dt{
	
}
section.news dl dd a{
	color:#f96c37;
}

/* SNS */
section.sns_area {
}
section.sns_area h2 img,
section.sns_area h3 img,
section.sns_area .left img
{
	width:100%;
	height:auto;
}
section.sns_area .wrapper {
	background: #fff;
}

section.sns_area h2 {
	margin-bottom: 7%;
}
section.sns_area h3 {
	margin-bottom: 3%;
}
section.sns_area .left, section.sns_area .right {

	margin-bottom: 4%;
}
section.sns_area .left {
	margin-bottom: 10%;
}
section.sns_area .left p {
	margin-bottom: 4%;
}
section.sns_area .right h4 {
	margin-bottom: 2%;
}
section.sns_area .right h4 img{
	width:40%;
	height:auto;
}
section.sns_area ul li {
	display: inline-block;
	padding-right: 5px;
	
}
section.sns_area ul li img{
	height:70px;
	width:auto;
}
.pickup {
}
.pickup h3 {
	font-size: 17px;
	padding: 0px 12px;
	border-left: 4px solid #5BB5E8;
	margin-bottom: 10px;
}
.pickup img {
	width: 100%;
	height: auto;
	margin-bottom: 2%;
}
.pickup li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #dfdfdf;
}
/*  楽天バナー
-------------------------------------------------------------*/
.rakuten_banner {
	border: 2px solid #bd0000;
	margin: 0px 4% 15px;
}
.rakuten_banner h4 {
	text-align: center;
	width: 75%;
	margin: 0 auto;
	padding: 15px 0 0;
}
.rakuten_banner h4 img {
	width: 100%;
	height: auto;
}
.rakuten_banner ul {
	padding: 15px 0px 0px 0px;
	text-align: center;
}
.rakuten_banner ul li {
	display: inline-block;
	text-align: center;
	padding: 0 5px;
	height: 65px;
}
.rakuten_banner ul li img {
	width: 75%;
	height: auto;
	padding-bottom: 3px;
}
.rakuten_banner ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #252525;
}
/* オンラインショップバナー */
section.banner {
	background: #efefef;
	padding: 6% 0 3%;
	display:none;
}
section.banner li {
	margin: 0 15% 4%;
}
section.banner li img {
	width: 100%;
	height: auto;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　lineup.html
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.lineup {
	margin-top:6%;
}
#lineup .lineup p{
	margin-bottom:4%;
}
.lineup h2{
	margin-bottom:4%;
}
.lineup .title{
	margin-bottom:2%;
}
.lineup img{
	width:100%;
	height:auto;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　onlineshop.html
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#onlineshop {
}
#onlineshop .onlineshop h3 {
	margin-bottom: 25px;
	margin-left: 10px;
}
#onlineshop .onlineshop ul {
	margin-bottom: 70px;
	overflow: hidden;
	margin-right: -30px;
	margin-left: 70px;
}
#onlineshop .onlineshop ul li {
	float: left;
	margin-right: 30px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　company.html
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#company .company_info{
	margin-top:6%;
	margin-bottom:10%;
}
#company .company_info img{
	width:100%;
	height:auto;
}
#company .company_info h2{
	margin-bottom:6%;
}
.iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#company section.aisatsu {
	margin-bottom: 50px;
}

#company section table{
	margin:0 0px 6%;
	width:100%;
	font-size:14px;
}
#company section table th{
	background:#f3f3f3;
	color:#000;
	padding:6px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin-bottom:2%;
	width: 100%;
        display: block;
}
#company table td{
	background:#fff;
	color:#000;
	padding:6px 0% 4%;
	xborder:1px solid #ccc;
	width: 98%;
        display: block;
        border-top: none;
}

#company table td p{
	margin-bottom:10px;
}
#company section dl{
	
}
#company section dl dt{
	font-weight:bold;
	margin-top:10px;

}
#company section dl dd{
	float:left;
	padding-bottom:5px;
}
#company table td a{
}

#company section.brandstory{
	
	
}

#company section.brandstory img{
	width:100%;
	height:auto;
}
#company section.brandstory h2{
	margin-bottom:6%;
}
#company section.brandstory ul li{
	margin-bottom:20px;
	float:left;
	width:49%;
	margin-bottom:2%;	
}
#company section.brandstory ul li:nth-child(odd){
		margin-right:2%;
}

#company section.brandstory ul li img{
	max-width:100%;
	height:auto;
}

#company section.brandstory .text{

}
#company section.brandstory .text p{
	margin-bottom:1em;

}
#company section.tenjikai{
	margin-bottom:4%;
}
#company section.tenjikai h2{
	margin-bottom:6%;
}
#company section.tenjikai img{
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:5px;
}
#company section.tenjikai ul{
}
#company section.tenjikai ul li{
	float:left;
	width:49%;
	margin-bottom:2%;

}
#company section.tenjikai ul li:nth-child(odd){
		margin-right:2%;
}
/* access
-------------------------------------------------------------*/
.access h3{
	display:none;
}
.access h4{
	margin-top:4%;
}
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:10px;

}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* contact
-------------------------------------------------------------*/
#contact h3{
	display:none;
}

/* privacy
-------------------------------------------------------------*/

#privacy h3{
	display:none;
}
#privacy p{
	margin-bottom:1em;
}
#privacy p.h,
#privacy h4{
	background:#efefef;
	margin-bottom:15px;
	padding:4px 10px 4px;
	font-size:14px;
		border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#privacy section ul {
	margin:10px 0 0;
}
#privacy section ol {
	margin:0 0 1em;
}
#privacy section li{
	text-align:left;
	margin-bottom:10px;
}


/*-------------------------------------------------------------*/
/* フォーム(サポート) */
/*-------------------------------------------------------------*/

.form {
	margin: 10px 4% 18px;
}
.form h2 {
	width: 100%;
	margin: 0 auto 20px;
}
.form h3 {
	font-size: 18px;
	text-align: center;
	color: #161B61;
	padding-top: 3px;
	padding-bottom: 15px;
}
.form .photo {
	padding-bottom: 15px;
}
.form .text {
	padding-bottom: 15px;
}
.form .flow {
	border-top: 1px solid #161B61;
	padding-top: 20px;
	padding-bottom: 15px;
}
.form img {
	width: 100%;
	height: auto;
}
.form .label {
	font-size: 18px;
	padding-bottom: 5px;
	letter-spacing: 1.2px;
}
.form em {
	font-size: 14px;
	margin-left: 5px;
	color: #f00;
}
.form .small {
	font-size: 14px;
	margin-left: 5px;
	color: #666;
}
.form label{
	white-space:nowrap;
}
.form .input {
	font-size: 20px;
	margin-bottom: 13px;
}
.form .input input {
	width: 98% !important;
	padding: 5px 1%;
	text-align: left !important;
}
.radios input {
	display: none;
}
.form textarea {
	width: 100% !important;
	height: 8em !important;
}
.radios label {
	display: inline-block;
	cursor: pointer;
	width: 30%;
	padding: 15px 0px;
	background: #bdc3c7;
	color: #000;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.radios label:first-of-type {
	border-radius: 3px 0 0 3px;
}
.radios label:last-of-type {
	border-radius: 0 3px 3px 0;
}
.radios input[type="radio"]:checked + .switch {
	background-color: #274082;
	color: #fff;
}
.form input[type="text"],
.form input[type="email"]{
	width:100%;
	padding:10px 1% !important;
}
.form .submit_btn{
	padding:10px;
}
.form .form_privacy {
	border-top: 1px solid #000;
	padding: 15px 0 0;
	margin-top: 5px;
}
.form .form_privacy p {
	font-size: 14px;
	margin-bottom: 15px;
}
.form .submit input {
	width: 100%;
}
.form .send {
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 20px;
	padding: 10px 0;
	letter-spacing: 1.4px;
}
.form .submit {
	text-align: center;
	margin: 0 auto;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	font-size: 24px;
	width: 600px;
	padding: 3% 0 !important;
}
.st-accordion ul {
	border-bottom: 1px solid #161b61;
}
.st-accordion ul li {
	border-top: 1px solid #161b61;
	overflow: hidden;
	min-height: 52px;
}
.st-accordion ul li > a {
	color: #221814;
	padding: 18px 10px 15px;
	font-size: 20px;
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1;
	font-weight: bold;
	color: #221814;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	outline: none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.st-accordion ul li > a span {
	background: transparent url(../images/support_menu_mark.png) no-repeat center center;
	text-indent: -9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover {
	color: #221814;
	background: #ddd;
}
.st-accordion ul li > a:hover span {
	opacity: 1;
	right: 10px;
}
.st-accordion ul li.st-open > a {
	color: #221814;
}
.st-accordion ul li.st-open > a span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 10px;
	opacity: 1;
}
.st-content {
	border-top: 1px solid #161b61;
	padding: 20px 0px 30px 0px;
	margin-bottom: 100px;
}
.submit {
	padding: 15px 30px;
	margin: 20px auto;
	font-size: 15px;
	letter-spacing: 1px;
	background: #4686c6; /* Old browsers */
	background: -moz-linear-gradient(top, #4686c6 0%, #171c61 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4686c6), color-stop(100%, #171c61)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4686c6 0%, #171c61 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4686c6 0%, #171c61 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4686c6 0%, #171c61 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4686c6 0%, #171c61 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686c6', endColorstr='#171c61', GradientType=0 );
	color: #fff;
	display: block;
	border: none;
	cursor: pointer;
	outline: none;
}
.submit:hover {
	background: #77a3d2;
	background: -moz-linear-gradient(top, #77a3d2 0%, #5b6394 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77a3d2), color-stop(100%, #5b6394));
	background: -webkit-linear-gradient(top, #77a3d2 0%, #5b6394 100%);
	background: -o-linear-gradient(top, #77a3d2 0%, #5b6394 100%);
	background: -ms-linear-gradient(top, #77a3d2 0%, #5b6394 100%);
	background: linear-gradient(to bottom, #77a3d2 0%, #5b6394 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a3d2', endColorstr='#5b6394', GradientType=0 );
}
.error_msg {
	color: #f00;
	font-size: 14px;
}
section.support form input[type="text"], section.support form textarea, section.support form input[type="email"] {
	padding: 5px 10px;
	border: 1px solid #000;
	text-align: left !important;
}

section.support form .privacy {
	margin-left: 100px;
	font-size: 14px;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, .send {
	padding: 15px 30px;
	margin: 20px auto;
	font-size: 15px;

	letter-spacing: 2px;
	background: #4686c6; /* Old browsers */
	background: -moz-linear-gradient(top, #4686c6 0%, #171c61 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4686c6), color-stop(100%, #171c61)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4686c6 0%, #171c61 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4686c6 0%, #171c61 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4686c6 0%, #171c61 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4686c6 0%, #171c61 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4686c6', endColorstr='#171c61', GradientType=0 ); /* IE6-9 */
	color: #fff;
	display: block;
	border: none;
	cursor: pointer;
	outline: none;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
	background: #77a3d2; /* Old browsers */
	background: -moz-linear-gradient(top, #77a3d2 0%, #5b6394 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77a3d2), color-stop(100%, #5b6394)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77a3d2 0%, #5b6394 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77a3d2 0%, #5b6394 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #77a3d2 0%, #5b6394 100%); /* IE10+ */
	background: linear-gradient(to bottom, #77a3d2 0%, #5b6394 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a3d2', endColorstr='#5b6394', GradientType=0 ); /* IE6-9 */
}
table#mfp_confirm_table tr th {
	width: 30% !important;
}
table#mfp_confirm_table tr td {
	width: 70% !important;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	padding: 10px 20px !important;
}
#mfp_phase_confirm_inner h4 {
	font-size: 18px !important;
	margin-bottom: 20px;
	background: url(../images/support_flow2.jpg) center 50px no-repeat;
	background-size: 100% auto;
	text-align: center;
	height: 100px;
}
#mfp_phase_confirm_inner #mfp_button_send {
	width: 90%;
	margin: 0 5% 10px;
}
#mfp_phase_confirm_inner #mfp_button_cancel {
	width: 90%;
	margin: 0 5%;
}
#contact  select {
	padding:5px 5px !important;
}


#contact section table{
	border-top:1px solid #ccc;
	margin-top:20px !important;
	padding-top:30px !important;
	margin:10px 0px 10px;
	width:100%;
	font-size:14px;
}
#contact section table th{
	xbackground:#f3f3f3;
	color:#000;
	padding:6px 0px;
	xborder:1px solid #ccc;
	xtext-align:center;
	width: 100%;
        display: block;
        border-top: none;
}
#contact section table th br{
	display:none;
}
#contact table td{
	xbackground:#fff;
	color:#000;
	xpadding:6px 4%;
	xborder-bottom:1px solid #ccc;
	width: 96%;
	margin-bottom:10px;
        display: block;
        border-top: none;
}

#lineup .catch{
	text-align:center;
}
#lineup .photo img{
	max-width:100%;
	height:auto;

}
#lineup .text{
	text-align:center;
	padding:0 2% 4%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:18px;
}

/* 北海道原料
-------------------------------------------------------------*/
section.ingredients .wrapper {
	width: 92%;
	padding: 0 0px;
	margin: 0 auto;
	text-align: left;
}

section.ingredients {
	margin-top:2%;
	margin-bottom:4%;
}
section.ingredients img{
	max-width:100%;
	height:auto;
}
section.ingredients h2 {
    margin-bottom: 4%;
}
section.ingredients .headline {
	line-height:1.4;
	text-align:center;
	margin-bottom:4%;

}
section.ingredients .headline span.en{
	font-size:22px;
	    font-family: serif;	
	color:#bfa656;
}
section.ingredients .headline span.ja{
	color:#666;
	font-size:16px;	
}
section.ingredients .col {
		width: 48%;
		float:left;
		margin-right:4%;
		text-align:center;
		margin-bottom:2%;
	}
section.ingredients .col:nth-child(odd){
	clear:both;
}
section.ingredients .col:nth-child(even){
		margin-right:0;
}
section.ingredients .col .ja {
	margin-top:2%;
}
section.ingredients .col .en {
	margin-top:2%;
}
section.ingredients .col h3 {
	font-size:13px;
	margin:0;
	font-weight: normal;
	
	line-height:1.3;
}
section.ingredients .col p {
	font-size:12px;
	margin:0;
	line-height:1.3;

}
section.ingredients .col img {
	margin:0 auto;
	width:100%;
	height:auto;
	text-align:center;
	display: block;
}