/* CSS Document */
html{
font-size:88%;
}
h1 a:hover,h1 a:hover img{
opacity:1.0!important;
}
body{
font-family:Meiryo,'繝｡繧､繝ｪ繧ｪ','Hiragino Kaku Gothic ProN','繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3',sans-serif;
line-height:1.5;
color:#333;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
overflow:visible;
display:inline-block;
min-height:1%; /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
A,
A:visited{
color:#333;
text-decoration:none;
}
A:hover{
color:#333;
text-decoration:none;
}
H2,
H3,
H4,
H5,
H6{
font-weight:normal;
}
.w10p{width:10%!important}
.w20p{width:20%!important}
.w30p{width:30%!important}
.w40p{width:40%!important}
.w50p{width:50%!important}
.w60p{width:60%!important}
.w70p{width:70%!important}
.w80p{width:80%!important}
.w90p{width:90%!important}
.w100p{width:100%!important}
.w40{width:40px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w125{width:125px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w160{width:160px}
.w170{width:170px}
.w180{width:180px}
.w185{width:185px}
.w190{width:190px}
.w200{width:200px}
.w210{width:210px}
.w220{width:220px}
.w230{width:230px}
.w240{width:240px}
.w250{width:250px}
.w260{width:260px}
.w270{width:270px}
.w280{width:280px}
.w290{width:290px}
.w300{width:300px}
.w310{width:310px}
.w320{width:320px}
.w330{width:330px}
.w340{width:340px}
.w350{width:350px}
.w355{width:355px}
.w360{width:360px}
.w370{width:370px}
.w380{width:380px}
.w390{width:390px}
.w400{width:400px}
.w405{width:405px}
.w410{width:410px}
.w420{width:420px}
.w430{width:430px}
.w440{width:440px}
.w450{width:450px}
.w460{width:460px}
.w470{width:470px}
.w480{width:480px}
.w490{width:490px}
.w500{width:500px}
.w510{width:510px}
.w520{width:520px}
.w530{width:530px}
.w540{width:540px}
.w550{width:550px}
.w560{width:560px}
.w570{width:570px}
.w580{width:580px}
.w590{width:590px}
.w596{width:596px}
.w598{width:598px}
.w600{width:600px}
.w610{width:610px}
.w618{width:618px}
.w620{width:620px}
.w630{width:630px}
.w640{width:640px}
.w650{width:650px}
.w660{width:660px}
.w670{width:670px}
.w680{width:680px}
.w690{width:690px}
.w700{width:700px}
.w710{width:710px}
.w720{width:720px}
.w730{width:730px}
.w735{width:735px}
.w740{width:740px}
.w750{width:750px}
.w760{width:760px}
.w770{width:770px}
.w780{width:780px}
.w790{width:790px}
.w800{width:800px}
.w810{width:810px}
.w820{width:820px}
.w830{width:830px}
.w840{width:840px}
.w850{width:850px}
.w860{width:860px}
.w870{width:870px}
.w880{width:880px}
.w890{width:890px}
.w900{width:900px}
.w910{width:910px}
.w920{width:920px}
.w930{width:930px}
.w934{width:934px}
.w936{width:936px}
.w940{width:940px}
.w950{width:950px}
.w960{width:960px}
.w980{width:980px}
.h100p{height:100%}
.h40{height:40px}
.h47{height:47px}
.h51{height:51px}
.h60{height:60px}
.h74{height:74px}
.h100{height:100px}
.h108{height:108px}
.h110{height:110px}
.h120{height:120px}
.h130{height:130px}
.h140{height:140px}
.h150{height:150px}
.h160{height:160px}
.h170{height:170px}
.h174{height:174px}
.h180{height:180px}
.h185{height:185px}
.h190{height:190px}
.h200{height:200px}
.h210{height:210px}
.h220{height:220px}
.h230{height:230px}
.h240{height:240px}
.h250{height:250px}
.h260{height:260px}
.h270{height:270px}
.h280{height:280px}
.h290{height:290px}
.h300{height:300px}
.h310{height:310px}
.h320{height:320px}
.h330{height:330px}
.h340{height:340px}
.h350{height:350px}
.h360{height:360px}
.h370{height:370px}
.h380{height:380px}
.h390{height:390px}
.h400{height:400px}
.h410{height:410px}
.h420{height:420px}
.h430{height:430px}
.h440{height:440px}
.h450{height:450px}
.h460{height:460px}
.h470{height:470px}
.h480{height:480px}
.h490{height:490px}
.h500{height:500px}
.h510{height:510px}
.h520{height:520px}
.h530{height:530px}
.h540{height:540px}
.h550{height:550px}
.h560{height:560px}
.h570{height:570px}
.h580{height:580px}
.h590{height:590px}
.h600{height:600px}
.h610{height:610px}
.h616{height:616px}
.h618{height:618px}
.h620{height:620px}
.h630{height:630px}
.h640{height:640px}
.h650{height:650px}
.h660{height:660px}
.h670{height:670px}
.h680{height:680px}
.h690{height:690px}
.h700{height:700px}
.h710{height:710px}
.h720{height:720px}
.h730{height:730px}
.h740{height:740px}
.h750{height:750px}
.h760{height:760px}
.h770{height:770px}
.h780{height:780px}
.h790{height:790px}
.h800{height:800px}
.h810{height:810px}
.h820{height:820px}
.h830{height:830px}
.h840{height:840px}
.h850{height:850px}
.h860{height:860px}
.h870{height:870px}
.h880{height:880px}
.h890{height:890px}
.h900{height:900px}
.h910{height:910px}
.h920{height:920px}
.h930{height:930px}
.h940{height:940px}
.h950{height:950px}
.h960{height:960px}
.ma00{margin:0px!important}
.ma02{margin:2px!important}
.ma05{margin:5px!important}
.ma10{margin:10px!important}
.ma20{margin:20px!important}
.ma30{margin:30px!important}
.ma40{margin:40px!important}
.ma50{margin:50px!important}
.ma60{margin:60px!important}
.ma70{margin:70px!important}
.ma80{margin:80px!important}
.ma90{margin:90px!important}
.ma100{margin:100px!important}
.ml01{margin-left:1px!important}
.ml02{margin-left:2px!important}
.ml05{margin-left:5px!important}
.ml09{margin-left:9px!important}
.ml10{margin-left:10px!important}
.ml12{margin-left:12px!important}
.ml14{margin-left:14px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.ml50{margin-left:50px!important}
.ml60{margin-left:60px!important}
.ml70{margin-left:70px!important}
.ml80{margin-left:80px!important}
.ml90{margin-left:90px!important}
.ml100{margin-left:100px!important}
.ml130{margin-left:130px!important}
.mr05{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr14{margin-right:14px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mr50{margin-right:50px!important}
.mr60{margin-right:60px!important}
.mr70{margin-right:70px!important}
.mr80{margin-right:80px!important}
.mr90{margin-right:90px!important}
.mr100{margin-right:100px!important}
.mb00{margin-bottom:0px!important}
.mb02{margin-bottom:2px!important}
.mb05{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb70{margin-bottom:70px!important}
.mb80{margin-bottom:80px!important}
.mb90{margin-bottom:90px!important}
.mb100{margin-bottom:100px!important}
.mt00{margin-top:0px!important}
.mt05{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt33{margin-top:33px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mt70{margin-top:70px!important}
.mt80{margin-top:80px!important}
.mt90{margin-top:90px!important}
.mt100{margin-top:100px!important}
.mt110{margin-top:110px!important}
.mt135{margin-top:135px!important}
.mt150{margin-top:150px!important}
.mt310{margin-top:310px!important}
.pa00{padding:0px!important}
.pa05{padding:5px!important}
.pa08{padding:8px!important}
.pa10{padding:10px!important}
.pa15{padding:15px!important}
.pa20{padding:20px!important}
.pa30{padding:30px!important}
.pa40{padding:40px!important}
.pa50{padding:50px!important}
.pa60{padding:60px!important}
.pa70{padding:70px!important}
.pa80{padding:80px!important}
.pa90{padding:90px!important}
.pa100{padding:100px!important}
.pl05{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl20{padding-left:20px!important}
.pl30{padding-left:30px!important}
.pl40{padding-left:40px!important}
.pl50{padding-left:50px!important}
.pl60{padding-left:60px!important}
.pl70{padding-left:70px!important}
.pl80{padding-left:80px!important}
.pl90{padding-left:90px!important}
.pl100{padding-left:100px!important}
.pr05{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr20{padding-right:20px!important}
.pr30{padding-right:30px!important}
.pr40{padding-right:40px!important}
.pr50{padding-right:50px!important}
.pr60{padding-right:60px!important}
.pr70{padding-right:70px!important}
.pr80{padding-right:80px!important}
.pr90{padding-right:90px!important}
.pr100{padding-right:100px!important}
.pb05{padding-bottom:5px!important}
.pb05{padding-bottom:5px!important}
.pb11{padding-bottom:11px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb50{padding-bottom:50px!important}
.pb60{padding-bottom:60px!important}
.pb70{padding-bottom:70px!important}
.pb80{padding-bottom:80px!important}
.pb90{padding-bottom:90px!important}
.pb100{padding-bottom:100px!important}
.pt05{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}
.pt60{padding-top:60px!important}
.pt70{padding-top:70px!important}
.pt80{padding-top:80px!important}
.pt90{padding-top:90px!important}
.pt100{padding-top:100px!important}
.pt150{padding-top:150px!important}
.pt200{padding-top:200px!important}
.pt290{padding-top:290px!important}
.pt300{padding-top:300px!important}
.pt310{padding-top:310px!important}
.pt320{padding-top:320px!important}
.pt330{padding-top:330px!important}
.borderbox{
border:1px solid #999;
background:#f7f7f7;
}
.borderbox2{
border:2px solid #e7e7e7;
background:#f7f7f7;
}
.borderwhite{
border:1px solid #CCCCCC;
background:#ffffff;
}
.borderwhite2{
border:2px solid #ccc;
background:#fff;
}
.bgcolor_yellow{background:#fff3db;}
.bgcolor_white{background:#fff;}
.blc{display:block;}
.abs{position:absolute;}
.rlt{position:relative;}
.oh{overflow:hidden;}
.lh10{line-height:1.0em;}
.lh13{line-height:1.3em;}
.lh15{line-height:1.5em;}
.lh20{line-height:2.0em;}
.lh25{line-height:2.5em;}
.lh30{line-height:3.0em;}
.lh50px{line-height:50px;}
.lh10 *{line-height:1.0em;}
.lh13 *{line-height:1.3em;}
.lh15 *{line-height:1.5em;}
.lh20 *{line-height:2.0em;}
.lh25 *{line-height:2.5em;}
.lh30 *{line-height:3.0em;}
.lh50px *{line-height:50px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.red{color:#f00;}
.blue{color:#06C;}
.navy{color:#123c6e;}
.yellow{color:#FF9F00;}
.bold{font-weight:bold;}
.bb_dashed{border-bottom:1px dashed #ccc;}
.bb_dashed2{border-bottom:1px dashed #ccc;padding-bottom:10px;}
ul.noli{list-style:none!important;}
ul.noli li{
background:none!important;
margin-left:5px!important;
margin-bottom:7px!important;
padding-left:0px!important;
padding-bottom:5px!important;
}
.size90p{font-size:90%;}
.size10px,.size10px *{font-size:10px;}
.size12px,.size12px *{font-size:12px;}
.size14px,.size14px *{font-size:14px;}
.size16px,.size16px *{font-size:16px;}
.size18px,.size18px *{font-size:18px;}
.size20px,.size20px *{font-size:20px;}
.strong {font-weight:bold!important;}
.big{
font-size:16px!important;
font-weight:bold!important;
letter-spacing:1px!important;
}
.mauto{
margin-left:auto;
margin-right:auto;
}
.nodeco{text-decoration:none!important;}
a:hover img{
opacity:0.8;/*繝｢繝繝ｳ繝悶Λ繧ｦ繧ｶ*/
filter: alpha(opacity=80);/*IE逕ｨ*/
cursor:pointer;
}
.hoverobj:hover{
opacity:0.8;/*繝｢繝繝ｳ繝悶Λ繧ｦ繧ｶ*/
filter: alpha(opacity=80);/*IE逕ｨ*/
cursor:pointer;
}
.nohover:hover{
opacity:1.0;/*繝｢繝繝ｳ繝悶Λ繧ｦ繧ｶ*/
filter: alpha(opacity=100);/*IE逕ｨ*/
cursor:pointer;
}
.linkblack a{
color:#333!important;
text-decoration:none;
}
.linkblack a:hover { color:#CC0000!important; }
.kome1{
padding-left:1em;
text-indent:-1em;
}
.kome15{
padding-left:1.5em;
text-indent:-1.5em;
}
.kome2{
padding-left:2em;
text-indent:-2em;
}
.kome3{
padding-left:3em;
text-indent:-3em;
}
.top_dashed{
border-top:1px dashed #ccc;
}
.top_dotted2{
border-top:2px dotted #ccc;
}
.top_dashed3{
border-top:1px dashed #ccc;
padding-top:10px;
}
.border_block {
border:1px solid #edeade;
padding:1.5em;
box-sizing:border-box;
}
.thin{
overflow:hidden;
display:block;
height:0px;
clear:both;
width:0px;
}
/***********BLOG************/
.wrap>.inner{
max-width:1000px;
margin:0px auto;
padding-top:10px;
padding-bottom:10px;
}
.wf_blog_ul{
max-width:1000px;
width:100%;
margin:5px auto;
display:block;
}
.wf_blog_ul .wf_blog_li_thumb,.wf_blog_ul .wf_blog_li_thumb:hover{
width:45px;
height:45px;
border-radius:100%!important;
display:block;
overflow:hidden;
float:left;
margin-right:10px;
}
.wf_blog_ul .wf_blog_li_thumb img{
width:100%;
min-width:45px;
max-width:200px;
min-height:45px;
max-height:200px;
}
.wf_blog_ul li{
display:block;
font-size:16px;
}
.wf_blog_ul li a{
color:#555;
}
.wf_blog_ul li:after{
content:"";
clear:both;
display:block;
}
.wf_blog_ul .wf_blog_li_date,.wf_blog_ul .wf_blog_li_title{
display:block;
float:left;
margin:10px;
}
.wf_bread_ul li{
display:inline;
}
.wf_bread_ul {
width:100%;
max-width:1000px;
display:block;
margin:5px auto;
box-sizing:border-box;
}
/***********youtube_mainimage************/
.wf_youtube_main_wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.wf_youtube_main_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/***********FORM************/
form .wrap>.inner{
border-bottom:1px dotted #ccc;
padding-top:10px;
padding-bottom:10px;
}
.require_text{
color:red;
}
.wf_form_text{
width:100%;
padding:5px;
}
.wf_form_tel{
width:4em;
padding:5px;
margin-right:5px;
margin-left:5px;
box-sizing:border-box;
}
.wf_form_postnum{
width:4em;
padding:5px;
margin-right:5px;
margin-left:5px;
box-sizing:border-box;
}
.wf_form_date{
margin-right:5px;
padding:5px;
box-sizing:border-box;
}
@media screen and (max-width: 768px) {
form .wrap{
min-height:80px;
padding:10px;
box-sizing:border-box;
}
}
/***********SLIDE************/
.carousel_inner{
margin:0 auto;
max-width:1000px;
width:100%;
}
/*********/
/*蜈ｱ騾夲ｼ壹ヶ繝ｭ繧ｰ荳隕ｧ譎ゅ�繧ｵ繝�繝阪う繝ｫ繝��繝悶Ν*/
.wf_output_table {
width:100%;
box-sizing:border-box;
}
.wf_output_table th,.wf_output_table td{
border-bottom:1px solid #888;
padding:5px;
box-sizing:border-box;
}
/*蜈ｱ騾夲ｼ夂判蜒上�荳翫↓繝�く繧ｹ繝�*/
.wf_type3 .cont{
position:relative;
padding:0px;
margin:1px;
background:#000;
}
.wf_type3 a{
display:block;
}
.wf_type3 .cont img{
opacity:0.6;
vertical-align: top;
}
.wf_type3 .cont a img:hover{
opacity:0.4;
}
.wf_type3 .cont div.part a,.wf_type3 .cont div.part a:hover{
color:#fff;
text-decoration:none;
}
.wf_type3 .cont div.part{
position:absolute;
color:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
text-align:center;
vertical-align:center;
height:50px;
line-height:1.8em;
}
.wf_type3 .cont div.part:first-line,.wf_type3 .cont div.part a:first-line{
font-size:40px;
}
/*********/
/*height譛蟆丞､繧呈欠螳�*/
.wf_portrait{
min-height:500px;
}
/*********/
/*蜈ｱ騾夲ｼ夊レ譎ｯ濶ｲ*/
.wf_bg_dark1{
background:#191e21!important;
}
/*********/
/*蜈ｱ騾夲ｼ壼�逵溘ヵ繝ｬ繝ｼ繝�*/
.wf_photocircle{
box-sizing:border-box;
}
.wf_photocircle .wf_img_cont span{
display:block;
border-radius:50%;
overflow:hidden;
/*border:1px solid #fff;*/
z-index:0;
width:100%;
height:100%;
position:relative;
}
.wf_photocircle .wf_img_cont span img{
top:0;
bottom:0;
left:0;
right:0;
marign:auto;
display:block;
width:100%;
height:100%;
}
/*********/
/*蜈ｱ騾夲ｼ壼�逵溘ヵ繝ｬ繝ｼ繝�*/
.wf_photoframe{
border-box:box-sizing;
}
.wf_photoframe .wf_img_cont{
background:#fff;
margin:10px 3px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
padding:10px;
color:#111;
}
.wf_photoframe .wf_img_cont div.part{
color:#111;
}
/*********/
.wf_100p.wrap .inner{
width:100%!important;
max-width:100%!important;
}
/*********/
/*蜈ｱ騾夲ｼ壹�繧ｿ繝ｳ*/
.btn_wrap a::after{
border-top: 2px solid orange;
border-right: 2px solid orange;
content: "";
display: block;
height: 5px;
margin-top: -3px;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
width:5px;
}
.btn_wrap a:before {
border-radius: 50%;
content: "";
display: block;
height: 15px;
margin-top: -7px;
position: absolute;
right: 10px;
top: 50%;
width: 15px;
}
.btn_wrap a{
position:relative;
max-width:260px;
width:100%;
box-sizing:boder-box;
padding:10px;
margin:10px auto;
display:block;
border-radius:3px;
background:orange;/*縺薙％縺ｧ閭梧勹濶ｲ縺ｮ謖�ｮ�*/
text-align:center;
font-size:20px;
transition: all 300ms 0s ease;
text-decoration:none;
}
.btn_wrap a:hover{text-decoration:none;opacity:1.0!important;
opacity:0.8;
}
/*********/
/*蜈ｱ騾夲ｼ夊レ譎ｯ縺碁ｻ堤ｳｻ縺狗區邉ｻ縺九�蜃ｦ逅�*/
/*鮟堤ｳｻ*/
.wf_bg_black .title,.wf_bg_black .part{color:#fff;}
.wf_bg_black .btn_wrap a{color:#111;}
.wf_bg_black .btn_wrap a:hover{background:#fff;}
.wf_bg_black .btn_wrap a:before {background:#111;}
.wf_bg_black .title{color:#fff;}/*鮟定レ譎ｯ縺ｮ隕句�縺励�濶ｲ縺ｯ縺薙％縺ｧ螟峨∴繧�*/
/*逋ｽ邉ｻ*/
.wf_bg_white .title,.wf_bg_white .part{color:#111;}
.wf_bg_white .btn_wrap a{color:#fff;}
.wf_bg_white .btn_wrap a:hover{background:#111;}
.wf_bg_white .btn_wrap a:before {background:#fff;}
.wf_bg_white .title{color:#111;}/*逋ｽ閭梧勹縺ｮ隕句�縺励�濶ｲ縺ｯ縺薙％縺ｧ螟峨∴繧�*/
/*********/
/*蜈ｱ騾夲ｼ夊レ譎ｯ逕ｻ蜒上ｒ縺ｼ縺九☆*/
.wf_blur>.wf_type1_bg_img img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
-webkit-filter: blur(10px);
filter: blur(10px);
margin: -20px;
width: calc(100% + 20px)!important;
max-width: calc(100% + 20px);
}
.wf_blur>.wf_type1_bg_img,.wf_blur>.wf_type1_bg_img>.img_span{
width: 100%;
height: 100%;
display: block;
overflow:hidden;
}
/*********/
/*蜈ｱ騾夲ｼ壻ｽ咏區縺ｮ謖�ｮ�*/
.wf_pd0{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd0.wrap>.inner{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd0.wrap>.inner .columns,.wf_pd0.wrap>.inner .column{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd1{
padding-top:10px;
padding-bottom:10px;
}
.wf_pd1.wrap>.inner{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd2{
padding-top:20px;
padding-bottom:20px;
}
.wf_pd2.wrap>.inner{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd3{
padding-top:30px;
padding-bottom:30px;
}
.wf_pd3.wrap>.inner{
padding-top:0px;
padding-bottom:0px;
}
.wf_pd4{
padding-top:40px;
padding-bottom:40px;
}
.wf_pd4.wrap>.inner{
padding-top:0px;
padding-bottom:0px;
}
/*********/
/*蜈ｱ騾夲ｼ壹さ繝ｳ繝�Φ繝�ち繧､繝暦ｼ�*/
.wf_type1{
width:100%;
max-width:100%;
position:relative;
background:#f0efed;
}
.wf_type1.wrap>.inner span.img_span{
display:block;
}
.wf_type1.wrap>.inner span.img_span img{
vertical-align:top;
}
.wf_type1 *{
position:relative;
}
.wf_type1 .wf_type1_bg_img{
z-index:0;
position:absolute;
top:0;
left:0;
width:100%;
overflow:hidden;
height:100%;
}
.wf_type1 .wf_type1_bg_img img{
width:100%;
}
.wf_type1.wf_nobg .wf_type1_bg_img{
display:none;
}
@media only screen and (max-width: 767px) {
.wf_type1 .wf_type1_bg_img img{
height:100%;
}
.wf_type1 .wf_img_cont{margin-bottom:20px;}
.wf_type1.wf_nostretch .wf_type1_bg_img{/*閭梧勹逕ｻ蜒上ｒ莨ｸ縺ｰ縺輔★縲∽ｸ翫↓陦ｨ遉ｺ*/
position:relative;
display:block;
margin-bottom:20px;
margin-top:-40px;
}
.wf_type1.wf_nostretch .wf_type1_bg_img img{/*閭梧勹逕ｻ蜒上ｒ莨ｸ縺ｰ縺輔★縲∽ｸ翫↓陦ｨ遉ｺ*/
height:auto;
}
}
/*********/
.wf_stroke_top{
overflow:hidden;
}
.wf_stroke_top .wf_type1_bg_img img{
width: calc(100% + 20px);
max-width: calc(100% + 20px);
position: absolute;
top: -5px;
left: -10px;
display:block;
height:auto;
}
.wf_stroke_top .wf_type1_bg_img .img_span{
position: initial;
}
.wf_stroke_top .wf_type1_bg_img{
top:0px;
left:0px;
overflow: hidden;
position: initial;
}
/*********/
.wf_stroke_end{
overflow:hidden;
}
.wf_stroke_end .wf_type1_bg_img img{
width: calc(100% + 20px);
max-width: calc(100% + 20px);
position: absolute;
bottom: -5px;
left: -10px;
display:block;
height:auto;
}
.wf_stroke_end .wf_type1_bg_img .img_span{
position: initial;
}
.wf_stroke_end .wf_type1_bg_img{
bottom:0px;
left:0px;
overflow: hidden;
position: initial;
}
/*********/
/*蜈ｱ騾夲ｼ壹さ繝ｳ繝�Φ繝�ち繧､繝暦ｼ�*/
.wf_type2{
width:100%;
max-width:100%;
position:relative;
background:#f0efed;
}
.wf_type2 .column{
padding:0px!important;
}
.wf_type2.wrap>.inner .img_span{
display:block;
/*height:100%;*/
}
.wf_type2.wrap>.inner span.img_span img{
vertical-align:top;
}
.wf_type2 .wf_type2_text{
padding:40px!important;
}
.wf_type2 .wf_type2_img{
display:block;
overflow:hidden;
}
.wf_type2 .wf_type2_img img{
min-height:100%;
max-width:1000%;
min-width:100%;
}
.wf_type2 *{
position:relative;
}
.wf_type2 .wf_type1_bg_img{
z-index:0;
position:absolute;
top:0;
left:0;
min-width:100%;
overflow:hidden;
height:100%;
}
.wf_type2 .wf_type1_bg_img img{
min-width:calc(100% + 80px);
min-height:calc(100% + 80px);
width:auto!important;
height:auto!important;
max-width:1000%;
max-height:1000%;
}
.wf_type2 .wf_type1_bg_img .img_span{
overflow:hidden;
}
.wf_type2.wf_nobg .wf_type1_bg_img{
display:none;
}
@media only screen and (max-width: 767px) {
.wf_type2 .wf_type1_bg_img img{
}
.wf_type2 .wf_type2_img{
max-width:100%!important;
box-sizing:border-box;
padding-left:5px;
padding-right:5px;
}
.wf_type2 .wf_type2_img img{
max-width: 100%!important;
height: auto!important;
}
}
/*********/
/*蜈ｱ騾壹ユ繝ｼ繝悶Ν*/
.t01_wrap table{
width: 100%;
border-collapse: collapse;
margin:0 0 15px;
word-break: break-all;
word-wrap: break-all;
border: 1px solid #ccc;
}
.t01_wrap th, .t01_wrap td {
padding: 0.5em;
text-align: left;
vertical-align: middle;
}
.t01_wrap thead th {
background: #EBF1F6;
color: #fff;
}
.t01_wrap tbody th {
background: #EBF1F6;
width: 30%;
}
.t01_wrap th, .t01_wrap td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.t01_wrap.price th {
width: 75%;
}
@media screen and (max-width: 767px) {
.t01_wrap {
font-size: 85%;
}
.t01_wrap th, .t01_wrap td {
padding: 0.2em;
}
}
@media (max-width: 480px) {
.t01_wrap table{
font-size: 70%;
}
}
@media screen and (max-width: 767px) {
.t01_wrap table{
font-size: 85%;
}
.t01_wrap th, .t01_wrap td {
padding: 0.2em;
}
}
@media (max-width: 480px) {
.t01_wrap table{
font-size: 70%;
}
}