@charset "UTF-8";
/*

style.css

*/

/* ==============================

0:RESET
1:Global Elements Style
2:HEADER & FOOTER Style
3:TOP Style
4:About Style
5:Kodawari Style
6:Company Eng Style
7:Top Eng Style
8:Contact Style
9:Common Style

============================== */

/* ---------------------------------------------------------
0:RESET
----------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style:none;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:#fff;
}
a:hover,
a img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* ---------------------------------------------------------
1:Global Elements Style
----------------------------------------------------------*/
body{
	width:100%;
	min-width:1000px;
	height:100%;
	background:url(../images/bg.jpg);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	color:#fff;
}

.u_left{
	text-align: left !important;
}
.u_center{
	text-align: center !important;
}
.u_right{
	text-align: right !important;
}
/* ---------------------------------------------------------
2:HEADER & FOOTER Style
----------------------------------------------------------*/
header{
	background:#b21e23;
	height:30px;
}
header .inner{
	padding-top:5px;
}
header h1{
	float:left;
	font-size:12px;
	font-weight:normal;
	padding-top:3px;
}
header ul{
	float:right;
	width:86px;
}
header ul li{
	float:left;
	width:86px;
	margin-right:2px;
}

nav .inner{
	position:relative;
}
nav h2{
	float:left;
	width:170px;
	margin-right:12px;
	position:absolute;
	z-index:999;
}
nav h2 a:hover,
nav h2 a img:hover {
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	zoom:1;
}
nav #gnav{
	float:left;
	width:633px;
	margin:15px 0 15px 182px;
}
nav #gnav li{
	float:left;
	width:201px;
	margin-right:10px;
}
nav #snav{
	float:right;
	width:185px;
	margin:15px 0;
}
nav #snav li{
	margin-bottom:3px;
}

footer{
	background: -moz-linear-gradient(left, #e50013, #a11d2b);
	background: -webkit-gradient(linear, left top, right bottom, from(#e50013), to(#a11d2b));
}
footer address{
	font-style:normal;
	text-align:center;
	font-size: 12px;
	padding:10px 0;
}
/* ---------------------------------------------------------
3:TOP Style
----------------------------------------------------------*/
#top #primary .sinner{
	/* width:1150px; */
	height:380px; /*4カラムの高さ*/
    margin: 0 auto;
}
#top #secondary{
	margin-bottom:70px;
}
#top .wadaq01{
	background: -moz-linear-gradient(left, #f39700, #ed7000);
	background: -webkit-gradient(linear, left top, right bottom, from(#f39700), to(#ed7000));
	width:280px; /*4カラムの幅*/
    box-sizing: border-box;
	float:left;
	padding:20px 15px;
	margin-top:-120px;
	position:absolute;
	z-index:999;
    text-align: center;
}
#top .wadaq02{
	background: -moz-linear-gradient(left, #e60013, #af1a27);
	background: -webkit-gradient(linear, left top, right bottom, from(#e60013), to(#af1a27));
	width:280px;
    box-sizing: border-box;
	float:left;
	padding:20px 15px;
	margin-top:-120px;
	margin-left:290px;
	position:absolute;
	z-index:999;
    text-align: center;
}
#top .sankyu{
	background: -moz-linear-gradient(left, #88006a, #540042);
	background: -webkit-gradient(linear, left top, right bottom, from(#88006a), to(#540042));
	width:280px;
    box-sizing: border-box;
	float:left;
	padding:20px 15px;
	margin-top:-120px;
	margin-left:580px;
	position:absolute;
	z-index:999;
    text-align: center;
}
#top .edomae{
	background: -moz-linear-gradient(left, #f39700, #ed7000);
	background: -webkit-gradient(linear, left top, right bottom, from(#f39700), to(#ed7000));
	width:280px;
    box-sizing: border-box;
    float:left;
	padding:20px 15px;
    margin-top:-120px;
    margin-left:870px;
	position:absolute;
	z-index:999;
    text-align: center;
}
#top .wadaq01 h3,
#top .wadaq02 h3,
#top .sankyu h3,
#top .edomae h3{
	text-align:center;
	margin-bottom:3px;
	height:105px;
}
/* 3カラムのとき
#top .wadaq01 .image,
#top .wadaq02 .image,
#top .sankyu .image,
#top .edomae .image{
	float:left;
	width:140px;
}*/

/* 4カラムのとき */
#top .wadaq01 .image,
#top .wadaq02 .image,
#top .sankyu .image,
#top .edomae .image{
	width:140px;
    margin-bottom: 10px;
}

/* 3カラムのとき
#top .wadaq01 div,
#top .wadaq02 div,
#top .sankyu div,
#top .edomae div{
	float:right;
	width:190px;
}*/
#top .wadaq01 div p,
#top .wadaq02 div p,
#top .sankyu div p,
#top .edomae div p{
	font-size:12px;
	line-height:1.2;
	height:98px;
}
/*.news{
	background:#fff;
	width:408px;
	float:left;
}*/
#top .fb{
	background:#fff;
}
#top .fb h3{
	background:#365590;
	text-align:right;
}

.fbsinner .fb, .fbsinner .gmap {
  float: left;
}

.gmap {
  margin-left: 20px;
}

/* ---------------------------------------------------------
4:About Style
----------------------------------------------------------*/
#about .intro{
	text-align:center;
	margin:36px 0 56px;
	line-height:1.5;
    color:#fff;
}
#about h5{
	margin-bottom:10px;
}
#about .box{
	margin-bottom:48px;
}
#about .box p{
	float:left;
	width:455px;
	line-height:1.5;
        color:#fff;
}
#about .box img{
	float:right;
	width:222px;
}
#about .btn{
	text-align:center;
}
/* ---------------------------------------------------------
5:Kodawari Style
----------------------------------------------------------*/
#kodawari h4{
	margin-bottom:35px;
}
#kodawari h5{
	margin-bottom:15px;
}
#kodawari h6{
	margin-bottom:30px;
}
#kodawari .moredetail{
	margin-bottom:15px;
}
#kodawari .moredetail dt{
	float:left;
	width:600px;
	line-height:1.5;
}
#kodawari .moredetail dd{
	float:right;
	width:121px;
}
#kodawari .map{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/img01.png) no-repeat;
	width:737px;
	height:738px;
	position:relative;
}
#kodawari .map p{
	font-size:10px;
	line-height:1.5;
        color:#fff;
}
#kodawari .map p em{
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}
/*#kodawari .map p span{
	color:#e60012;
}*/
#kodawari .map .po1{
	position:absolute;
	top:45px;
	left:40px;
}
#kodawari .map .po2{
	position:absolute;
	top:410px;
	left:40px;
}
#kodawari .map .po3{
	position:absolute;
	top:45px;
	left:265px;
}
#kodawari .map .po4{
	position:absolute;
	top:550px;
	left:257px;
}
#kodawari .map .po5{
	position:absolute;
	top:65px;
	left:560px;
}
#kodawari .map .po6{
	position:absolute;
	top:215px;
	left:560px;
}
#kodawari .map .po7{
	position:absolute;
	top:330px;
	left:495px;
}
#kodawari .map .po8{
	position:absolute;
	top:500px;
	left:495px;
}
#kodawari .moredetail_cont{
	margin-bottom:50px;
}
#kodawari .moredetail_cont dt{
	float:left;
	width:490px;
	line-height:1.5;
}
#kodawari .moredetail_cont dd{
	float:right;
	width:223px;
}
#kodawari .factory_steps{
	margin:0 !important;
}
#kodawari .factory_steps li{
	margin-bottom:40px;
}
#kodawari .factory_steps li.step1{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/step01.png) no-repeat left top;
}
#kodawari .factory_steps li.step2{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/step02.png) no-repeat left top;
}
#kodawari .factory_steps li.step3{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/step03.png) no-repeat left top;
}
#kodawari .factory_steps li.step4{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/step04.png) no-repeat left top;
}
#kodawari .factory_steps li.step5{
	background:url(http://www.wadaq.co.jp/images_new/kodawari/step05.png) no-repeat left top;
}
#kodawari .factory_steps li .text{
	float:left;
	width:420px;
	line-height:1.5;
	padding-left:70px;
        color:#fff;
}
#kodawari .factory_steps li .image{
	float:right;
	width:223px;
}
/* ---------------------------------------------------------
6:Company Eng Style
----------------------------------------------------------*/
#company_eng p{
	font-family: 'Noto Sans', sans-serif;
	line-height:1.5;
        color:#fff;
}
#company_eng p img{
	float:right;
}
#company_eng p em{
	font-style:normal;
	font-size:20px;
}
#company_eng p em.name{
	font-size:26px;
}
#company_eng .wadaq01{
    background: -moz-linear-gradient(left, #f39700, #ed7000);
	background: -webkit-gradient(linear, left top, right bottom, from(#f39700), to(#ed7000));
	padding:15px;
	margin-bottom:20px;
}
#company_eng .wadaq02{
	background: -moz-linear-gradient(left, #e60013, #af1a27);
	background: -webkit-gradient(linear, left top, right bottom, from(#e60013), to(#af1a27));
	padding:15px;
	margin-bottom:20px;
}
#company_eng .sanq{
	background: -moz-linear-gradient(left, #88006a, #540042);
	background: -webkit-gradient(linear, left top, right bottom, from(#88006a), to(#540042));
	padding:15px;
}
#company_eng .wadaq01 div,
#company_eng .wadaq02 div,
#company_eng .sanq div{
	float:left;
	width:430px;
}
#company_eng .wadaq01 div img{
	float:left;
	width:231px;
	padding-top:5px;
}
#company_eng .wadaq02 div img{
	float:left;
	width:144px;
	padding:5px 0 0 40px;
}
#company_eng .sanq div img{
	float:left;
	width:158px;
	padding:5px 0 0 40px;
}
#company_eng .wadaq01 div .address,
#company_eng .wadaq02 div .address,
#company_eng .sanq div .address{
	float:right;
	width:190px;
	font-size:0.8em;
	color:#fff;
	margin-bottom:10px;
}
/*#company_eng .sanq div .address{
	color:#fff;
	font-size:0.8em;
	padding:20px 0 0 40px;
}*/
#company_eng .wadaq01 div .text,
#company_eng .wadaq02 div .text,
#company_eng .sanq div .text{
	clear:both;
	color:#000;
	font-size:0.8em;
	margin-top:20px;
        background:#fff;
        padding:10px;
        min-height:130px;
}
#company_eng .wadaq01 .photo,
#company_eng .wadaq02 .photo,
#company_eng .sanq .photo{
	float:right;
	width:254px;
}
#company_eng table th{
	width:200px;
	font-size:14px;
	padding:20px;
}

#company_eng table td{
	width:536px;
	font-size:14px;
	line-height:1.5;
	padding:20px;
}
/* ---------------------------------------------------------
7:Top Eng Style
----------------------------------------------------------*/
#top_eng h4{
	margin-bottom:20px;
}
#top_eng p{
	line-height:1.8;
        color:#fff;
}
/* ---------------------------------------------------------
8:Contact Style
----------------------------------------------------------*/
#contact table{
	border:1px solid #fff;
	font-size:12px;
	margin-bottom:20px;
}
#contact table th{
	padding:20px;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #fff;
	background:#333;
	vertical-align:middle;
}
#contact table td{
	padding:20px;
	border-bottom:1px solid #333;
	background:#fff;
	vertical-align:middle;
	color:#333;
}
#contact table td span{
	color:#c30f24;
	padding-top:5px;
	display:block;
}
#contact table td input[type="text"]#name{
	width:150px;
	height:20px;
}
#contact table td input[type="text"]#company,
#contact table td input[type="text"]#address,
#contact table td input[type="text"]#mail{
	width:300px;
	height:20px;
}
#contact table td input[type="text"]#zip{
	width:70px;
	height:20px;
}
#contact p{
	text-align:center;
}
#contact p:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
/* ---------------------------------------------------------
9:Common Style
----------------------------------------------------------*/
.inner{
	width:1000px;
	margin:0 auto;
}
.sinner{
	width:860px;
	margin:0 auto;
}
.fbsinner{
	width:928px;
	margin:0 auto;
}
.shop .sinner{
	width:736px;
	margin:0 auto 100px;
	padding-left:180px;
	overflow:hidden;
}

.ttl_bar{
	margin-bottom:30px;
}

.eng{
	font-family: 'Noto Sans', sans-serif;
    color:#fff;
}

.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb35{
	margin-bottom:35px !important;
}
.mb50{
	margin-bottom:50px !important;
}
.mb60{
	margin-bottom:60px !important;
}
.ct{
	text-align:center;
}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} 


/* モーダルウィンドウ用 */
.popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .6s;
}
.popup.is-show {
opacity: 1;
visibility: visible;
}
.popup-inner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 80%;
max-width: 600px;
padding: 50px;
background-color: #fff;
z-index: 2;
text-align: center;
line-height: 1.8;
border-width: 5px;
border-color: #b21e23;
border-style: solid;
background-color: #ffffff;
margin: 10px;
}
.popup-inner img {
width: 100%;
}
.popup-inner h2{
margin: 30px;
padding: 15px;
font-weight: 400;
background-color: #b21e23;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 24px;
}
.popup-inner p,
.popup-inner a{
font-size: 20px;
color: #333;
/* margin: 30px; */
padding: 15px;

}
.popup-inner a{
color: #b21e23;
}
.popup-inner .popup-inner-price{
	margin-bottom: 30px;
}
.popup-inner .popup-inner-price h2{
background: #0000cd;
}
.popup-inner .popup-inner-price a{
color: #0000cd;
}
.close-btn {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
}
.close-btn i {
font-size: 20px;
color: #333;
}
.black-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 1;
cursor: pointer;
}
#info {
margin: 30px 0;
background: #FFF;
color: #333;
line-height: 1.6;
background-color: #fff;
z-index: 2;
text-align: center;
line-height: 1.8;
border-width: 5px;
border-color: #b21e23;
border-style: solid;
background-color: #ffffff;
}
#info h2{
margin: 0;
padding: 15px;
font-weight: 400;
background-color: #b21e23;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 24px;
}
#info  p{
font-size: 16px;
color: #333;
margin: 15px;
padding: 0;
}
#info  p.inner{
    width: 56%;
    margin: 30px auto;
    font-size: 16px;
    color: #333;
    padding: 0;
    text-align: left;
}
#price {
margin: 30px 0;
background: #FFF;
color: #333;
line-height: 1.6;
background-color: #fff;
z-index: 2;
text-align: center;
line-height: 1.8;
border-width: 5px;
border-color: #0000cd;
border-style: solid;
background-color: #ffffff;
}
#price h2{
margin: 0;
padding: 15px;
font-weight: 400;
background-color: #0000cd;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 24px;
}
#price  p{
font-size: 16px;
color: #333;
margin: 15px;
padding: 0;
}

#info2025 {
margin: 30px 0;
background: #FFF;
color: #333;
line-height: 1.6;
background-color: #fff;
z-index: 2;
text-align: left;
line-height: 1.8;
border-width: 5px;
border-color: #b21e23;
border-style: solid;
background-color: #ffffff;
}
#info2025 h2{
margin: 0;
padding: 15px;
font-weight: 400;
background-color: #b21e23;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 24px;
text-align: center;
}
#info2025 h3{
text-align: center;
font-size: 26px;
color: #333;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
text-decoration: underline;
}
#info2025  p{
font-size: 16px;
color: #333;
margin: 0;
padding: 7px 25px;
}

/* モーダルウィンドウ用 */