@charset "utf-8";
/* =Reset
-------------------------------------------------------------- */
html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, table, tr, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
iframe {
	margin-bottom: 0px;
}
/* =common
----------------------------------------------- */
html {
	height: 100%;
}
body {
	width: 100%;
	color: white;
	font-size: 0.9em;
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "CI", "Meiryo", "lr oSVbN", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	height: 100%;
	background: url(/images/bg-navy-01.jpg) repeat left top;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
img {
	vertical-align: top;
}
p {
	line-height: 1.8em;
	text-align:center;
}
ul li {
	line-height: 1.8em;
}
a {
	color: #1A75BB;
	text-decoration: underline;
}
iframe{
	width:100%;	
}
input,textarea{
	padding:3px;	
}
textarea{
	border:1px solid #ccc;	
}
strong{
	color: #dcd27e;
}
.attention {
	color: #FF0000;
}
.req {
	color: #FF0000;
	font-size:0.9em;
}
.floatL {
	float: left;
	overflow: hidden;
}
.floatR {
	float: right;
	overflow: hidden;
}
.floatN {
	float: none !important;
}
.txtC {
	text-align: center !important;
}
.txtL {
	text-align: left !important;
}
.txtR {
	text-align: right !important;
}
.widthA {
	width:auto !important;
}
.clearfix {
	width: 100%;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clear {
	clear: both !important;
}
.decimal li{
	list-style:inside decimal !important;
	padding-left:1.4em;
	text-indent:-1.4em;
	margin-bottom:1.5em;
}
.comment {
	margin-bottom:30px;
}
.last {
	margin:0px !important;
}
.section {
	padding:50px 0px;
}
/* display */
.displayB {
 display:block !important;
}
.displayI {
 display:inline !important;
}
.displayN {
 display:none !important;
}
/* border */
.borderN {
 border:none !important;
}
.borderD {
 border-bottom:1px dotted #aaa !important;
}
/* margin */
.marginR-00 {
	margin-right: 0px !important;
}
.marginR-05 {
	margin-right: 5px !important;
}
.marginR-10 {
	margin-right: 10px !important;
}
.marginR-15 {
	margin-right: 15px !important;
}
.marginR-20 {
	margin-right: 20px !important;
}
.marginR-25 {
	margin-right: 25px !important;
}
.marginR-30 {
	margin-right: 30px !important;
}
.marginR-35 {
	margin-right: 35px !important;
}
.marginR-40 {
	margin-right: 40px !important;
}
.marginR-45 {
	margin-right: 45px !important;
}
.marginR-50 {
	margin-right: 50px !important;
}
.marginB-00 {
	margin-bottom: 0px !important;
}
.marginB-05 {
	margin-bottom: 5px !important;
}
.marginB-10 {
	margin-bottom: 10px !important;
}
.marginB-15 {
	margin-bottom: 15px !important;
}
.marginB-20 {
	margin-bottom: 20px !important;
}
.marginB-25 {
	margin-bottom: 25px !important;
}
.marginB-30 {
	margin-bottom: 30px !important;
}
.marginB-35 {
	margin-bottom: 35px !important;
}
.marginB-40 {
	margin-bottom: 40px !important;
}
.marginB-45 {
	margin-bottom: 45px !important;
}
.marginB-50 {
	margin-bottom: 50px !important;
}
.marginB-100 {
	margin-bottom: 120px !important;
}
.marginB-1 {
	margin-bottom: 1em !important;
}
.marginB-2 {
	margin-bottom: 2em !important;
}
.marginB-3 {
	margin-bottom: 3em !important;
}
.marginB-4 {
	margin-bottom: 4em !important;
}
.marginB-5 {
	margin-bottom: 5em !important;
}
/* padding */
.paddingT-00 {
	padding-top: 0px !important;
}
.paddingT-05 {
	padding-top: 5px !important;
}
.paddingT-10 {
	padding-top: 10px !important;
}
.paddingT-15 {
	padding-top: 15px !important;
}
.paddingT-20 {
	padding-top: 20px !important;
}
.paddingT-25 {
	padding-top: 25px !important;
}
.paddingT-30 {
	padding-top: 30px !important;
}
.paddingT-35 {
	padding-top: 35px !important;
}
.paddingT-40 {
	padding-top: 40px !important;
}
.paddingT-45 {
	padding-top: 45px !important;
}
.paddingT-50 {
	padding-top: 50px !important;
}
.paddingT-1 {
	padding-top: 1em !important;
}
.paddingT-2 {
	padding-top: 2em !important;
}
.paddingT-3 {
	padding-top: 3em !important;
}
.paddingT-4 {
	padding-top: 4em !important;
}
.paddingT-5 {
	padding-top: 5em !important;
}
.paddingB-00 {
	padding-bottom: 0px !important;
}
.paddingB-05 {
	padding-bottom: 5px !important;
}
.paddingB-10 {
	padding-bottom: 10px !important;
}
.paddingB-15 {
	padding-bottom: 15px !important;
}
.paddingB-20 {
	padding-bottom: 20px !important;
}
.paddingB-25 {
	padding-bottom: 25px !important;
}
.paddingB-30 {
	padding-bottom: 30px !important;
}
.paddingB-35 {
	padding-bottom: 35px !important;
}
.paddingB-40 {
	padding-bottom: 40px !important;
}
.paddingB-45 {
	padding-bottom: 45px !important;
}
.paddingB-50 {
	padding-bottom: 50px !important;
}
.paddingB-1 {
	padding-bottom: 1em !important;
}
.paddingB-2 {
	padding-bottom: 2em !important;
}
.paddingB-3 {
	padding-bottom: 3em !important;
}
.paddingB-4 {
	padding-bottom: 4em !important;
}
.paddingB-5 {
	padding-bottom: 5em !important;
}
/* =original
----------------------------------------------- */
.wrapper {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
.wrapper-846 {
	width: 846px;
	margin: 0 auto;
}
.wrapper-750 {
	width: 750px;
	margin: 0 auto;
}
.wrapper-690 {
	width: 690px;
	margin: 0 auto;
	text-align: left;
}
.wrapper-650 {
	width: 650px;
	margin: 0 auto;
	text-align: left;
}
.wrapper-630 {
	width: 630px;
	margin: 0 auto;
	text-align: left;
}
.wrapper-586 {
	width: 586px;
	margin: 0 auto;
}
.wrapper-520 {
	width: 520px;
	margin: 0 auto;
}
.bg-white {
	background: url(/images/bg-white-01.jpg) repeat left top;
	color:#1a182a;
}
.bg-white strong{
	color:#1a182a;
}
.bg-white a{
	color:#1A75BB !important;
}
.bg-gold {
	background: url(/images/bg-gold-01.jpg) repeat left top;
}
.bg-navy {
	background: url(/images/bg-navy-01.jpg) repeat left top;f
}
ul.list-col-02 li{
	margin:0px 66px 0px 0px;
	float:left;
	text-align:left;
	width:282px;
}
ul.list-col-02 li img{
	margin-bottom:10px;
}
#area ul.list-col-02 li,
#access ul.list-col-02 li{
	margin:0px 30px 0px 0px;
	float:left;
	text-align:left;
	width:310px;
}
#access ul.list-col-02 li{
	margin-bottom: 20px;
}
ul.gate li{
	width: 300px !important;
	margin-bottom:20px !important;
}
ul.gate li img{
	width: 100% !important;
}
#delivery ul.list-col-02 li{
	margin:0px 50px 0px 0px;
	float:left;
	text-align:left;
	width:350px;
}
ul.list-col-03 li{
	margin:0px 30px 0px 0px;
	float:left;
	text-align:center;
	width:310px;
}
ul.list-col-03 li img{
	margin-bottom:20px;
}
ul.list-col-04 li{
	margin:0px 50px 0px 0px;
	float:left;
	text-align:left;
	width:210px;
}
ul.list-col-04 li img{
	margin-bottom:10px;
}
/* =header
----------------------------------------------- */
#header a{
	color:white;
}
#header #headerinner {
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(/images/bg-header-01.png) no-repeat center top;
}
#header #header-info {
	position: absolute;
	left: 50%;
	top: 26px;
	margin-left: 286px;
	width: 220px;
}
#header #header-info ul{
	margin-bottom:1em;
}
#header #header-info ul li {
	line-height:1.5em;
}
#header #header-info p, #header #header-info ul {
	float: left;
}
#header #header-info p {
	margin-right: 10px;
}
#header #header-info ul li {
	background: url(/images/ico-triangle-01.png) no-repeat left 6px;
	padding-left: 12px;
}
#logo {
	text-align: center;
	padding: 41px 0px 30px 0px;
	width: 267px;
	margin: 0px auto;
}
#logo img {
	width: 289px;
}
/* =gnav
----------------------------------------------- */
#gnav {
	overflow: hidden;
	clear: both;
	position: relative;
	margin-bottom: 32px;
}
#gnav ul {
	position: relative;
	left: 50%;
	float: left;
}
#gnav li {
	background: url(/images/ico-gnav-01.png) no-repeat left center;
	float: left;
	padding: 0px 30px;
	position: relative;
	left: -50%;
	height: 15px;
}
#gnav li.first {
	background: none;
	padding-left: 0px;
}
#gnav li.last {
	padding-right: 0px;
}
/* =footer
----------------------------------------------- */
#footer {
	clear: both;
	position: relative;
}
#footer a{
	color:white;
}
#footer #footer-info {
	background: url(/images/bg-navy-01.jpg) repeat left top;
	color: #ffffff;
}
#footer #info {
	margin: 0px auto;
	text-align: center;
}
#footer #to-top {
	position: absolute;
	width: 95px;
	height: 95px;
	top: -138px;
	left: 50%;
	margin-left: -47px;
}
#footer #f-logo {
	margin-top: 90px;
}
#footer #f-tel {
	font-size: 1.2em;
	font-weight: bold;
}
#footer #license {
	border-top: #b19500 1px solid;
	position: relative;
	overflow: hidden;
	margin-bottom: 35px;
width: 780px;
    margin: 0px auto;
}
#footer #license ul {
padding-bottom: 20px;
    padding-left: 190px;
	padding-top: 20px;
	width: 56em;
	margin:0px auto;
	overflow:hidden;
}
#footer #license ul li {
	float: left;
	margin-right: 100px;
}
#footer #license ul li.last {
	margin-right: 0px;
}
#footer #footer-hot {
	color: #ffffff;
}
#footer #hot-info {
	padding-bottom: 15px;
	padding-top: 15px;
	width: 990px;
	margin: 0px auto;
	text-align: center;
}
#footer #footer-page {
	color: #1a182a;
}
#footer #hot-page {
	padding-bottom: 15px;
	padding-top: 15px;
	margin: 0px auto;
	padding-left: 350px;
}
#footer-page #hot-page ul li {
	background: url(/images/ico-triangle-01.png) no-repeat left 6px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 12px;
}
#footer-page #hot-page .page {
	font-weight: normal;
}
#footer hr.point {
	height: 9px;
	background: url(/images/ico-circle-01.png) no-repeat center center;
	border: 0px none;
	margin-bottom: 1em;
}
#copyRight-block {
	width: 100%;
	height: 46px;
	background: url(/images/bg-navy-01.jpg) repeat left top;
}
#copyRight-block p#copyRight {
	text-align: center;
	font-size: 0.9em;
	color: #FFFFFF;
	padding: 15px 0px 0px 0px;
}
/* =top
----------------------------------------------- */
#news{
	padding:60px 0px 100px 0px;	
}
#content #news a{
	color:#1A75BB;
}
#news ul li{
	padding:0px 0px 4px 12px;
	border-bottom:1px dotted #999;
	margin:0px 0px 7px 0px;
	background: url(/images/ico-triangle-01.png) no-repeat left 9px;
}
#news ul li#blog-03{
	padding:0px 0px 0px 12px;
	border-bottom:none;
	margin:0px 0px 0px 0px;
}
/* =contents
----------------------------------------------- */
#content h1{
	line-height:80px;
	text-align:center;
	padding:27px 0px;
	background: url(/images/bg-white-01.jpg) repeat left top;
}
#content a {
	color: white;
	text-decoration: underline;
}
h2{
	margin-bottom:23px;
	text-align:center;	
}
h3{
	margin-bottom:35px;
	line-height:40px;
	background:#b19500;
	text-align:center;
	font-size:1.7em;
	letter-spacing:0.1em;
}
.bg-white h3{
	margin-bottom:35px;
	line-height:40px;
	background:#1a182a;
	text-align:center;
	font-size:1.7em;
	letter-spacing:0.1em;
	color:white;
}
h4{
	margin-bottom:25px;
	text-align:center;
	font-size:1.5em;
	letter-spacing:0.1em;
}
h5{
	margin-bottom: 20px;
	text-align: left;
	font-size: 1.2em;
	padding-bottom: 20px;
	border-bottom: 1px dotted #aaa;
}
/* breadcrumb */
#breadcrumb {
	width: 100%;
	padding: 5px 0px;
	font-size: 0.9em;
	color: #ffffff;
	background: url(/images/bg-gold-01.jpg) repeat left top;
}
#breadcrumb #bread-inner {
	width: 990px;
	margin: 0px auto;
}
#breadcrumb a {
	color: #ffffff;
	text-decoration: underline;
}
dl.recruit dt{
	font-weight:bold;	
	color:#1a182a;
	float:left;
	width:180px;
	height:5em;
}
dl.recruit dd{
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:1px dotted #aaa;
}
dl.contact dt{
	font-weight:bold;	
	font-size:1.1em;
	color:#1a182a;
	float:left;
	width:180px;
}
dl.contact{
	margin-bottom:3em;
}
dl.contact dd{
	margin-bottom:2em;
}
dl.contact dd input,dl.contact dd textarea{
	width:440px;
}
dl.contact dt.type {
	height: 5em;
}
dl.contact dd input[type="radio"] {
	width: auto;
}
dl.contact dd label {
	display: block;
	margin-bottom: 0.25em;
}
dl.contact select {
	padding: 3px;
}
.reserve,.delivery{
	display:none;
}
.contact-message {
       height: 200px;
}
.screen-reader-response {
       display: none;
}
.wpcf7-not-valid-tip {
       margin: 28.5%;
       background: red;
       color: #fff;
       padding: 5px 90px 5px 8px;
       font-size: 11px;
       line-height: 3.4;
}
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
       border: 1px solid red;
       text-align: center;
       padding: 3%;
       margin: 8% 1%;
       font-weight: bold;
}
/* =breakpoint
----------------------------------------------- */
.breakpoint-320 .wrapper {
	width: 100%;
}
.breakpoint-320 .wrapper-846 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-320 .wrapper-750 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-320 .wrapper-690 {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-320 .wrapper-650 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-320 .wrapper-630 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-320 .wrapper-586 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-320 dl.recruit {
	padding:0px 5px;
}
.breakpoint-320 .wrapper-520 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-320 .last {
	margin:auto !important;
}
.breakpoint-320 textarea {
	width:95% !important;
	margin:0px auto !important;
}
.breakpoint-320 .txtC-sp {
	text-align:center !important;
}
.breakpoint-320 .marginB-20 {
	margin-bottom:20px !important;
}
.breakpoint-320 li img {
	max-width:282px;
}
.breakpoint-320 #footer p {
	text-align:center;
}
.breakpoint-320 iframe {
	width:100%;
}
.breakpoint-320 p {
	padding: 0px 10px;
	text-align:left;
}
.breakpoint-320 img{
	max-width:95%;
	height:auto;
}
.breakpoint-320 h2 img {
	max-width:95%;
}
.breakpoint-320 .displayN {
	display: inherit !important;
}
.breakpoint-320 .marginB-20-sp {
	margin-bottom: 20px !important;
}
.breakpoint-320 .marginB-30-sp {
	margin-bottom: 30px !important;
}
.breakpoint-320 .marginB-40-sp {
	margin-bottom: 40px !important;
}
.breakpoint-320 .displayI-sp {
	display: inline !important;
}
.breakpoint-320 .displayB-sp {
	display: block;
}
.breakpoint-320 .displayN-sp {
	display: none;
}
.breakpoint-320 .txtC-320 {
	text-align: left;
}
.breakpoint-320 .txtL {
	text-align: center !important;
}
.breakpoint-320 #gnav li {
	background: none;
	float: none;
	position: relative;
	left: -50%;
	height: 15px;
	margin: 0px 0px 15px 0px;
	text-align: center;
	padding:0px;
}
.breakpoint-320 #gnav {
	margin-bottom: 185px;
}
.breakpoint-320 p#to-top {
	padding:0px;
	margin-left: -43px;
}
.breakpoint-320 #gnav li.last {
	margin: 0px;
}
.breakpoint-320 #logo {
	padding: 50px 0px 33px 0px;
}
.breakpoint-320 #header #header-info {
	margin: 0px;
	left: 50%;
	margin-left: -113px;
	top: 440px;
	width:250px;
}
.breakpoint-320 .container_skitter, .breakpoint-320 .box_skitter .box_clone img, .breakpoint-320 .box_skitter .box_clone, .breakpoint-320 .box_skitter .image img {
	width: 100% !important;
}
.breakpoint-320 .box_skitter_large, .breakpoint-320 .container_skitter, .breakpoint-320 .box_skitter .box_clone {
	height: auto !important;
}
.breakpoint-320 .box_skitter .info_slide_dots{
	left:103px !important;
}
.breakpoint-320 ul.list-col-03 li {
	float:none;
	margin:0px auto 30px auto;
	margin-right:auto !important;
}
.breakpoint-320 ul.list-col-02 li,.breakpoint-320 #area ul.list-col-02 li,.breakpoint-320 #delivery ul.list-col-02 li {
	float:none;
	margin:0px auto 30px auto;
	margin-right:auto !important;
	overflow:hidden;
	text-align:center;
}
.breakpoint-320 ul.list-col-04 li{
	margin:0px auto 30px auto;
	float:none;
	text-align:center;
	width:210px;
	margin-right:auto !important;
}
.breakpoint-320 ul#sub-nav li {
	margin-bottom:30px !important;
}
.breakpoint-320 ul#sub-nav li p{
	padding-top:1em !important;
}
.breakpoint-320 #news .wrapper{
	width:93%;
}
.breakpoint-320 #news h2{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px !important;
	padding-top:10px;
	letter-spacing:0.1em;
	color:#1a182a;
	text-align:center;
	float:none !important;
}
.breakpoint-320 #news ul{
	float:none !important;
	margin:0px auto !important;
	width:auto !important;
}
.breakpoint-320 #news ul li{
width: 96%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.breakpoint-320 .wpcf7-not-valid-tip {
        margin: 2%;
        background: red;
        color: #fff;
        padding: 5px 90px 5px 8px;
        font-size: 11px;
        line-height: 3.4;
}
.breakpoint-320 dl.contact{
padding:0 5%;
box-sizing:border-box;
}
.breakpoint-320 dl.contact input,.breakpoint-320 dl.contact textarea,.breakpoint-640 dl.contact input,.breakpoint-640 dl.contact textarea{
width:100% !important;
box-sizing:border-box;
}
.breakpoint-320 dl.contact dt,.breakpoint-320 dl.contact dd,.breakpoint-640 dl.contact dt,.breakpoint-640 dl.contact dd{
width:100%;
box-sizing:border-box;
height:auto;
}
.breakpoint-320 dl.contact br,.breakpoint-640 dl.contact br{
display:none !important;
}
.breakpoint-320 dl.contact span,.breakpoint-320 dl.contact dd div:not(.formError),
.breakpoint-640 dl.contact span,.breakpoint-640 dl.contact dd div:not(.formError){
display:block !important;
padding:0 !important;
}
.breakpoint-320 dl.contact dd input[type="radio"],
.breakpoint-640 dl.contact dd input[type="radio"]{
width:auto !important;
}
/* =breakpoint
----------------------------------------------- */
.breakpoint-640 .wrapper {
	width: 100%;
}
.breakpoint-640 .wrapper-846 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-640 .wrapper-750 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-640 .wrapper-690 {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-640 .wrapper-650 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-640 .wrapper-630 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.breakpoint-640 .wrapper-586 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-640 dl.recruit {
	padding: 0px 5px;
}
.breakpoint-640 .wrapper-520 {
	width: 100%;
	margin: 0 auto;
}
.breakpoint-640 .last {
	margin: auto !important;
}
.breakpoint-640 input, .breakpoint-640 textarea {
	width: 95% !important;
	margin: 0px auto !important;
}
.breakpoint-640 .txtC-sp {
	text-align: center !important;
}
.breakpoint-640 .marginB-20 {
	margin-bottom: 20px !important;
}
.breakpoint-640 li img {
	max-width: 282px;
}
.breakpoint-640 #footer p {
	text-align: center;
}
.breakpoint-640 iframe {
	width: 100%;
}
.breakpoint-640 p {
	padding: 0px 10px;
	text-align: left;
}
.breakpoint-640 p img {
	max-width: 95%;
	height:auto;
}
.breakpoint-640 h2 img {
	max-width: 95%;
}
.breakpoint-640 .displayN {
	display: inherit !important;
}
.breakpoint-640 .marginB-20-sp {
	margin-bottom: 20px !important;
}
.breakpoint-640 .marginB-30-sp {
	margin-bottom: 30px !important;
}
.breakpoint-640 .marginB-40-sp {
	margin-bottom: 40px !important;
}
.breakpoint-640 .displayI-sp {
	display: inline !important;
}
.breakpoint-640 .displayB-sp {
	display: block;
}
.breakpoint-640 .displayN-sp {
	display: none;
}
.breakpoint-640 .txtC-640 {
	text-align: left;
}
.breakpoint-640 .txtL {
	text-align: center !important;
}
.breakpoint-640 #gnav li {
	background: none;
	float: none;
	position: relative;
	left: -50%;
	height: 15px;
	margin: 0px 0px 15px 0px;
	text-align: center;
	padding: 0px;
}
.breakpoint-640 #gnav {
	margin-bottom: 185px;
}
.breakpoint-640 p#to-top {
	padding: 0px;
	margin-left: -43px;
}
.breakpoint-640 #gnav li.last {
	margin: 0px;
}
.breakpoint-640 #logo {
	padding: 50px 0px 33px 0px;
}
.breakpoint-640 #header #header-info {
	margin: 0px;
	left: 50%;
	margin-left: -113px;
	top: 427px;
	width: 250px;
}
.breakpoint-640 .container_skitter, .breakpoint-640 .box_skitter .box_clone img, .breakpoint-640 .box_skitter .box_clone, .breakpoint-640 .box_skitter .image img {
	width: 100% !important;
}
.breakpoint-640 .box_skitter_large, .breakpoint-640 .container_skitter, .breakpoint-640 .box_skitter .box_clone {
	height: auto !important;
}
.breakpoint-640 .box_skitter .info_slide_dots {
	left: 103px !important;
}
.breakpoint-640 ul.list-col-03 li {
	float: none;
	margin: 0px auto 30px auto;
	margin-right: auto !important;
}
.breakpoint-640 ul.list-col-02 li, .breakpoint-640 #area ul.list-col-02 li, .breakpoint-640 #delivery ul.list-col-02 li {
	float: none;
	margin: 0px auto 30px auto;
	margin-right: auto !important;
	overflow: hidden;
	text-align: center;
}
.breakpoint-640 ul.list-col-04 li {
	margin: 0px auto 30px auto;
	float: none;
	text-align: center;
	width: 210px;
	margin-right: auto !important;
}
.breakpoint-640 ul#sub-nav li {
	margin-bottom: 30px !important;
}
.breakpoint-640 ul#sub-nav li p {
	padding-top: 1em !important;
}
.breakpoint-640 #news .wrapper {
	width: 93%;
}
.breakpoint-640 #news h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px !important;
	padding-top: 10px;
	letter-spacing: 0.1em;
	color: #1a182a;
	text-align: center;
	float: none !important;
}
.breakpoint-640 #news ul {
	float: none !important;
	margin: 0px auto !important;
	width: auto !important;
}
.breakpoint-640 #news ul li {
	width: 96%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.breakpoint-640 .wpcf7-not-valid-tip {
	margin: 2%;
	background: red;
	color: #fff;
	padding: 5px 90px 5px 8px;
	font-size: 11px;
	line-height: 3.4;
}
.breakpoint-640 #summer-btn {
	width: 40px;
	position: absolute;
	top: 11px;
	right: -40px;
	padding: 0px;
}

.marginB-85 {
       margin-bottom: 85px !important;
}

#summer-btn{
	z-index:500;
	position:fixed;
	top:63px;
	right:-53px;
	padding: 0px;
}
.breakpoint-320 #summer-btn{
	width:40px;
	position:absolute;
	top:11px;
	right:-40px;
	padding: 0px;
}
.breakpoint-320 #breadcrumb #bread-inner,
.breakpoint-640 #breadcrumb #bread-inner{
width:100%;
}
#blog li:nth-child(4n){
	padding-bottom:0px;
	margin-bottom:0px;
	border:0px;
}
#blog li:nth-child(n + 5){
display:none;
}

div#qa .wrapper dl{
}
div#qa .wrapper dd{
	margin-bottom: 25px;
    	padding-bottom: 20px !important;
    	border-bottom: 1px dotted #aaa;
}
div#qa .wrapper dl dd:last-child{
	margin-bottom: 50px;
    	border: none;
    	padding-bottom: 0 !important;
}
div#qa .wrapper dt{
    	font-size: 16px;
    	font-weight: bold;
    	margin-bottom: 0px !important;
}
div#qa .wrapper dd,div#qa .wrapper dt{
	margin: 0 30px 20px;
}
div#qa .wrapper dd span,div#qa .wrapper dt span{
	padding-right: 5px;
    	font-size: 18px;
	color: #b19500;
	font-weight: normal;
}
div#qa .wrapper dd span.fsN{
	font-size: inherit;
}
div#qa .wrapper ul{
	text-align:center;
	margin-bottom:50px;
	}
div#qa .wrapper ul li{
	display: inline-block;
	width: 15%;
}
div#qa .wrapper ul a{
background: url(/images/ico-triangle-01.png) no-repeat left center;
padding: 2px 0px 3px 12px;
width: 100px;
margin: 1px 0px;
text-decoration: none;
}
.breakpoint-640 dl.contact{
padding:0 5%;
box-sizing:border-box;
}
.breakpoint-640 dl.contact input,.breakpoint-320 dl.contact textarea{
width:100%;
box-sizing:border-box;
}