/*--------------*/
/*共有*/
/*--------------*/
html {
-webkit-text-size-adjust: none;
word-break:break-all;
}
body {
width:100%;
height:100%;
border: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:0px;
margin-right:0px;
text-align: left;
font-size: 14px;
font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
font-weight: 600;
line-height: 1.8;
width:100%;
color:#000000;
transition: 0.5s;
background-color:#fcfcf9;
background-repeat: repeat;
background-position: left top;
}
.Mintyoufont{
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.Goshicfont{
font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
font-weight: 500;
}
pre {
/* Mozilla */
white-space: -moz-pre-wrap;
/* Opera 4-6 */
white-space: -pre-wrap;
/* Opera 7 */
white-space: -o-pre-wrap;
/* CSS3 */
white-space: pre-wrap;
/* IE 5.5+ */
word-wrap: break-word;
}
*html body{
font-size:90%;
line-height:1.5;
}
a:link{
color:#000000;
transition: 0.5s;
}
a:visited{
color:#000000;
transition: 0.5s;
}
a:hover{
color:#e2cba5;
transition: 0.5s;
}
.bold{
font-weight:bold;
}
/*フォントサイズ対策とか*/
table,h1,h2,h3,h4,h5,h6{
font-size:100%;
}
img, h1, h2, h3, h4, h5, h6, p, form{
border:none;
margin:0 0 0 0;
padding:0 0 0 0;
vertical-align:bottom;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;
transition: 0.5s;
}
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
display: block;
}
/*オーバーフロー対策*/
.clearfix {
display: inline-block;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/*オーバーフロー対策*/
/****画像ロールオーバ*****/
a:hover img.over {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
transition: 0.5s;
}
/*************************/
/**********TOPムービー***************/
.video-bg{
width:100%;
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
display: flex;
justify-content: center;
align-items: center;
}
/************スマホ用ボタン表示非表示*************/
header{
visibility:hidden;
}
/*ついてくるボタン*/
#totop{
display:block;
}
#FixBT{
z-index:1500;
position: fixed;
top: 150px;
right: 0px;
display: block;
width:45px;
}
#FixBTSP{
z-index:1500;
position: fixed;
bottom:0px;
left: 0px;
width:100%;
display: none;
text-align:center;
}
/****トリミング（外装）*****/
.cover {
display: inline-block;
background-color: #ccc;
background-position: center center;
background-repeat: no-repeat;
width: 180px;
height: 140px;
background-size: cover;
vertical-align: bottom;
}
.newscover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:70%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.purnewscover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:80%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.cacover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:100%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.newsworkcover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:90%;
background-size: cover;
margin:0 0 0 0;
vertical-align: bottom;
}
.evecover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:30%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.voicecover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:70%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.blogcover{
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:70%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.purcover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:90%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.pursumcover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:70%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.purbigcover {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:80%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
vertical-align: bottom;
}
.genbacover{
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
width:100%;
padding-top:70%;
background-color:#FFFFFF;
background-size: cover;
overflow: hidden;
}
/*--------------*/
/*画像の回り込み*/
/*--------------*/
.leftimg{
float: left;
margin-right:5px;
}
.rightimg{
float: right;
margin-left:5px;
}
/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
max-width:640px;
}
/*動画の大きさを調整*/
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/********/
/*ボタン拡大のエフェクト*/
/********/
.imgWrap {
overflow: hidden; /*拡大時にはみ出た部分を隠す*/
}
.imgWrap img {
display: block;
transition-duration: 0.3s; /*変化に掛かる時間*/
}
.imgWrap img:hover {
transform: scale(1.1); /*画像の拡大率*/
transition-duration: 0.3s; /*変化に掛かる時間*/
}
/*中央ぞろえ*/
.centerbox {
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center; /* 子要素をflexboxにより中央に配置する */
}
/*************************/
/*************************/
/*--------------*/
/*ブロック構成*/
/*--------------*/
/********/
/*全体枠*/
/********/
#wrap{
width: 100%;
position: relative;
height:auto !important; /*IE6対策*/
height: 100%; /*IE6対策*/
min-height: 100%;
}
.spshow{
display:none;
}
#FacebookBox{
width:100%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
}
#InstaBox{
width:100%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
}
/***スライドテキスト****/
.SlideText{
width:100%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
position: absolute;
top:45%;
left: 50%;
transform: translate(-50%,-45%);
text-shadow :
2px 2px 2px #ffffff,
-2px 2px 2px #ffffff,
2px -2px 2px #ffffff,
-2px -2px 2px #ffffff,
2px 0px 2px #ffffff,
0px 2px 2px #ffffff,
-2px 0px 2px #ffffff,
0px -2px 2px #ffffff;
}
}
/***スライドテキスト****/
/***ゼプラス****/
.BasicBoxALL{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
border:1px solid #2e2e2e;
background-color:#f5f5f5;
}
.BasicBoxMidashiA{
width:100%;
text-align:center;
padding:0px;
margin:-20px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxMidashiA span{
text-align:center;
color:#FFFFFF;
font-size:30px;
font-weight:bold;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
background-color:#2e2e2e;
}
.BasicBoxMidashiB{
width:100%;
font-size:24px;
font-weight:bold;
text-align:center;
padding:0px;
margin:25px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxA{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxAL{
width:50%;
text-align:center;
padding:15px;
margin:0px 0 0 0;
box-sizing:border-box;
float:right;
}
.BasicBoxAR{
width:50%;
text-align:center;
padding:15px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxB{
width:100%;
text-align:center;
padding:0px;
margin:15px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxBL{
width:50%;
text-align:center;
padding:15px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxBR{
width:50%;
text-align:center;
padding:15px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicPoint{
width:100%;
text-align:center;
padding:0px 0 5px 0;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
border-bottom:1px dotted #2e2e2e;
}
.BasicA{
width:100%;
line-height:2.0;
font-size:18px;
font-weight:bold;
text-align:left;
padding:0px 0 0 0;
margin:20px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicB{
width:100%;
text-align:left;
padding:0px;
margin:10px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicC{
width:100%;
font-size:12px;
color:#7f7f7f;
text-align:left;
padding:0px;
margin:10px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaALLBox{
width:100%;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBox{
width:50%;
text-align:center;
padding:20px;
margin:50px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxA{
width:100%;
line-height:1.3;
color:#2e2e2e;
font-weight:bold;
font-size:24px;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
background-color:#f5f5f5;
float:left;
position:relative;
}
.IdeaBoxB{
width:100%;
text-align:center;
padding:5px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxC{
width:100%;
text-align:left;
padding:5px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxD{
width:100%;
text-align:center;
padding:0px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxDL{
width:50%;
text-align:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxDR{
width:50%;
text-align:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxE{
width:100%;
text-align:left;
padding:0px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxSP{
width:100%;
text-align:left;
padding:0px;
margin:10px 0 0 0;
box-sizing:border-box;
float:left;
display:none;
}
.IdeaBoxEL{
width:100%;
font-size:24px;
color:#2e2e2e;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxER{
width:100%;
font-size:16px;
color:#2e2e2e;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxMadori{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaNumber {
font-size:10px;
line-height:1.0;
color:#FFFFFF;
height:50px;
width:50px;
border-radius:50%;
text-align:center;
background-color:#1aa655;
position:absolute;
top:-40px;
left:0;
display: flex;
justify-content: center;
align-items: center;
}
/********/
/*ヘッダ*/
/********/
/*ヘッダ全体*/
#headerWrapper{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
}
#headerWrapperSE{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
}
#headerBox{
width:100%;
margin:0 0 0 0;
padding:5px;
box-sizing:border-box;
float:left;
}
#headerBox img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#headerBoxL{
width:100%;
max-width:200px;
margin:0 0 0 0;
padding:5px;
text-align:center;
float:left;
box-sizing:border-box;
}
#headerBoxLogo{
width:100%;
max-width:200px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
float:left;
box-sizing:border-box;
}
#headerBoxSNS{
width:100%;
margin:0 0 0 0;
padding:5px;
text-align:right;
float:right;
box-sizing:border-box;
}
#headerBoxSNSSE{
width:100%;
max-width:300px;
margin:0 0 0 0;
padding:5px;
text-align:right;
float:right;
box-sizing:border-box;
display:none;
}
.headerBoxSNSList{
display:block;
width:100%;
max-width:60px;
text-align:right;
margin:23px 0 0 0;
float:left;
}
#headerBoxC{
width:100%;
margin:0px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:right;
box-sizing:border-box;
}
#headerBoxR{
width:100%;
max-width:850px;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:right;
float:right;
}
#headerBoxRR{
}
#headerBoxD{
text-align:right;
display:none;
}
/****/
/********/
/********/
/*入れ替え用ヘッダ*/
/********/
.fix-header {
line-height: 20px;
top: -120px;/* 上に隠す鷹さ */
left: 0;
text-align: center;
width: 100%;
margin: 0 auto;
color:#FFFFFF;
padding-top:10px;
padding-bottom:5px;
box-sizing:border-box;
position: fixed;
opacity:0;/* 最初読み込んだときは透過 */
z-index: 1000;/* 他のアイテムに対して最上位のレイヤーになるように */
/*opacity: 0; */
background-color:#a3895f;
}
.fix-header-contents{
width:100%;
margin: 0 0 0px 0;
padding:0 0 0 0;
float:left;
}
.fix-header ul{
list-style-type: none;
}
.fix-header li{
display:block;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
font-weight: 600;
}
.fix-header li a,.fix-header li a:visited{
display:block;
width:100%;
padding:10px;
box-sizing:border-box;
text-decoration: none;
color:#FFFFFF;
transition: 0.5s;
}
.fix-header li a:hover{
color:#e2cba5;
}
.fix-header li:last-child{
margin-right:0;
}
#fix-header-logo{
float:left;
padding:0px;
box-sizing:border-box;
width:15%;
max-width:164px;
text-align:center;
}
#fix-header-logo img{
max-width:100px;
}
#fix-header-menus{
width:85%;
float:right;
text-align: right;
}
#scroll-fix-menu{
margin:0 25px 0 0;
text-align:center;
float:right;
}
#scroll-fix-menu li{
position:relative;
}
#scroll-fix-menu img{
padding-bottom: 5px;
border-bottom:2px solid #fff;
}
#scroll-fix-menu .current-menu-item img{
border-bottom:2px solid #0f142a;
}
#scroll-fix-menu a img:hover{
border-bottom:2px solid #0f142a;
transition:border-color 0.6s ease-out;
}
/***アニメ***/
.iosSlider{
display:block;
}
.iosSliderSP{
width:100%;
float:left;
display:none;
}
.iosSliderSP img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.AnimeSP{
display:none;
width:100%;
padding:0 0 10px 0;
text-align:center;
box-sizing:border-box;
float:left;
background-color:#a3895f;
}
/********/
/***ボタン***/
.LinkBT{
font-size:14px;
width:100%;
text-align:center;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
background-color:#FFFFFF;
font-weight:bold;
border:1px solid #000000;
transition: 0.5s;
}
.LinkBT a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#000000;
text-decoration: none;
transition: 0.5s;
}
.LinkBT:hover {
color:#adadad;
transition: 0.5s;
}
.LinkBTA{
font-size:14px;
width:100%;
text-align:center;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
background-color: transparent;
font-weight:bold;
transition: 0.5s;
border:1px solid #FFFFFF;
}
.LinkBTA a{
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTA:hover {
color:#000000;
background-color:#e8e0d6;
transition: 0.5s;
}
.LinkBTEVE{
font-size:12px;
width:100%;
text-align:center;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
background-color:#a3895f;
font-weight:bold;
transition: 0.5s;
}
.LinkBTEVE a {
display:block;
width: 100%; /* 横幅 */
padding:5px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTEVE:hover {
background-color:#ccb38b;
transition: 0.5s;
}
.LinkBTB{
font-size:12px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
background-image: url(../img/bt_bg.jpg);
background-repeat: repeat-x;
background-position: center top;
}
.LinkBTB a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTB:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTC{
font-size:12px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
background-color:#f29a00;
}
.LinkBTC a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTC:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTNEXT{
font-size:16px;
width:100%;
text-align:center;
margin:10px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
background-color:#FFFFFF;
font-weight:bold;
border:1px solid #955129;
}
.LinkBTNEXT a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#955129;
text-decoration: none;
transition: 0.5s;
position: relative;
}
.LinkBTNEXT:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTkotiraA{
font-size:11px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:2px;
float:left;
background-color:#43a8e2;
font-weight:bold;
color:#FFFFFF;
border-radius: 30px; /* CSS3草案 */
-webkit-border-radius: 30px; /* Safari,Google Chrome用 */
-moz-border-radius: 30px; /* Firefox用 */
transition: 0.5s;
}
.LinkBTkotiraA a {
display:block;
width: 100%; /* 横幅 */
padding:5px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTkotiraA:hover {
background-color:#ade1ff;
transition: 0.5s;
}
.LinkBTkotiraB{
font-size:11px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:2px;
float:left;
background-color:#ff6633;
font-weight:bold;
color:#FFFFFF;
border-radius: 30px; /* CSS3草案 */
-webkit-border-radius: 30px; /* Safari,Google Chrome用 */
-moz-border-radius: 30px; /* Firefox用 */
transition: 0.5s;
}
.LinkBTkotiraB a {
display:block;
width: 100%; /* 横幅 */
padding:5px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTkotiraB:hover {
background-color:#ff9a78;
transition: 0.5s;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #FFFFFF;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: -2px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sample4-1::before{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #FFFFFF;
}
.LinkBTRadio{
font-size:12px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
background-color:#805612;
}
.LinkBTRadio a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTEvent:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTEvent{
font-size:12px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
background-color:#f09036;
}
.LinkBTEvent a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTRadio:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTHiraya{
font-size:20px;
width:100%;
text-align:center;
margin:0px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
background-color:#805612;
}
.LinkBTHiraya a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
.LinkBTHiraya:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
.LinkBTMORE{
font-size:16px;
max-width:150px;
width:100%;
text-align:right;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:right;
font-weight:bold;
transition: 0.5s;
}
.LinkBTMORE a {
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
color:#a3895f;
text-decoration: none;
transition: 0.5s;
}
.LinkBTMORE:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
transition: 0.5s;
}
/********/
/*現場見学会*/
/********/
.GenbaMidashi{
width:100%;
font-size:36px;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.head-border {
display: flex;
align-items: center;
}
.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #666;
}
.head-border:before {
margin-right: 1rem;
}
.head-border:after {
margin-left: 1rem;
}
.GenbaBoxALL{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
box-sizing:border-box;
float:left;
}
.GenbaBoxALL li{
text-align:left;
color:#00000;
width:50%;
margin:20px 0 0 0;
padding:15px;
list-style-type: none;
display: inline-block;
font-weight:bold;
box-sizing:border-box;
float:left;
}
.GenbaBox{
width:100%;
height:100%;
margin:0 0 0 0;
padding:0 0 0 0;
box-sizing:border-box;
float:left;
background-color:#FFFFFF;
position: relative;
}
.GenbaBoxA{
width:100%;
color:#a1a2a1;
margin:-10px 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
}
.GenbaBoxAA{
font-size:36px;
padding:5px;
box-sizing:border-box;
}
.GenbaBoxAB{
font-size:24px;
padding:5px;
box-sizing:border-box;
}
.GenbaBoxB{
width:50%;
margin:0px 0 0 0;
padding:10px 15px 10px 15px;
box-sizing:border-box;
float:left;
}
.GenbaBoxC{
width:50%;
color:#898989;
margin:0px 0 0 0;
padding:10px 15px 10px 15px;
box-sizing:border-box;
float:left;
font-size:14px;
font-weight:bold;
}
.GenbaBoxD{
width:100%;
margin:0px 0 0 0;
padding:10px 15px 10px 15px;
box-sizing:border-box;
float:left;
font-size:16px;
font-weight:bold;
}
.GenbaBoxD a:link{
color:#000000;
text-decoration: none;
font-weight:bold;
}
.GenbaBoxD a:visited{
color:#000000;
text-decoration: none;
font-weight:bold;
}
.GenbaBoxD a:hover{
color:#000000;
text-decoration: none;
font-weight:bold;
}
.GenbaBoxE{
width:100%;
margin:0px 0 0 0;
padding:10px 15px 10px 15px;
box-sizing:border-box;
float:left;
font-size:14px;
font-weight:normal;
line-height:1.8;
}
.GenbaBoxF{
width:100%;
margin:0px 0 0 0;
padding:10px 15px 10px 15px;
box-sizing:border-box;
position: absolute;
bottom: 10px;
right: 10px;
}
/********/
/*TOP*/
/********/
#ALLBGWrapper{
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 0 0 0;
box-sizing:border-box;
}
#ALLBGWrapper img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperA{
width:100%;
max-width:1400px;
margin:0 auto;
padding:0 0 0 0;
box-sizing:border-box;
}
#ALLBGWrapperA img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperB{
width:100%;
margin:200px 0 0 0;
padding:0 0 50px 0;
background-image: url(../img/ca_bg.jpg);
background-repeat: repeat;
background-position: center top;
box-sizing:border-box;
float:left;
}
#ALLBGWrapperB img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperWorks{
width:100%;
margin:0px 0 0 0;
padding:0 0 50px 0;
background-image: url(../img/works_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-size: cover;
}
#ALLBGWrapperWorks img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperWelcome{
width:100%;
margin:0px 0 0 0;
padding:0 0 50px 0;
background-image: url(../img/we_bg.jpg);
background-repeat: repeat;
background-position: left top;
box-sizing:border-box;
float:left;
}
#ALLBGWrapperWelcome img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperMovie{
width:100%;
margin:0px 0 0 0;
padding:20px;
background-image: url(../img/commit_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-color:#e8e0d6;
}
#ALLBGWrapperMovie img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperContenst{
width:100%;
margin:0px 0 0 0;
padding:20px;
box-sizing:border-box;
background-color:#FFFFFF;
float:left;
}
#ALLBGWrapperContenst img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLBGWrapperContact{
width:100%;
margin:0px 0 0 0;
padding:100px 20px 100px 20px;
background-image: url(../img/contact_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-size: cover;
}
#ALLBGWrapperContact img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.ContactWrapper{
width:100%;
margin:-40px 0 0 0;
padding:0 0 0 0;
box-sizing:border-box;
float:left;
}
.ContactWrapperBox{
width:100%;
margin:0 0 0 0;
padding:40px;
box-sizing:border-box;
float:left;
background-color:#171a1c;
}
.ContactWrapperBoxL{
width:50%;
margin:0 0 0 0;
padding:20px;
box-sizing:border-box;
text-align:center;
float:left;
}
.ContactWrapperBoxR{
width:50%;
margin:0 0 0 0;
padding:20px;
box-sizing:border-box;
text-align:center;
float:left;
border-left:1px solid #FFFFFF;
}
.TOPMovieBox{
width:100%;
text-align:left;
margin:100px 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
background-image: url(../img/commit_img.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position:relative;
}
.TOPMovieBoxL{
color:#FFFFFF;
width:100%;
text-align:left;
margin:120px 0 120px 0;
padding:20px 60px 20px 60px;
float:left;
box-sizing:border-box;
}
.TOPMovieBoxLL{
width:50%;
}
.TOPMovieBoxLLA{
width:100%;
text-align:left;
margin:0 0 0 0;
font-size:26px;
}
.TOPMovieBoxLLB{
width:100%;
text-align:left;
margin:10px 0 0 0;
font-size:18px;
}
.TOPMovieBoxLLC{
width:100%;
text-align:left;
margin:0 0 0 0;
font-size:18px;
}
.TOPMovieBoxLLD{
width:100%;
text-align:left;
margin:10px 0 0 0;
font-size:16px;
font-weight:normal;
}
.TOPMovieBoxRR{
width:50%;
}
.TOPMovieBoxR{
width:50%;
text-align:left;
margin:0 0 0 0;
padding:10px;
float:right;
box-sizing:border-box;
}
.Topyoutube {
margin:0 0 0 0;
position: relative;
width: 100%;
padding-top:63%;
float:left;
}
.Topyoutube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.RpluseBoxALL{
width:100%;
text-align:left;
margin:50px 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.RpluseBox{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxL{
width:50%;
text-align:center;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxR{
width:50%;
text-align:left;
margin:0 0 0 0;
padding:40px;
float:left;
box-sizing:border-box;
}
.RpluseBoxRR{
width:50%;
text-align:center;
margin:0 0 0 0;
padding:0;
float:right;
box-sizing:border-box;
}
.RpluseBoxLL{
width:50%;
text-align:left;
margin:0 0 0 0;
padding:40px;
float:left;
box-sizing:border-box;
}
.RpluseTextA{
font-size:48px;
line-height:1.3;
}
.RpluseTextB{
font-size:24px;
}
.RpluseTextC{
font-size:16px;
color:#c1c1c1;
}
.RpluseBoxSEALL{
width:100%;
text-align:left;
margin:30px 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.RpluseBoxSE{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxSE li{
text-align:left;
color:#000000;
width:33.3%;
margin:10px 0 0 0;
padding:15px;
list-style-type: none;
overflow:hidden;
float:left;
box-sizing:border-box;
color:#FFFFFF;
}
.RpluseBoxSEL{
width:60%;
text-align:left;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxSER{
width:40%;
text-align:left;
margin:0 0 0 0;
padding:5px;
float:left;
box-sizing:border-box;
}
.Rborder{
border-bottom:3px solid #89888c;
}
.NamiBG{
width:100%;
height:62px;
margin:0px 0 0 0;
padding:0 0 0px 0;
background-image: url(../img/nami_bg.png);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
float:left;
}
.TOPCABOX{
width:100%;
text-align:center;
margin:0px 0 0px 0;
float:left;
background-color:#FFFFFF;
position:relative;
}
.TOPCABOXText{
width:50%;
color:#000000;
text-align:center;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
position:absolute;
top:0;
right:0;
}
.TOPCABOXTextA{
font-size:28px;
width:100%;
text-align:left;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
transition: 0.5s;
}
.TOPCABOXTextB{
font-size:20px;
width:100%;
text-align:left;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
transition: 0.5s;
}
.TOPCABOXL{
width:50%;
text-align:left;
margin:0 0 0 0;
float:left;
}
.TOPCABOXR{
width:50%;
text-align:left;
padding:25px;
margin:100px 0 0 -40px;
float:left;
background-color:#FFFFFF;
box-sizing:border-box;
}
.TOPbCABOXL{
width:50%;
text-align:left;
margin:0 0 0 0;
float:left;
}
.TOPbCABOXR{
width:50%;
padding:20px;
box-sizing:border-box;
font-size:22px;
color:#595757;
text-align:left;
margin:0px 0 0px 0;
float:left;
}
/****CAボタン****/
.CABTA{
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
background-image: url(../img/ca_bt_1_20220413.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-size: cover;
position:relative;
}
.CABTB{
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
background-image: url(../img/ca_bt_2.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-size: cover;
position:relative;
}
.CABTC{
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
background-image: url(../img/ca_bt_3_20220413.jpg);
background-repeat: no-repeat;
background-position: center top;
box-sizing:border-box;
float:left;
background-size: cover;
position:relative;
}
.CABTAText{
width:315px;
height:270px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image: url(../img/ca_bt_bg.png);
background-repeat: repeat;
box-sizing:border-box;
float:right;
display: flex;
justify-content: center;
align-items: center;
color:#FFFFFF;
}
.CABTATextSP{
width:100%;
margin:0 0 0 0;
padding:20px;
background-image: url(../img/ca_bt_bg.png);
background-repeat: repeat;
box-sizing:border-box;
float:left;
text-align:center;
color:#FFFFFF;
}
/****CAボタン****/
.ABG{
width:100%;
text-align:left;
margin:0 0 0 0;
float:left;
background:url(../img/concept_bg.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}
.ConceptBG{
width:100%;
padding:0 0 0 0px;
margin:0 0 0 0;
text-align:center;
float:left;
box-sizing: border-box;
}
.ConceptTXT{
width:100%;
padding:0px;
margin:50px 0 30px 0;
text-align:center;
float:left;
}
.MovieBG{
width:100%;
padding:0px;
height:50px;
margin:0px 0 0px 0;
text-align:center;
float:left;
box-sizing:border-box;
background-image: url(../img/movie_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.CoBG{
background-image: url(../img/co_bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}
.CoCaBox{
background:url(../img/img_2_bg.png);
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
}
.CompanyBG{
background:url(../img/c_img_1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.WelcomeBG{
background:url(../img/wel_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
}
.DeBGA{
background:url(../img/de_bg_1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.DeBGB{
background:url(../img/de_bg_2.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.PriceBG{
background:url(../img/price_bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.PerBG{
background:url(../img/per_bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.WaBG{
background:url(../img/wa_bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
#TOPWrapper{
width:100%;
max-width:1400px;
margin:20px auto;
padding:0 0 0 0;
text-align:center;
}
#TOPIMG{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
}
#TOPIMG img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#ALLTOPBTBOX{
width:100%;
max-width:1000px;
margin:0 auto;
text-align:center;
}
.TOPBTBOX{
width:100%;
margin:0 0 0 0;
text-align:center;
float:left;
}
.TOPBTBOX li{
display:inline-block;
float: left;
width: 50%;
margin:10px 0 0 0;
padding:10px;
text-align:center;
text-decoration: none;
box-sizing:border-box;
background-clip:content-box;
background-origin : content-box;
list-style:none;
}
.TOPBTBOX li img{
max-width:100%;
height: auto;
width /***/:auto;
}
.TOPBTBOXSE{
width:100%;
margin:0 0 0 0;
text-align:center;
float:left;
}
.TOPBTBOXSE li{
display:inline-block;
float: left;
width: 33.3%;
margin:10px 0 0 0;
padding:10px;
text-align:center;
text-decoration: none;
box-sizing:border-box;
background-clip:content-box;
background-origin : content-box;
}
.TOPBTBOXSE li img{
max-width:100%;
height: auto;
width /***/:auto;
}
.CABTBOXSE{
width:100%;
margin:0 0 0 0;
text-align:center;
float:left;
}
.CABTBOXSE li{
float: left;
width: 50%;
margin:10px 0 0 0;
padding:10px;
text-align:center;
text-decoration: none;
box-sizing:border-box;
list-style:none;
}
.CABTBOXSE li img{
max-width:100%;
height: auto;
width /***/:auto;
}
.ShadowBox{
box-sizing:border-box;
padding:0px;
width:100%;
height:100%;
float:left;
display:block;
box-shadow:0px 0px 8px 3px #ccc;
}
.TOPBTA{
background:url(../img/top_bt_bg_1.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height:350px;
}
.TOPBTB{
background:url(../img/top_bt_bg_2.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height:400px;
}
.TOPBTC{
background:url(../img/top_bt_bg_3.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height:400px;
}
.TOPBTD{
background:url(../img/top_bt_bg_4.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height:400px;
}
.TOPBTE{
background:url(../img/top_bt_bg_5.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height:400px;
}
.TOPBTF{
background:url(../img/contact_bg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.TOPBTBOXtext{
width:100%;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
padding:15px;
box-sizing:border-box;
font-weight:600;
text-align:left;
}
.REBTBOXtext{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding:40px 10px 40px 10px;
box-sizing:border-box;
font-weight:600;
background-color: rgba(0,134,57,0.8);
max-width:300px;
}
#SIDEBTBOX{
width:100%;
margin:10px 0 0 0;
text-align:left;
}
#SIDEBTBOX li{
display: block;
float: left;
width: 48%;
margin: 10px 0 0 5px;
padding: 0;
text-align: center;
text-decoration: none;
position:relative;
}
#SIDEBTBOX li img{
max-width: 100%;
height: auto;
width /***/:auto;
}
/***SDGS****/
.SDGsBOX{
width:100%;
float:left;
padding:10px;
margin:30px 0 0 0;
box-sizing:border-box;
}
.SDGsBOXL{
width:45%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
}
.SDGsBOXR{
width:55%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
}
.SDGsMidashiA{
width:100%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
color:#FFFFFF;
background-color:#a3895f;
font-size:24px;
border-radius: 10px;
text-align:center;
}
.SDGsMidashiB{
width:100%;
float:left;
padding:15px;
margin:10px 0 0 0;
box-sizing:border-box;
background-color:#FFFFFF;
font-size:18px;
border-radius: 10px;
text-align:left;
font-weight:normal;
}
.SDGsMidashiC{
width:100%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
color:#FFFFFF;
background-color:#a3895f;
font-size:28px;
border-radius: 10px;
text-align:center;
}
/***コンテンツボタン****/
.ContentsBT{
width:33.3%;
float:left;
padding:10px;
margin:15px 0 0 0;
box-sizing:border-box;
}
/***真ん中寄せボタン****/
.parentBOX {
display: flex;
justify-content: center;
align-items: center;
max-height: 300px;
width:100%;
height:100%;
background: orange;
}
.exampleBOX {
display: block;
width: 100%;
max-width: 300px;
background: #FFF;
text-align:left;
}
/********/
/*本文*/
/********/
/*全体*/
#TOPpageWrapper{
position:relative;
width:1000px;
margin:0 auto;
text-align:left;
}
#pageWrapper{
position:relative;
width:100%;
max-width:1400px;
margin:0 auto;
text-align:left;
}
/*第一階層*/
#MainWrapper{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
}
#PageImg{
width:100%;
max-width:1400px;
margin:0 auto;
text-align:center;
background-color:#FFFFFF;
}
#PageImg img{
max-width: 100%;
height: auto;
width :auto;
}
#MidashiLine{
width:100%;
float:left;
margin:0 0 50px 0;
text-align:left;
background:url(../img/midashi_line.png);
background-position:right 0px top 40px;
background-repeat:no-repeat;
}
.KugiriLine{
width:100%;
float:left;
height:31px;
margin:0 0 20px 0;
text-align:left;
background:url(../img/kugiri.png);
background-position:top left;
background-repeat:no-repeat;
}
.MidashiBGNEW{
color:#000000;
letter-spacing:5px;
width:100%;
float:left;
padding:20px;
font-size:30px;
margin:20px 0 0 0;
text-align:center;
box-sizing:border-box;
font-style: italic;
position: relative;
line-height:1.0;
}
.MidashiBGNEWSE{
color:#000000;
letter-spacing:5px;
width:100%;
float:left;
padding:20px;
font-size:30px;
margin:20px 0 0 0;
text-align:center;
box-sizing:border-box;
font-style: italic;
position: relative;
line-height:1.0;
}
.ViweAll{
width:100%;
max-width:100px;
position: absolute;
top: 5px;
right: 5px;
margin:0 0 0 0;
text-align:center;
box-sizing:border-box;
}
.UketukeBox{
width:100%;
margin:-20px 0 0 0;
padding:0 0 0 0;
text-align:center;
box-sizing:border-box;
float:left;
}
.UketukeBoxSE{
width:100%;
margin:-20px 0 0 0;
padding:0 0 0 0;
text-align:center;
box-sizing:border-box;
float:left;
}
.UketukeBoxL{
text-align:left;
color:#00000;
width:50%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.UketukeBoxLSE{
text-align:left;
color:#00000;
width:50%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.UketukeBoxR{
text-align:left;
color:#00000;
width:50%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.UketukeBoxRSE{
text-align:left;
color:#00000;
width:50%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.YoyakauDay{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#a17e44;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#f1e4cf;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.YoyakauOn{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#FFFFFF;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#f4932a;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.Yokoku{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#FFFFFF;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#f4932a;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.YoyakauOff{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#6b6b6b;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#c7c7c7;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.CateDayA{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#8a8a8a;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#f1f1f1;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.CateDayB{
font-size:9px;
width:100%;
margin:0 0 0 0;
color:#FFFFFF;
padding:5px;
box-sizing:border-box;
text-align:center;
float:left;
background-color:#189150;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
.ContentsBGNEW{
color:#FFFFFF;
letter-spacing:5px;
width:100%;
float:left;
padding:80px 20px 80px 20px;
font-size:30px;
margin:20px 0 0 0;
text-align:center;
background:url(../img/contents_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
box-sizing:border-box;
background-size: cover;
}
/**#PageImg img{
width: 100%;
}*/
.PageTitle{
position:absolute;
top:35%;
left:0;
right:0;
margin: auto;
color:#FFFFFF;
font-size:34px;
}
/********/
/*レフト*/
#LeftBox{
display:inline;
width:100%;
margin:20px 0 50px 0;
padding:0 0 0 0;
float:left;
}
#LeftBoxBlog{
display:inline;
width:76%;
margin:20px 0 50px 0;
padding:0 0 0 0;
float:left;
}
#BlogAllBox li{
text-align:left;
color:#00000;
width:100%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
/*ブログ用のリスト*/
.BlogNewsBox{
width:100%;
margin:20px 0 20px 0;
padding:0 0 0 0;
float:left;
font-size:14px;
box-shadow: 0 0 4px gray;
position:relative;
border:1px solid #805612;
box-sizing:border-box;
color:#000000;
background-color:#FFFFFF;
}
.BlogNewsBoxL{
width:30%;
margin:0 0 0 0;
padding:1px;
float:left;
box-sizing:border-box;
text-align:center;
color:#000000;
}
.BlogNewsBoxR{
width:68%;
margin:0 0 0 0;
padding:5px;
float:right;
box-sizing:border-box;
text-align:left;
color:#000000;
}
.BlogNewsBoxL img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.BlogNewsBoxR img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.BlogBT{
font-size:12px;
width:150px;
margin:0 0 0 0;
text-align:center;
position: absolute;
bottom: 5px;
right: 0px;
}
.BlogBT a:link, .BlogBT a:visited, .BlogBT a:hover{
padding:5px;
box-sizing:border-box;
color:#000000;
text-decoration: none;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
.BlogBT a:hover{
color:#5a5a5a;
text-decoration: underline;
background-color:#e9e9e9;
}
.BlogBTB{
width:150px;
margin:0 0 0 0;
text-align:center;
}
.BlogBTB a:link, .BlogBTB a:visited, .BlogBTB a:hover{
padding:5px;
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
.BlogBTB a:hover{
color:#5a5a5a;
text-decoration: underline;
background-color:#e9e9e9;
}
.BlogNextBox{
width:100%;
margin:0 0 0 0;
padding:5px;
float:left;
box-sizing:border-box;
text-align:left;
}
.BlogPrevBT{
font-size:11px;
width:100%;
max-width:140px;
text-align:center;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:left;
background-color:#e97a31;
font-weight:bold;
color:#262626;
transition: 0.5s;
}
.BlogPrevBT a {
display:block;
width: 100%; /* 横幅 */
padding:5px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
}
.BlogPrevBT:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
}
.BlogNextBT{
font-size:11px;
width:100%;
max-width:140px;
text-align:center;
margin:5px 0 0 0;
box-sizing:border-box;
padding:5px;
float:right;
background-color:#e97a31;
font-weight:bold;
color:#FFFFFF;
transition: 0.5s;
}
.BlogNextBT a {
display:block;
width: 100%; /* 横幅 */
padding:5px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
}
.BlogNextBT:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
}
/********/
/********/
/********/
/*ライト*/
#RightBox{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
float:right;
}
#RightBox a:link, #RightBox a:visited, #RightBox a:hover{
color:#4a340e;
text-decoration: none;
}
#RightBox a:hover{
color:#5a5a5a;
text-decoration: underline;
}
#RightBoxBlog{
display:inline;
width:23%;
margin:20px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:right;
}
#RightBoxBlog li{
text-align:left;
color:#00000;
width:100%;
margin:0 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
#SideNavi{
float: left;
width: 100%;
}
#SideNaviSP{
display:none;
float: left;
width: 100%;
}
#MenuListBox{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 40px 0;
text-align:left;
float:left;
background-color:#FFFFFF;
}
#ListBoxM{
width:100%;
margin:0 0 0 0;
padding:5px;
box-sizing: border-box;
text-align:left;
float:left;
}
#ListBoxM li{
display: block;
float:left;
width: 100%;
font-size:12px;
margin:5px 0 5px 0;
padding:0 0 0 0;
text-align: left;
border-bottom: dotted 1px #000000;
text-decoration: none;
}
#ListBoxM li a{
display: block;
text-decoration: none;
color:#000000;
}
#ListBoxM li a:visited{
color:#000000;
}
#ListBoxM li a:hover{
color:#000000;
}
#SideBox{
width:100%;
margin:50px 0 10px 0;
padding:0 0 0 0;
text-align:center;
float:left;
}
#SideBoxList{
width:100%;
margin:0 0 0 0;
padding:10px 10px 20px 10px;
text-align:left;
float:left;
background-color:#e87296;
box-sizing:border-box;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
#SideBoxList li{
width:98%;
float:left;
margin: 10px 0 0 0;
padding: 5px;
text-align: left;
text-decoration: none;
list-style:none;
border-bottom:1px dotted #FFFFFF;
float: left;
}
#SideBoxList li img{
max-width: 100%;
height: auto;
width /***/:auto;
}
/********/
/***TOPメインコンテンツ***/
.TOPmidashi{
display:none;
}
.TOPSP{
display:none;
}
/********/
/*第2階層パンくず*/
#Pankuzu{
width:100%;
max-width:1400px;
margin:0 auto;
padding:20px;
text-align:left;
box-sizing: border-box;
color:#000000;
}
#Pankuzu a:link, #Pankuzu a:visited, #Pankuzu a:hover{
color:#000000;
text-decoration: none;
}
#Pankuzu a:hover{
color:#5a5a5a;
text-decoration: underline;
}
/*第2階層ページナビ*/
#PageNavi{
width:100%;
max-width:860px;
margin:20px 0 50px 0;
color:#333c41;
font-size:14px;
text-align:center;
float:left;
}
#PageNavi a:link, #PageNavi a:visited{
color:#f4a102;
}
#PageNavi a:hover{
color:#f4a102;
cursor:pointer;
}
/*第2階層ページTopへ*/
.PageUp{
width:100%;
max-width:860px;
margin:30px 0 0 0;
padding:0 0 0 0;
float:left;
}
.PageUp ul{
width:100%;
max-width:860px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.PageUp li{
display: block;
float: right;
width: 120px;
border-bottom: 1px solid #93232a;
margin: 0;
padding: 0; }
.PageUp li a{
display: block;
padding: 12px 0 10px;
background-color:#a4333a;
color: #fff;
text-align: center;
text-decoration: none;
}
.PageUp li a:hover{
background: #e6858b;
}
/****本文****/
.MidashiSP{
width:100%;
float:left;
text-align:left;
background:url("../img/bg_line.jpg");
background-position:bottom left;
background-repeat:repeat-x;
}
#TextBox{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
#TextBox img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#HonbunBox{
width:100%;
max-width:780px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
.HonbunText{
width:100%;
max-width:780px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
float:left;
}
.HonbunText li{
display: block;
float: left;
width: 33%;
margin: 30px 0 0 0;
padding: 0;
text-align: center;
text-decoration: none;
}
.HonbunText img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.HonbunIMGSP{
display:none;
width:100%;
max-width:860px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
float:left;
}
/*****/
/********/
.iframe-css {
margin:15px 0 25px 0;
position: relative;
width: 100%;
padding-top:80%;
float:left;
}
.iframe-css iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.iframe-css-footer {
margin:0 0 0px 0;
position: relative;
width: 100%;
padding-top:30%;
float:left;
}
.iframe-css-footer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*スタッフ紹介*/
#StaffBox{
width:100%;
margin:20px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
box-sizing:border-box;
}
#StaffBox li{
width:100%;
margin:20px 0 0 0;
padding:15px;
text-align: center;
text-decoration: none;
list-style:none;
float: left;
box-sizing:border-box;
}
#StaffBox li img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.StaffPhoto{
width:60%;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
}
.StaffInfo{
width:40%;
margin:0px 0 0 0;
padding:5px;
box-sizing:border-box;
text-align:left;
float:left;
}
.StaffBoxALL{
width:100%;
margin:60px 0 0 0;
padding:20px 50px 20px 50px;
text-align:left;
float:left;
box-sizing:border-box;
border-bottom:1px solid #000000;
color:#000000;
}
.StaffBoxALLA{
width:100%;
margin:10px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:center;
float:left;
font-size:24px;
line-height:1.3;
}
.StaffBoxALLB{
color:#a1a0a0;
width:100%;
margin:15px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:center;
float:left;
font-size:14px;
line-height:1.3;
}
.StaffBoxALLC{
width:100%;
margin:15px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:center;
float:left;
line-height:1.3;
}
.StaffBoxALLD{
width:100%;
margin:40px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:left;
float:left;
font-size:24px;
}
.StaffBoxALLE{
width:100%;
margin:20px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:left;
float:left;
font-size:16px;
}
.StaffBoxALLG{
width:100%;
margin:20px 0 0 0;
padding:0px;
box-sizing:border-box;
text-align:left;
float:left;
}
.StaffBoxALLH{
width:50%;
margin:10px 0 0 0;
padding:5px;
box-sizing:border-box;
text-align:left;
float:left;
}
.StaffBoxALLG li{
width:100%;
margin:5px 0 0 0;
padding:3px;
text-align: center;
text-decoration: none;
list-style:none;
float: left;
box-sizing:border-box;
background-color:#FFFFFF;
}
.StaffBoxKoumokuA{
width:30%;
margin:0px 0 0 0;
padding:2px;
box-sizing:border-box;
text-align:left;
float:left;
}
.StaffBoxKoumokuB{
width:70%;
margin:0px 0 0 0;
padding:2px;
box-sizing:border-box;
text-align:left;
float:left;
font-weight:normal;
}
/*耐震リスト*/
.TaishinBox{
width:100%;
margin:0px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
box-sizing:border-box;
}
.TaishinBox li{
width:33.3%;
margin: 0 0 0 0;
padding: 15px;
text-align: center;
text-decoration: none;
list-style:none;
float: left;
box-sizing:border-box;
}
.TaishinBox li img{
max-width: 100%;
height: auto;
width /***/:auto;
}
/***買取実績****/
.BiruBoxAll{
width:100%;
text-align:left;
margin:50px 0 0 0;
padding:0px 0 20px 0;
float:left;
box-sizing:border-box;
border-bottom:1px dotted #9a9a9a;
}
.BiruBox{
width:100%;
text-align:left;
margin:0px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.BiruBoxL{
width:50%;
text-align:left;
margin:0 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.BiruBoxR{
width:50%;
text-align:left;
margin:0 0 0 0;
padding:0px;
float:right;
font-size:14px;
line-height:1.5;
box-sizing:border-box;
}
.BiruPhoto{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.BiruSum{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:center;
float:left;
box-sizing:border-box;
}
.BiruSum li{
display: block;
float: left;
width: 33%;
margin: 0 0 0 0;
padding: 3px;
text-align: center;
text-decoration: none;
box-sizing:border-box;
}
.BiruSumBox{
width:100%;
text-align:left;
margin:40px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.BiruSumBoxL{
width:30%;
text-align:left;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.BiruSumBoxR{
width:70%;
text-align:left;
margin:0 0 0 0;
padding:10px;
float:right;
font-size:14px;
line-height:1.5;
box-sizing:border-box;
}
.BiruSumPhoto{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.WorkSum{
display:inline;
width:100%;
margin:5px 0 0 0;
padding:0 0 0 0;
float:left;
}
.WorkSum li{
text-align:center;
color:#00000;
width:25%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.WorkinfoBox{
width:33.3%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
/***アクセス・予約****/
.marumidashi{
width:100%;
text-align:center;
max-width:80px;
background-color:#93b34e;
font-size:16px;
padding:5px;
box-sizing:border-box;
color:#FFFFFF;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
float:left;
}
.ApMidashi{
width:100%;
text-align:left;
margin:0 0 50px 0;
padding:5px;
float:left;
border-bottom:1px dotted #000000;
box-sizing:border-box;
}
.ApTable{
width:100%;
font-size:20px;
text-align:left;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.ApText{
line-height:1.3;
width:100%;
text-align:left;
float:left;
background-color:#FFFFFF;
margin:0 0 0 0;
padding:30px;
box-sizing:border-box;
color:red;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
.flowmidashi{
width:100%;
text-align:center;
background-color:#93b34e;
font-size:30px;
padding:5px;
box-sizing:border-box;
color:#FFFFFF;
border-radius: 10px 10px 0px 0px; /* CSS3草案 */
-webkit-border-radius: 10px 10px 0px 0px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px 10px 0px 0px; /* Firefox用 */
float:left;
}
.flowBox{
width:100%;
margin:-3px 0 0px 0;
text-align:left;
padding:30px;
float:left;
box-sizing:border-box;
background-color:#FFFFFF;
border:3px solid #93b34e;
border-radius: 0px 0px 10px 10px; /* CSS3草案 */
-webkit-border-radius: 0px 0px 10px 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 0px 0px 10px 10px; /* Firefox用 */
}
.flowList{
width:100%;
margin:20px 0 0px 0;
text-align:left;
padding:0px;
float:left;
box-sizing:border-box;
}
.flowTitle{
width:100%;
line-height:1.3;
margin:0 0 20px 0;
text-align:left;
padding:5px;
float:left;
box-sizing:border-box;
border-bottom:1px solid #93b34e;
padding-left:2em;
text-indent:-2em;
}
.flowLBox{
width:30%;
margin:0 0 0px 0;
text-align:center;
padding:5px;
float:left;
box-sizing:border-box;
}
.flowRBox{
width:70%;
font-size:18px;
margin:0 0 0px 0;
text-align:left;
padding:10px;
float:right;
box-sizing:border-box;
}
.MitiList{
width:100%;
margin:20px 0 0px 0;
text-align:left;
padding:0px;
float:left;
box-sizing:border-box;
}
.MitiLBox{
width:40%;
margin:0 0 0px 0;
text-align:center;
padding:5px;
float:left;
box-sizing:border-box;
}
.MitiRBox{
width:60%;
font-size:16px;
margin:0 0 0px 0;
text-align:left;
padding:10px;
float:right;
box-sizing:border-box;
}
/***コンセプト****/
.CoMidashi{
width:100%;
text-align:left;
margin:20px 0 0 0;
padding:5px;
font-size:18px;
float:left;
line-height:1.3;
border-bottom:1px dotted #000000;
box-sizing:border-box;
}
.CoTable{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.TaisakuBox{
width:100%;
text-align:left;
margin:80px 0 0 0;
padding:0px 40px 40px 40px;
float:left;
line-height:1.5;
box-sizing:border-box;
background-color:#FFFFFF;
border-radius:10px; /* CSS3草案 */
-webkit-border-radius:10px; /* Safari,Google Chrome用 */
-moz-border-radius:10px; /* Firefox用 */
}
/***院長紹介****/
.DocLine{
width:100%;
height:16px;
text-align:left;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
line-height:1.5;
box-sizing:border-box;
background-image: url(../img/doc_line.png);
background-repeat: repeat-x;
background-position: left top;
}
.DocListBox{
width:100%;
margin:5px 0 0 0;
text-align:left;
padding:0;
float:left;
box-sizing:border-box;
color:#000000;
}
.DocListBoxL{
width:20%;
margin:0 0 0 0;
text-align:left;
padding:0 5px 0 5px;
float:left;
box-sizing:border-box;
}
.DocListBoxR{
width:80%;
margin:0 0 0 0;
text-align:left;
padding:0 5px 0 5px;
float:left;
box-sizing:border-box;
}
.DocListBoxA{
width:100%;
margin:5px 0 0 0;
text-align:left;
padding:0;
float:left;
box-sizing:border-box;
color:#000000;
}
.DocListBoxAL{
width:70%;
margin:0 0 0 0;
text-align:left;
padding:0 5px 0 5px;
float:left;
box-sizing:border-box;
}
.DocListBoxAR{
width:30%;
margin:0 0 0 0;
text-align:left;
padding:0 5px 0 5px;
float:right;
box-sizing:border-box;
}
.KenkyuBox{
width:100%;
text-align:left;
margin:10px 0 0 0;
padding:20px 40px 20px 40px;
float:left;
line-height:1.5;
box-sizing:border-box;
background-color:#fffdf9;
border-radius:10px; /* CSS3草案 */
-webkit-border-radius:10px; /* Safari,Google Chrome用 */
-moz-border-radius:10px; /* Firefox用 */
}
.marumidashiD{
display: inline-block;
text-align:left;
background-color:#93b34e;
font-size:16px;
padding:10px 20px 10px 20px;
box-sizing:border-box;
color:#FFFFFF;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}
.KakoBox{
width:100%;
margin:20px 0 0 0;
text-align:left;
padding:10px;
float:left;
box-sizing:border-box;
border-bottom:1px solid #b7d580;
}
.KakoList{
width:100%;
line-height:1.5;
margin:0 0 0 0;
text-align:left;
padding:0;
float:left;
box-sizing:border-box;
}
/***取り組み****/
.AppTextBox{
width:100%;
font-size:18px;
text-align:left;
margin:10px 0 0 0;
padding:20px 40px 20px 40px;
float:left;
line-height:1.5;
box-sizing:border-box;
background-color:#f8f6f3;
border-radius:10px;/* CSS3草案 */
-webkit-border-radius:10px; /* Safari,Google Chrome用 */
-moz-border-radius:10px; /* Firefox用 */
}
/*******/
/*初めての方へ*/
.StepBoxALL{
width:100%;
margin:0px 0 60px 0;
padding:0 0 0 0;
box-sizing:border-box;
float:left;
}
.StepBox{
width:100%;
margin:40px 0 0 0;
padding:0 0 0 0;
box-sizing:border-box;
float:left;
}
.StepBoxL{
width:35%;
margin:0 0 0 0;
padding:10px;
text-align:center;
box-sizing:border-box;
float:left;
}
.StepBoxR{
width:65%;
margin:0 0 0 0;
padding:10px;
text-align:left;
box-sizing:border-box;
float:right;
}
.StepBoxArrow{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:center;
box-sizing:border-box;
float:left;
}
.StepBoxMidashi{
font-size:24px;
width:100%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
border-left:1px dotted #000000;
border-bottom:1px solid #000000;
}
.StepBoxText{
width:100%;
margin:0 0 0 0;
padding:10px;
font-weight:normal;
box-sizing:border-box;
float:left;
}
/*標準仕様*/
.StandBox{
display:inline;
width:100%;
margin:0px 0 0 0;
padding:0 0 0 0;
float:left;
}
.StandBox li{
text-align:center;
color:#00000;
width:33%;
margin:0 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
display:flex;
}
.StandBoxF{
width:100%;
height:100%;
margin:0px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
border:3px solid #f6f6f6;
}
/*ブログ*/
#MonthList{
display:inline;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
list-style-type:none;
text-align:left;
}
#MonthList li{
width:100%;
text-align:left;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
}
.Retable th{
width:25%;
color:#000000;
background-color:none;
text-align:left;
border-bottom:1px dotted #000000;
}
.Retable td{
width:75%;
color:#000000;
background-color:none;
text-align:left;
border-bottom:1px dotted #000000;
}
.RetableA th{
width:25%;
color:#FFFFFF;
background-color:none;
text-align:left;
border-bottom:1px dotted #000000;
background-color:#939393;
box-sizing:border-box;
padding:10px;
}
.RetableA td{
width:75%;
color:#000000;
background-color:none;
text-align:left;
border-bottom:1px dotted #000000;
background-color:#FFFFFF;
box-sizing:border-box;
padding:10px;
}
.Parttable{
margin:5px 0 0 0;
width:100%;
float:left;
border-collapse:collapse;
}
.Parttable td{
padding:10px;
}
.Parttable .ParttdA{
width:28%;
}
.Parttable .ParttdB{
width:16%;
}
.Parttable .ParttdC{
width:16%;
}
.Parttable .ParttdD{
width:40%;
}
/*ラジオの投稿*/
.RadioListF{
display:inline;
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.RadioListF li{
text-align:center;
color:#000000;
width:100%;
margin:20px 0 0 0;
padding:15px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
border-bottom:1px dotted #000000;
}
.RadioBoxALL{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.RadioBoxL{
width:35%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.RadioBoxR{
width:65%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.RadioBox{
position:relative;
width:100%;
padding-top:56.25%;
float:left;
box-sizing:border-box;
}
.RadioBox iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.RadioBoxImg{
width100%;
margin:0 0 0 0;
padding:0px;
float:left;
box-sizing:border-box;
}
.RadioBoxMp{
width100%;
margin:20px 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
audio{
width:320px;
max-width:400px;
margin:0 auto;
}
/*動画の投稿*/
.MovieListF{
display:inline;
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
float:left;
}
.MovieListF li{
text-align:center;
color:#000000;
width:33%;
margin:0 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.MovieBox{
position:relative;
width:100%;
padding-top:56.25%;
}
.MovieBox iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.frame-wrapper__video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.frame-wrapper__video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/************/
/*イベントの投稿*/
.EveBox{
display:inline;
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.EveBox li{
text-align:center;
color:#00000;
width:33.3%;
margin:20px 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
color:#000000;
}
.EveBoxL{
width:100%;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.EveBoxR{
width:100%;
margin:0px 0 0 0;
padding:0px;
float:right;
box-sizing:border-box;
}
.EvePhoto{
width:100%;
margin:0px 0 0 0;
padding:0 0 0 0;
float:right;
}
.EvePhotoSumBox{
display:inline;
width:100%;
margin:5px 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.EvePhotoSum{
text-align:center;
color:#00000;
width:25%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
/******施工事例***/
#ProList{
width:100%;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
float:left;
box-sizing: border-box;
}
#ProList li{
width:33.3%;
padding:10px;
float:left;
box-sizing: border-box;
}
#ProList li a{
display:block;
width: 100%; /* 横幅 */
padding:10px; /* a要素内の余白 */
box-sizing:border-box;
background-color:#595757;
color:#FFFFFF;
text-decoration: none;
border:1px solid #595757;
}
#ProList li:hover {
filter:alpha(opacity=70);/* IE 6,7*/
-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
-moz-opacity:0.7;/* FF , Netscape */
-khtml-opacity: 0.7;/* Safari 1.x */
opacity:0.7;
zoom:1;/*IE*/
}
.WorkSum{
display:inline;
width:100%;
margin:5px 0 0 0;
padding:0 0 0 0;
float:left;
}
.WorkSum li{
text-align:center;
color:#00000;
width:25%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.WorkinfoBox{
width:33.3%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.pagenextA{
display: inline-block;
background-color: #ccc;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
padding-top:80%;
background-size: cover;
}
/* 来場予約 */
.RaijyouBox{
background:url(../img/cafe_bg.jpg);
background-repeat: repeat;
background-position: left top;
}
/*WEB相談会*/
.WebSpace{
padding:0 30px 0 30px;
}
/******お問合せフォーム***/
.ToiBox{
width:100%;
max-width:730px;
margin:15px 0 0 200px;
padding:5px;
text-align:left;
float:left;
box-sizing: border-box;
}
.table-contactform7 th{
color:#000000;
}
/********/
/*フッタお問合せ*/
/********/
.ContactBox{
width:100%;
padding:10px;
color:#FFFFFF;
margin:0 0 0 0;
text-align:center;
line-height:1.3;
background-image: url(../img/contact_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
float:left;
background-size: cover;
box-sizing: border-box;
}
/********/
/*フッタBOX*/
/********/
.FooterBG{
width:100%;
height:101px;
padding:0 0 0 0;
margin:0 0 0 0;
text-align:center;
float:left;
}
#footer{
width:100%
min-height:500px;
width:100%;
padding:60px 0 60px 0;
margin:0 0 0 0;
text-align:center;
float:left;
color:#000000;
box-sizing: border-box;
background-color:#fcfcf9;
}
#FooterBox{
width:100%;
max-width:1200px;
margin:0 0 0 0;
padding:15px 0 50px 0;
text-align:center;
color:#000000;
transition: 0.5s;
}
#FooterBox a{
transition: 0.5s;
color:#000000;
text-decoration: none;
}
#FooterBox a:hover{
transition: 0.5s;
color:#cacaca;
}
#FooterBoxSP{
display:none;
width:100%;
line-height:1.3;
margin:0 0 0 0;
padding:5px 0 0 0;
color:#FFFFFF;
text-align:left;
}
#FooterBT{
width:100%;
font-size:80%;
margin:10px 0 0 0;
padding:0 0 0 0;
text-align:center;
color:#FFFFFF;
}
#FooterBTSP{
width:100%;
margin:10px 0 0 0;
color:#000000;
padding:0 0 0 0;
text-align:left;
}
#FooterBTSP a{
transition: 0.5s;
color:#000000;
text-decoration: none;
}
#FooterBTSP a:hover{
transition: 0.5s;
color:#aeaeae;
}
/**上側**/
#FooterBoxA{
width:40%;
text-align:left;
margin:0px 0 0px 0;
padding:0 0 0 0;
font-size:100%;
float:left;
}
#FooterBoxA a{
font-size:12px;
transition: 0.5s;
color:#000000;
text-decoration: none;
}
#FooterBoxA a:hover{
transition: 0.5s;
color:#aeaeae;
}
#FooterBoxB{
width:60%;
font-size:12px;
text-align:left;
margin:20px 0 0 0;
padding:0 0 0 0;
font-size:100%;
float:right;
}
#FooterBoxB a{
font-size:12px;
transition: 0.5s;
color:#000000;
text-decoration: none;
}
#FooterBoxB a:hover{
transition: 0.5s;
color:#aeaeae;
}
#FooterBoxASP{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
float:left;
color:#000000;
}
#FooterBoxBSP{
width:100%;
margin:10px 0 100px 0;
padding:0 0 0 5px;
color:#000000;
text-align:left;
float:left;
box-sizing: border-box;
}
/********/
/************/
/*グローバルNAVIブロック*/
#GlobalWrapper{
display:inline;
margin:0 auto;
padding:0 0 0 0;
text-align:center;
width:100%;
}
#GlobalNavi{
margin:0 0 0 0;
padding:5px;
box-sizing:border-box;
margin:0 0 0 0;
text-align:center;
float:right;
}
#GlobalNavi.center {
margin: 0; /* 余分なマージンを消去 */
padding: 0; /* 余分なパディングを消去 */
text-align: center; /* 中央寄せ */
}
#GlobalNavi li{
font-size:16px;
display:block;
margin:0 0 0 0;
padding:0 0 0 0;
display: inline-block;
font-weight: 600;
position:relative;
line-height:1.3;
transition: 0.5s;
}
.ListbgA{
background-image: url(../img/list_bg.jpg);
background-repeat: no-repeat;
background-position: left center;
}
.ListbgB{
background-image: url(../img/list_bg.jpg),url(../img/list_bg.jpg);
background-repeat: no-repeat,no-repeat;
background-position: left center,right center;
}
.MainFont{
color:#FFFFFF;
font-size:11px;
transition: 0.5s;
}
.MainFont:hover{
color:#e2cba5;
}
.SubFont{
color:#FFFFFF;
font-size:9px;
transition: 0.5s;
}
#GlobalNavi li a{
text-align:center;
display:block;
width:100%;
padding:10px 5px 10px 5px;
box-sizing:border-box;
text-decoration: none;
color:#FFFFFF;
border-bottom:1px solid transparent;
transition: 0.5s;
}
#GlobalNavi li a:hover{
color:#e2cba5;
border-bottom:1px solid transparent;
}
#SubNavi{
width:100%;
margin:0 0 0 0;
padding:0px;
box-sizing:border-box;
float:left;
}
#SubNavi li{
font-size:10px;
width:20%;
display:block;
margin:0 0 0 0;
padding:0px;
float:left;
font-weight:600;
background-color:#63843e;
border-right:1px solid #FFFFFF;
box-sizing:border-box;
}
#SubNavi li a{
display:block;
width:100%;
padding:5px;
box-sizing:border-box;
text-decoration: none;
color:#FFFFFF;
}
#SubNavi li a:hover{
}
/************/
/*****ニュース&FACEBOOK囲む*******/
#ALLNEWSFACEBOX{
width:100%;
min-width:1000px;
margin:50px 0 0 0;
float:left;
}
.FaceBox{
width:50%;
text-align:center;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
}
.InstaBox{
width:50%;
text-align:center;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
float:right;
}
/****ニュース******/
#NEWSWrapper{
width:100%;
max-width:1000px;
margin:30px auto;
padding:0 0 0 0;
text-align:center;
}
/**新着情報**/
/**新着情報**/
.NewsBox{
width:100%;
margin:30px 0 100px 0;
padding:0 0 0 0;
text-align:left;
float:left;
position:relative;
}
.NewsMidashi{
font-size:24px;
color:#6d7909;
line-height:1.3;
width:100%;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
border-bottom:3px solid #f6f6f6;
}
.NewsBoxLL{
width:50%;
margin:0 0 0 0;
padding:10px;
text-align:left;
float:left;
box-sizing:border-box;
}
.NewsBoxRR{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:left;
float:left;
box-sizing:border-box;
}
.NewsBoxL{
width:100%;
margin:0 0 0 0;
padding:0px;
text-align:left;
float:left;
box-sizing:border-box;
}
.NewsBoxR{
width:100%;
margin:10px 0 0 0;
padding:0px;
text-align:left;
float:left;
box-sizing:border-box;
}
#NewsList{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
}
#NewsList li{
text-align:left;
font-size:10px;
color:#000000;
width:25%;
margin:15px 0 0 0;
padding:15px;
list-style-type: none;
overflow:hidden;
float:left;
box-sizing:border-box;
color:#FFFFFF;
}
#NewsList a:link, #NewsList a:visited, #NewsList a:hover{
color:#000000;
text-decoration: none;
}
#NewsList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
.NewsPhoto {
width:100%;
margin:0 0 0 0;
float:left;
box-sizing:border-box;
}
.NewsTextBox{
color:#FFFFFF;
width:100%;
margin:0 0 0 0;
text-align:left;
float:left;
font-size:12px;
border-bottom:1px dotted #000000;
}
.NewsBT{
width:100%;
max-width:100px;
margin:0 0 0 0;
padding:0px;
text-align:right;
font-weight: 600;
position:absolute;
right:10px;
top:10px;
}
.NewsBT a{
display:block;
width: 100%; /* 横幅 */
padding:0px; /* a要素内の余白 */
box-sizing:border-box;
color:#FFFFFF;
text-decoration: none;
}
.NewsBT a:hover{
text-decoration: underline;
}
#PurList{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
}
#PurList li{
text-align:left;
color:#000000;
width:50%;
margin:15px 0 0 0;
padding:15px;
list-style-type: none;
overflow:hidden;
float:left;
box-sizing:border-box;
transition: 0.5s;
position:relative;
background-color:#FFFFFF;
background-clip: content-box;
color:#FFFFFF;
}
#PurList a:link, #PurList a:visited, #PurList a:hover{
color:#FFFFFF;
text-decoration: none;
transition: 0.5s;
}
#PurList a:hover{
color:#e2cba5;
text-decoration: underline;
transition: 0.5s;
}
.PurBoxL{
width:50%;
}
.PurBoxR{
width:50%;
padding:10px;
box-sizing:border-box;
}
#PurListSE{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
}
#PurListSE li{
text-align:left;
color:#000000;
width:33.3%;
margin:15px 0 0 0;
padding:15px;
list-style-type: none;
overflow:hidden;
float:left;
box-sizing:border-box;
transition: 0.5s;
color:#000000;
text-align:center;
}
#PurListSE a:link, #PurListSE a:visited, #PurListSE a:hover{
color:#000000;
text-decoration: none;
transition: 0.5s;
}
#PurListSE a:hover{
color:#e2cba5;
text-decoration: underline;
transition: 0.5s;
}
#PurListTH{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
}
#PurListTH li{
text-align:left;
color:#000000;
width:50%;
margin:15px 0 0 0;
padding:20px;
list-style-type: none;
overflow:hidden;
float:left;
box-sizing:border-box;
transition: 0.5s;
color:#000000;
text-align:center;
}
#PurListTH a:link, #PurListTH a:visited, #PurListTH a:hover{
color:#000000;
text-decoration: none;
transition: 0.5s;
}
#PurListTH a:hover{
color:#e2cba5;
text-decoration: underline;
transition: 0.5s;
}
.PurBoxLSE{
width:100%;
margin:0 0 0 0;
float:left;
padding:0px;
box-sizing:border-box;
}
.PurBoxRSE{
width:100%;
margin:0 0 0 0;
float:left;
padding:0px;
box-sizing:border-box;
}
.PurPhoto {
width:100%;
margin:0 0 0 0;
float:left;
}
.PurIco {
position: absolute;
left: 14px;
top: 14px;
}
/**施工事例情報**/
.WorksNewsBox{
width:100%;
margin:40px 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
position:relative;
}
.WorksNewsMidashi{
font-size:24px;
color:#6d7909;
width:100%;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
}
.WorksNewsBoxL{
width:100%;
margin:0 0 0 0;
padding:0;
text-align:left;
float:left;
box-sizing:border-box;
}
.WorksNewsBoxR{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:left;
float:left;
box-sizing:border-box;
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100; /* 必要であればリンク要素の重なりのベース順序指定 */
opacity: 0;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.WorksNewsBoxR:hover{
opacity: 1;
}
.WorksNewsBoxR{
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.WorksNewsBoxRText{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
width:100%;
float:left;
text-align:center;
padding:0px;
box-sizing:border-box;
color:#FFFFFF;
}
#WorksNewsList{
width:100%;
margin:0 0 0 0;
padding:0 0 0px 0;
float:left;
text-align:center;
}
#WorksNewsList li{
text-align:left;
font-size:12px;
color:#FFFFFF;
width:25%;
padding:0px;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
#WorksNewsList a:link, #WorksNewsList a:visited, #WorksNewsList a:hover{
color:#000000;
text-decoration: none;
}
#WorksNewsList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
.WorksNewsPhoto {
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.WorksNewsTextBox{
color:#000000;
width:100%;
margin:3px 0 0 0;
text-align:left;
float:left;
font-size:12px;
}
/*観光メニュー*/
.WorksPageBox{
width:100%;
margin:20px 0 100px 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
.WorksPageBoxL{
width:40%;
margin:0 0 0 0;
padding:0px;
text-align:left;
float:left;
}
.WorksPageBoxR{
width:58%;
margin:0px 0 0 0;
padding:5px;
text-align:left;
float:right;
box-sizing:border-box;
}
#WorksPageList{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
}
#WorksPageList li{
text-align:left;
font-size:10px;
color:#000000;
width:100%;
padding:10px;
margin:60px 0 0 0;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
#WorksPageList a:link, #WorksPageList a:visited, #WorksPageList a:hover{
color:#000000;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#WorksPageList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
.WorksPagePhoto {
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.WorksPageCate{
font-size:10px;
margin:0 0 0 0;
padding:5px;
background-color:#595757;
color:#FFFFFF;
position:absolute;
top:0;
left:0;
}
.MenuPageBox{
width:100%;
margin:20px 0 100px 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
.MenuMidashi{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:left;
float:left;
box-sizing:border-box;
font-size:18px;
color:#c11616;
border-bottom:3px solid #c11616;
}
.MenuBoxL{
width:40%;
margin:10px 0 0 0;
padding:5px;
box-sizing:border-box;
text-align:left;
float:left;
}
.MenuBoxR{
width:58%;
margin:10px 0 0 0;
padding:10px;
text-align:left;
float:right;
box-sizing:border-box;
}
.MenuPageList{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
}
.MenuPageList li{
text-align:left;
font-size:14px;
line-height:1.5;
color:#000000;
width:100%;
padding:5px;
margin:60px 0 0 0;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
.MenuPageList a:link, .MenuPageList a:visited, .MenuPageList a:hover{
color:#000000;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.MenuPageList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
.MenuPhoto {
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
/****お客様の声***/
.VoiceNewsBox{
width:100%;
margin:20px 0 100px 0;
padding:0 0 0 0;
text-align:left;
float:left;
position:relative;
}
.VoiceNewsBoxL{
width:100%;
margin:0 0 0 0;
padding:0px;
text-align:left;
float:left;
box-sizing:border-box;
}
.VoiceNewsBoxR{
width:100%;
margin:5px 0 0 0;
padding:0px;
text-align:left;
float:left;
box-sizing:border-box;
}
#VoiceNewsList{
width:100%;
margin:0 0 0 0;
padding:0 0 0px 0;
float:left;
text-align:left;
}
#VoiceNewsList li{
text-align:left;
font-size:10px;
color:#000000;
width:50%;
padding:30px;
margin:0px;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
#VoiceNewsList a:link, #VoiceNewsList a:visited, #VoiceNewsList a:hover{
color:#000000;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#VoiceNewsList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
.VoiceNewsPhoto {
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
/***アトリエ建築家****/
.AtoBox{
width:100%;
float:left;
margin:50px 0 20px 0;
text-align:left;
background-position:top left;
background-color:#f6f6f6;
color:#000000;
padding:0px 20px 20px 20px;
box-sizing:border-box;
}
.AtoMidashi{
width:100%;
max-width:370px;
float:left;
margin:-20px 0 0 0;
text-align:left;
padding:10px;
background-color:#89888c;
color:#FFFFFF;
box-sizing:border-box;
}
.AtoMidashiA{
width:100%;
float:left;
font-size:24px;
}
.AtoMidashiB{
width:100%;
float:left;
font-size:20px;
}
.AtoBoxL{
width:40%;
float:left;
margin:20px 0 0 0;
text-align:center;
}
.AtoBoxR{
width:60%;
float:left;
margin:20px 0 0 0;
text-align:left;
}
.AtoBoxRA{
margin:10px 0 0 0;
width:100%;
float:left;
font-size:20px;
}
.AtoBoxRB{
margin:10px 0 0 0;
width:100%;
float:left;
font-size:16px;
}
.AtoBoxText{
font-size:14px;
width:100%;
float:left;
margin:10px 0 0 0;
text-align:left;
padding:10px;
font-weight:normal;
box-sizing:border-box;
}
/*********************/
/*縦書き*/
.Tategaki{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
display: inline-block;
padding: 1em 0;
box-sizing: border-box;
font-size:1vw;
text-align:left;
max-height:300px;
line-height:1.3;
}
.TategakiBox{
text-align: center;
}
/*****windowサイズ対応********/
@media screen and (max-width: 1260px){
.MainFont{
}
.SubFont{
}
}
/*****windowサイズ対応********/
@media screen and (max-width: 1100px){
#headerWrapper{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
box-sizing:border-box;
position: relative;
}
#headerWrapperSE{
width:100%;
max-width:1200px;
margin:0 auto;
padding:10px;
box-sizing:border-box;
position: relative;
}
#headerBox{
background-color:#a3895f;
padding:0;
}
#headerBoxL{
width:100%;
max-width:1200px;
float:left;
text-align:center;
padding:5px;
box-sizing:border-box;
}
#headerBoxC{
width:100%;
float:left;
max-width:1200px;
}
#headerBoxR{
width:100%;
max-width:1200px;
float:right;
}
#headerBoxRR{
display:none;
}
#headerBoxD{
display:block;
}
#headerBoxSNS{
display:none;
}
#headerBoxSNSSE{
display:block;
}
.headerBoxSNSList{
display:none;
}
#GlobalWrapper{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
#GlobalNavi li{
}
.MainFont{
font-size:11px;
}
.SubFont{
font-size:9px;
}
.fix-header li{
font-size:11px;
}
.TOPCABOXTextA{
font-size:20px;
padding:0px 10px 5px 10px;
}
.TOPCABOXTextB{
font-size:18px;
padding:0px 10px 5px 10px;
}
}
/***********/
/*****スマホ・タブレット対応********/
@media screen and (max-width: 960px){
.TOPMovieBox{
margin:50px 0 0 0;
}
.TOPMovieBoxL{
width:100%;
text-align:left;
margin:40px 0 40px 0;
padding:20px;
float:left;
box-sizing:border-box;
}
.TOPMovieBoxLL{
width:100%;
display:block;
}
.TOPMovieBoxLLA{
font-size:20px;
}
.TOPMovieBoxLLB{
margin:0 0 0 0;
font-size:16px;
}
.TOPMovieBoxLLC{
margin:20px 0 0 0;
font-size:16px;
}
.TOPMovieBoxLLD{
font-size:14px;
font-weight:normal;
}
.TOPMovieBoxRR{
width:100%;
display:block;
}
.RpluseBoxSEALL{
margin:20px 0 0 0;
}
.RpluseBoxSE li{
width:50%;
}
.RpluseBoxSEL{
width:100%;
}
.RpluseBoxSER{
width:100%;
}
.TOPCABOXL{
width:100%;
text-align:center;
margin:0 0 0 0;
float:left;
}
.TOPCABOXR{
width:100%;
text-align:left;
padding:10px;
margin:20px 0 0 0px;
float:left;
background-color:#FFFFFF;
box-sizing:border-box;
position:static;
}
.TOPbCABOXL{
width:100%;
text-align:center;
margin:0 0 0 0;
float:left;
}
.TOPbCABOXR{
width:100%;
padding:10px;
box-sizing:border-box;
font-size:22px;
color:#595757;
text-align:center;
margin:10px 0 0px 0;
float:left;
}
.CONCEPTaBOXL{
width:100%;
text-align:center;
margin:0 0 0 0;
float:left;
}
.CONCEPTaBOXR{
width:100%;
text-align:left;
padding:10px;
margin:20px 0 0 0px;
float:left;
background-color:#FFFFFF;
box-sizing:border-box;
position:static;
}
.CONCEPTbBOXL{
width:100%;
text-align:left;
padding:10px;
margin:20px 0 0 0px;
float:left;
background-color:#FFFFFF;
box-sizing:border-box;
position:static;
}
.CONCEPTbBOXR{
width:100%;
text-align:center;
margin:0 0 0 0;
float:left;
}
/***コンテンツボタン****/
.ContentsBT{
width:50%;
float:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
}
#WorksNewsList li{
width:50%;
}
}
/*****スマホ・タブレット対応********/
@media screen and (max-width: 768px){
/**全体のフォント***/
body{
font-size:80%;
line-height:1.5;
}
/**画像１００％表示***/
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
/*コントローラ*/
.flex-control-nav{
display:block;
}
/************スマホ用ボタン表示非表示*************/
header{
visibility:visible;
}
.fix-header{
display:none;
}
/********/
/*TOPビデオ*/
/********/
.video-bg{
}
.video-top{
width: 100%;
height: 100%;
object-fit: cover;
}
/*************************/
/*ついてくるボタン*/
#totop{
display:none;
}
#FixBT{
display:none;
}
#FixBTSP{
display:block;
}
/*ヘッダ全体*/
#headerWrapper{
display:none;
}
#headerWrapperSE{
display:none;
}
#headerWrapperSP{
display:block;
}
/*PC用グローバルナビ*/
#GlobalWrapper{
display:none;
}
/***アニメ***/
.iosSlider{
display:none;
}
.iosSliderSP{
display:block;
}
/************/
.UketukeBoxSE{
width:100%;
margin:5px 0 0 0;
padding:0 0 0 0;
text-align:center;
box-sizing:border-box;
float:left;
}
.UketukeBoxLSE{
text-align:left;
color:#00000;
width:100%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
.UketukeBoxRSE{
text-align:left;
color:#00000;
width:100%;
margin:0 0 0 0;
padding:5px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
}
/***ゼプラス****/
.BasicBoxALL{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxMidashiA{
width:100%;
text-align:center;
padding:0px;
margin:-20px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxMidashiA span{
text-align:center;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
}
.BasicBoxMidashiB{
width:100%;
font-size:18px;
font-weight:bold;
text-align:center;
padding:0px;
margin:25px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxA{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxAL{
width:100%;
text-align:center;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxAR{
width:100%;
text-align:center;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxB{
width:100%;
text-align:center;
padding:0px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxBL{
width:100%;
text-align:center;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicBoxBR{
width:100%;
text-align:center;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.BasicPoint{
}
.BasicA{
font-size:16px;
}
.BasicB{
}
.BasicC{
}
.IdeaALLBox{
width:100%;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBox{
width:100%;
text-align:center;
padding:10px;
margin:80px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxA{
width:100%;
font-weight:bold;
font-size:18px;
text-align:center;
padding:5px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
position:relative;
}
.IdeaBoxB{
width:100%;
text-align:center;
padding:5px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxC{
width:100%;
text-align:left;
padding:5px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxD{
width:100%;
text-align:left;
padding:0px;
margin:5px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxDL{
width:50%;
text-align:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxDR{
width:50%;
text-align:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
float:left;
}
.IdeaBoxE{
}
.IdeaBoxSP{
}
.IdeaBoxEL{
font-size:18px;
}
.IdeaBoxER{
font-size:14px;
}
.IdeaBoxMadori{
}
.IdeaNumber {
font-size:10px;
line-height:1.0;
color:#FFFFFF;
height:50px;
width:50px;
border-radius:50%;
text-align:center;
background-color:#1aa655;
position:absolute;
top:-40px;
left:0;
display: flex;
justify-content: center;
align-items: center;
}
/********/
/*現場見学会*/
/********/
.GenbaMidashi{
width:100%;
font-size:20px;
font-weight:bold;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.GenbaBoxALL{
width:100%;
margin:0 0 0 0;
padding:0 0 0px 0;
box-sizing:border-box;
float:left;
}
.GenbaBoxALL li{
text-align:left;
color:#00000;
width:100%;
margin:20px 0 0 0;
padding:15px;
list-style-type: none;
display: inline-block;
font-weight:bold;
box-sizing:border-box;
float:left;
}
.GenbaBox{
width:100%;
height:100%;
margin:0 0 0 0;
padding:0 0 30px 0;
box-sizing:border-box;
float:left;
}
.GenbaBoxA{
width:100%;
margin:-10px 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
}
.GenbaBoxAA{
font-size:20px;
padding:5px;
box-sizing:border-box;
}
.GenbaBoxAB{
font-size:18px;
padding:5px;
box-sizing:border-box;
}
.GenbaBoxB{
width:100%;
}
.GenbaBoxC{
padding:0px 10px 10px 10px;
width:100%;
}
.GenbaBoxF{
padding:0px 0 0 0;
bottom:0px;
right:0px;
}
/********/
/*現場見学会*/
/********/
.LinkBTHiraya{
font-size:16px;
}
/*ラジオの投稿*/
.RadioListF{
display:inline;
width:100%;
margin:30px 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.RadioListF li{
text-align:center;
color:#000000;
width:100%;
margin:20px 0 0 0;
padding:15px;
list-style-type: none;
display:block;
float:left;
box-sizing:border-box;
border-bottom:1px dotted #000000;
}
.RadioBoxALL{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
box-sizing:border-box;
}
.RadioBoxL{
width:100%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.RadioBoxR{
width:100%;
margin:0 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
audio{
width:360px;
}
.FaceBox{
width:100%;
}
.InstaBox{
width:100%;
}
/*ページ全体*/
.MidashiBGNEW{
margin:50px 0 0 0;
padding:20px 10px 10px 10px;
font-size:20px;
}
.MidashiBGNEWSE{
margin:0px 0 0 0;
padding:20px 10px 10px 10px;
font-size:20px;
}
.ContentsBGNEW{
margin:50px 0 0 0;
padding:30px 10px 30px 10px;
font-size:20px;
}
.HonbunText{
padding:0 3px 0 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.leftimg{
float: none;
clear: both;
margin:0 0 5px 0;
}
.rightimg{
float: none;
clear: both;
margin:0 0 10px 0;
}
.pcshow{
display:none;
}
.spshow{
display:block;
}
.TopMessegeA{
line-height:1.8;
font-size:20px;
}
#ALLBGWrapper{
}
#ALLBGWrapperB{
margin:80px 0 0 0;
padding:0 0 50px 0;
}
#ALLBGWrapperContact{
padding:50px 20px 50px 20px;
}
.ContactWrapperBox{
width:100%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
background-color:#171a1c;
}
.ContactWrapperBoxL{
width:100%;
margin:0 0 0 0;
padding:20px;
box-sizing:border-box;
text-align:center;
float:left;
}
.ContactWrapperBoxR{
width:100%;
margin:0 0 0 0;
padding:20px;
box-sizing:border-box;
text-align:center;
float:left;
border-top:1px dotted #FFFFFF;
border-left:0px solid #FFFFFF;
}
.ConceptBG{
height:initial;
height:auto;
min-height:initial;
min-height:auto;
padding:0 0 20px 0;
}
#TOPpageWrapper{
width:100%;
max-width:1000px;
}
#pageWrapper{
width:100%;
max-width:1000px;
}
#pageWrapperSE{
width:100%;
max-width:1000px;
}
.TOPCABOX{
}
.TOPCABOXText{
width:100%;
padding:10px;
position:relative;
}
.TOPCABOXTextA{
font-size:18px;
}
.TOPCABOXTextB{
font-size:14px;
}
.RpluseBoxALL{
width:100%;
text-align:left;
margin:0px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.RpluseBox{
width:100%;
text-align:left;
margin:30px 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxL{
width:100%;
text-align:center;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseBoxR{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:15px;
float:left;
box-sizing:border-box;
}
.RpluseBoxLL{
width:100%;
text-align:left;
margin:0 0 0 0;
padding:15px;
float:right;
box-sizing:border-box;
}
.RpluseBoxRR{
width:100%;
text-align:center;
margin:0 0 0 0;
padding:0;
float:left;
box-sizing:border-box;
}
.RpluseTextA{
font-size:30px;
line-height:1.3;
}
.RpluseTextB{
font-size:18px;
}
.RpluseTextC{
font-size:14px;
}
.RpluseBoxSE li{
width:100%;
}
.RpluseBoxSE li:first-child{
padding:0 15px 15px 15px;
margin:0 0 0 0;
width:100%;
}
.RpluseBoxSEL{
width:100%;
}
.RpluseBoxSER{
width:100%;
}
.Rborder{
border-bottom:0px solid #89888c;
}
#LeftBox{
display:inline;
width:100%;
margin:20px 0 0 0;
padding:5px;
box-sizing: border-box;
}
.blogcover{
padding-top:60%;
}
#BlogAllBox li{
width:100%;
}
.BlogNewsBoxL{
width:100%;
margin:0 auto;
padding:1px;
float:none;
box-sizing:border-box;
text-align:center;
}
.BlogNewsBoxR{
width:100%;
margin:0 0 0 0;
padding:5px;
float:right;
box-sizing:border-box;
text-align:left;
border-top:1px dotted #000000;
}
#RightBox{
display:inline;
margin:40px 0 0 0;
width:100%;
padding:5px;
box-sizing: border-box;
}
#LeftBoxBlog{
display:inline;
width:100%;
margin:0 0 0 0;
padding:5px;
box-sizing: border-box;
}
#BlogAllBox{
width:100%;
}
#RightBoxBlog{
display:inline;
margin:0 0 0 0;
width:100%;
padding:5px;
box-sizing: border-box;
}
#RightBoxBlog li{
width:100%;
}
#RightBox .TOPBTBOXSP li{
width: 50%;
}
#RightBox img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#MenuListBox{
width:100%;
margin:5px 0 0 0;
background:url("../img/menu_head.png"),url("../img/menu_bottom.png");
background-position:top left,bottom left;
background-repeat:no-repeat,no-repeat;
}
#SideNavi{
display:none;
}
#SideNaviSP{
display:block;
}
#SideBox{
width:100%;
margin:50px 0 10px 0;
padding:0 0 0 0;
text-align:center;
float:left;
}
#Midashi{
display:none;
}
.MidashiSP{
display:block;
}
/*アニメ*/
#AnimeMain{
display:none;
}
.AnimeSP{
display:block;
}
/*TOPメインコンテンツ*/
/******/
/*TOPボタンリスト*/
.TOPBTBOX li{
width:50%;
}
.TOPBTBOXtext{
width:100%;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
padding:10px;
box-sizing:border-box;
font-weight:600;
}
.TOPBTBOXSE li{
width:50%;
}
/***********/
/*ニュース*/
/***********/
#ALLNEWSFACEBOX{
width:100%;
min-width:100%;
margin:10px 0 0 0;
float:left;
}
#facebox{
width:99%;
height:290px;
margin:10px 1px 1px 1px;
padding:0 0 10px 0;
float:right;
}
/***SDGS****/
.SDGsBOX{
width:100%;
float:left;
padding:10px;
margin:30px 0 0 0;
box-sizing:border-box;
}
.SDGsBOXL{
width:100%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
}
.SDGsBOXR{
width:100%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
}
.SDGsMidashiA{
font-size:18px;
}
.SDGsMidashiB{
font-size:14px;
padding:10px;
font-weight:bold;
}
.SDGsMidashiC{
width:100%;
float:left;
padding:10px;
margin:0 0 0 0;
box-sizing:border-box;
color:#FFFFFF;
background-color:#a3895f;
font-size:20px;
border-radius: 10px;
text-align:center;
}
/*新着情報*/
.NewsBox{
margin:50px 0 30px 0;
}
.NewsBoxL{
width:100%;
}
.NewsBoxR{
width:100%;
}
.NewsBoxBT{
width:100%;
min-height:20px;
}
.NewsBoxBT{
width:100%;
min-height:20px;
}
.NewsBoxLL{
width:100%;
margin:20px 0 0 0;
padding:3px;
text-align:left;
float:left;
}
.NewsBoxRR{
width:100%;
margin:0px 0 0 0;
padding:3px;
text-align:left;
float:left;
}
#NewsList li{
width:100%;
}
#NewsList li:not(:first-child){
display:none;
}
.NewsBT{
margin:5px 0 5px 0;
position: static;
float:right;
}
#PurList li{
padding:10px 10px 0px 10px;
width:50%;
}
.PurBoxL{
width:100%;
display:block;
}
.PurBoxR{
width:100%;
padding:10px;
box-sizing:border-box;
display:block;
}
#PurListSE li{
padding:10px;
margin:0 0 0 0;
width:100%;
}
#PurListTH li{
padding:20px;
margin:0 0 0 0;
width:100%;
}
/*スタッフ紹介*/
#StaffBox{
text-align:center;
}
#StaffBox li{
width:100%;
padding:10px;
box-sizing:border-box;
float:left;
}
.StaffBoxALL{
width:100%;
margin:60px 0 0 0;
padding:20px;
text-align:left;
float:left;
box-sizing:border-box;
border-bottom:1px solid #000000;
color:#000000;
}
.StaffPhoto{
width:100%;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:center;
float:left;
}
.StaffInfo{
width:100%;
margin:0px 0 0 0;
padding:10px;
box-sizing:border-box;
text-align:left;
float:left;
}
.StaffBoxALLA{
width:100%;
margin:10px 0 0 0;
padding:0px;
text-align:center;
float:left;
font-size:20px;
}
.StaffBoxALLB{
color:#a1a0a0;
width:100%;
margin:15px 0 0 0;
padding:0px;
text-align:center;
float:left;
font-size:12px;
}
.StaffBoxALLC{
width:100%;
margin:15px 0 0 0;
padding:0px;
text-align:center;
float:left;
}
.StaffBoxALLD{
width:100%;
margin:20px 0 0 0;
padding:0px;
text-align:left;
float:left;
font-size:20px;
}
.StaffBoxALLE{
font-size:14px;
}
.StaffBoxALLG{
width:100%;
margin:0px 0 0 0;
padding:0px;
text-align:left;
float:left;
}
.StaffBoxALLG li{
width:100%;
margin: 5px 0 0 0;
padding:10px;
text-align: center;
text-decoration: none;
list-style:none;
float: left;
box-sizing:border-box;
}
.StaffBoxALLH{
margin: 0px 0 0 0;
width:100%;
}
.StaffBoxKoumokuA{
width:100%;
font-weight:bold;
font-size:14px;
}
.StaffBoxKoumokuB{
width:100%;
font-size:14px;
font-weight:normal;
}
/*耐震*/
.TaishinBox li{
width:50%;
padding: 10px;
}
/***アトリエ建築家****/
.AtoMidashi{
width:100%;
max-width:370px;
float:left;
margin:-20px 0 0 0;
text-align:left;
padding:10px;
color:#FFFFFF;
box-sizing:border-box;
}
.AtoMidashiA{
width:100%;
float:left;
font-size:18px;
}
.AtoMidashiB{
width:100%;
float:left;
font-size:14px;
}
.AtoBoxL{
width:100%;
float:left;
margin:20px 0 0 0;
text-align:center;
}
.AtoBoxR{
width:100%;
float:left;
margin:20px 0 0 0;
text-align:left;
padding:10px;
box-sizing:border-box;
}
.AtoBoxRA{
margin:10px 0 0 0;
width:100%;
float:left;
font-size:20px;
}
.AtoBoxRB{
margin:10px 0 0 0;
width:100%;
float:left;
font-size:14px;
}
.AtoBoxText{
font-size:14px;
width:100%;
float:left;
margin:10px 0 0 0;
text-align:left;
padding:10px;
box-sizing:border-box;
}
/***買取実績****/
.BiruBox{
width:100%;
text-align:left;
margin:40px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.BiruBoxL{
width:100%;
padding:5px;
}
.BiruBoxR{
width:100%;
padding:5px;
}
.BiruSum{
width:100%;
margin:0 0 0 0;
padding:5px;
text-align:center;
float:left;
box-sizing:border-box;
}
.BiruSumBox{
width:100%;
text-align:left;
margin:40px 0 0 0;
padding:10px;
float:left;
box-sizing:border-box;
}
.BiruSumBoxL{
width:100%;
padding:5px;
}
.BiruSumBoxR{
width:100%;
padding:5px;
}
/***アクセス・予約****/
.ApMidashi{
margin:0 0 30px 0;
}
.ApTable{
font-size:16px;
}
.flowBox{
padding:10px;
}
.flowList{
margin:20px 0 0px 0;
}
.flowTitle{
margin:0 0 5px 0;
}
.flowLBox{
width:100%;
}
.flowRBox{
width:100%;
font-size:16px;
}
.MitiLBox{
width:100%;
}
.MitiRBox{
width:100%;
font-size:14px;
}
/*施工新着情報*/
.WorksNewsBox{
margin:10px 0 30px 0;
}
.WorksNewsBoxL{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
.WorksNewsBoxR{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
float:left;
}
#WorksNewsList{
display:block;
}
#WorksNewsList li{
width:100%;
margin:15px 0 0 0;
padding:3px;
}
.WorksNewsBT{
margin:5px 0 5px 0;
position: static;
float:right;
}
/*施工事例*/
#ProList{
display: block;
table-layout: fixed;
width: 100%;
}
#ProList li{
display: block;
width:100%;
}
.WorksPageBox{
margin:10px 0 30px 0;
padding:10px;
box-sizing:border-box;
}
.WorksPageBoxL{
width:100%;
margin:0 0 0 0;
padding:0px;
text-align:left;
float:left;
box-sizing:border-box;
}
.WorksPageBoxR{
width:100%;
margin:0px 0 0 0;
padding:0px;
text-align:left;
float:right;
box-sizing:border-box;
}
#WorksPageList{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
}
#WorksPageList li{
text-align:left;
font-size:10px;
color:#000000;
width:100%;
padding:0;
margin:80px 0 0 0;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
.WorkinfoBox{
width:100%;
padding:0px;
}
.MenuBoxL{
width:100%;
}
.MenuBoxR{
width:100%;
}
.MenuPageList{
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
text-align:left;
}
.MenuPageList li{
margin:20px 0 0 0;
}
.MenuPageList a:link, .MenuPageList a:visited, .MenuPageList a:hover{
color:#000000;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.MenuPageList a:hover{
color:#5a5a5a;
text-decoration: underline;
}
/****お客様の声***/
.VoiceNewsBox{
width:100%;
margin:20px 0 30px 0;
}
#VoiceNewsList li{
text-align:left;
font-size:10px;
color:#000000;
width:100%;
padding:5px;
margin:20px 0 0 0;
list-style-type: none;
overflow:hidden;
box-sizing:border-box;
float:left;
}
/*初めての方へ*/
.StepBoxALL{
margin:0 0 40px 0;
}
.StepBoxL{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:center;
box-sizing:border-box;
float:left;
}
.StepBoxR{
width:100%;
margin:0 0 0 0;
padding:10px;
text-align:left;
box-sizing:border-box;
float:right;
}
.StepBoxMidashi{
font-size:20px;
}
/*****2階層本文内*****/
#Pankuzu{
width:99%;
margin:0 auto;
}
#PageImg{
width:100%;
min-width:100%;
margin:0 auto;
text-align:center;
}
#MidashiLine{
background:none;
}
.MapBox li{
display: block;
float: left;
width: 45%;
margin: 10px 0 0 10px;
padding:0 0 0 0;
text-align:left;
text-decoration: none;
}
/**コンセプト**/
.CoMidashi{
font-size:16px;
}
.TaisakuBox{
margin:40px 0 0 0;
padding:0px 20px 30px 20px;
}
/**院長紹介**/
.DocListBox{
width:100%;
line-height:1.5;
}
.DocListBoxL{
width:100%;
}
.DocListBoxR{
width:100%;
}
.DocListBoxA{
width:100%;
line-height:1.5;
}
.DocListBoxAL{
width:100%;
}
.DocListBoxAR{
width:100%;
}
.KenkyuBox{
padding:10px 10px 10px 10px;
}
/*****取り組み****/
.AppTextBox{
font-size:16px;
padding:10px;
}
/*****採用情報****/
.Retable tr,.Retable th,.Retable td{
width:100%;
display: block;
}
.Retable th{
border:none;
}
.RetableA tr,.RetableA th,.RetableA td{
width:100%;
display: block;
}
.RetableA th{
border:none;
}
.Parttable tr,.Parttable td{
width:100%;
display: block;
}
.Parttable td{
margin:0 0 0 0;
padding:5px 10px 5px 10px;
box-sizing:border-box;
}
.Parttable .ParttdA{
width:100%;
}
.Parttable .ParttdB{
width:100%;
}
.Parttable .ParttdC{
width:100%;
}
.Parttable .ParttdD{
width:100%;
}
/*標準仕様*/
.StandBox li{
width:50%;
}
/*動画の投稿*/
.MovieListF{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.MovieListF li{
text-align:center;
font-size:14px;
color:#00000;
width:100%;
margin:20px 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
}
/*イベントの投稿*/
.EveBox{
display:inline;
width:100%;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}
.EveBox li{
text-align:center;
font-size:14px;
color:#00000;
width:100%;
margin:20px 0 0 0;
padding:10px;
list-style-type: none;
display:block;
float:left;
}
.EveBoxL{
width:100%;
}
.EveBoxR{
width:100%;
}
.EvePhotoSum{
width:50%;
}
/******施工事例***/
.WorkSum li{
width:50%;
}
/*WEB相談会*/
.WebSpace{
padding:10px;
}
/******お問合せフォーム***/
.ToiBox{
margin:15px 0 0 0;
}
#order2{
height:950px;
}
#ToiBox{
width:100%;
margin:0 auto;
text-align:left;
}
.form-width{
width: 80%;
}
.form-widthyyubin{
width: 50%;
}
.form-widthkibou{
margin:2px 0 0 0;
width: 40%;
}
.form-widthysonota{
width: 90%;
}
.table-contactform7{
background-color:#FFFFFF;
display:block;
float: left;
color:#000000;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
float: left;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
float: left;
margin: 0 auto;
border:none;
color:#000000;
}
.table-contactform7 td{
float: left;
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 80%;
}
/**********/
/****/
/*フッター*/
#footertoiA{
width:100%;
text-align:center;
}
#footer{
margin:0 0 0 0;
min-width: initial;
min-width: auto;
min-height: initial;
min-height: auto;
padding:5px;
background:none;
}
#FooterLine{
min-width: initial;
min-width: auto;
}
#FooterBox{
display:none;
}
#FooterBoxSP{
display:block;
}
}
/*************************/
/*****スマホ・タブレット対応********/
@media screen and (max-width: 600px){
.concoverCon {
width: 150px;
height: 100px;
}
}
/*****スマホ対応********/
@media screen and (max-width: 480px){
.AnimeSP{
text-align:center;
}
#NewsList li{
width:100%;
}
#WorksNewsList li{
width:100%;
}
.PageTitle{
font-size:20px;
}
.TOPBTBOX li{
padding:0px 0px 10px 0px;
width:100%;
text-align:center;
}
.TOPBTBOXSE li{
padding:0px 0px 10px 0px;
width:100%;
text-align:center;
}
/***コンテンツボタン****/
.ContentsBT{
width:100%;
float:left;
padding:10px;
margin:0px 0 0 0;
box-sizing:border-box;
}
#SIDEBTBOX li{
display: block;
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
text-decoration: none;
position:relative;
}
/*耐震*/
.TaishinBox li{
width:100%;
}
/***買取実績****/
.BiruSum li{
width: 100%;
}
/*標準仕様*/
.StandBox li{
width:100%;
}
}
/***TOPに戻るボタン****/
.fixbtn {
position: fixed;
z-index: 1500;
}
#totop {
right: 0;
bottom: 70px;
}
#totop a {
display: block;
margin: 0 0 10px 0;
padding: 3px;
font-size: 85%;
text-align: center;
}
#totop a:hover {
}
.wp-pagenavi {
padding: 10px 20px 10px !important;
display:block !important;
clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
display: inline-block;
color:#333333 !important;
text-shadow:0px 1px #F6F6F6 !important;
padding:6px 9px 6px 9px !important;
border:solid 1px #B6B6B6 !important;
box-shadow:0px 1px #EFEFEF !important;
-moz-box-shadow:0px 1px #EFEFEF !important;
-webkit-box-shadow:0px 1px #EFEFEF !important;
background:#E6E6E6 !important;
background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
font-size:12px !important; margin-right:3px !important; text-decoration:none !important;
}
.wp-pagenavi a:hover {
display: inline-block;
color:#fff !important;
text-shadow:0px 1px #3C3C3C !important;
border-color:#202020 !important;
background:#525252 !important;
background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
color:#FFFFFF !important; box-shadow:0px 1px #E7E7E7 !important; -moz-box-shadow:0px 1px #E7E7E7 !important; -webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current{
display: inline-block;
padding:6px 9px 6px 9px !important;
border:solid 1px #DCDCDC !important;
color:#fff !important;
box-shadow:0px 1px #E7E7E7 !important;
-moz-box-shadow:0px 1px #E7E7E7 !important;
-webkit-box-shadow:0px 1px #E7E7E7 !important;
margin-right:3px !important;
text-shadow:0px 1px #3C3C3C !important;
border-color:#202020 !important;
background:#525252 !important;
background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}
/* 画面外にいる状態 */
.fadein {
opacity : 0.1;
transform : translate(0, 50px);
transition : all 500ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
/***** コンタクトフォーム *****/
.syouni{
width:100%;
margin:10px 0 0 0;
float:left;
text-align:left;
background-color:#FFFFFF;
padding:10px;
box-sizing:border-box;
color:red;
font-size:16px;
border:2px solid red;
}
.table-contactform7{
width: 100%;
max-width: 900px;
margin: 0 auto 20px;
border-collapse: collapse;
border-spacing: 0;
border: #e2e2e2 1px solid;
float:left;
box-sizing:border-box;
font-size:16px;
background-color:#FFFFFF;
}
.table-contactform7 th{
width: 30%;
background-color:#f8f8f8;
border:1px solid #e9e9e9;
}
.table-contactform7 td{
width: 70%;
border:1px solid #e9e9e9;
}
.table-contactform7{
overflow: hidden;
table-layout: fixed;
}
.required-contactform7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.unrequired-contactform7{
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.table-contactform7 th{
font-weight:bold;
}
.table-contactform7 input,
.table-contactform7 textarea{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
font-size:16px;
border:1px solid #e9e9e9;
}
.address-100 input{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
font-size:16px;
border:1px solid #e9e9e9;
}
.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
font-size:16px;
border:1px solid #e9e9e9;
}
@media screen and (min-width: 900px){
.table-contactform7 th{
width:28%;
}
}
@media screen and (max-width: 900px){
.table-contactform7{
display:block;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
margin: 0 auto;
border:none;
}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
border-top: none !important;
}
}
.wpcf7-submit {
font-size: 1.2em;
padding: 5px 30px;
background-color: #4ca404;
color: #fff;
border-style: none;
}
.wpcf7-submit:hover:enabled {
background-color: #6dc823;
color: #fff;
}
/***** MW コンタクトフォーム *****/
.cform{
border-collapse: collapse;
background-color:#FFFFFF;
}
.cform th {
font-size: 16px;
width: 30%; /*変なところで改行される場合はここの数字を変更します。*/
border-bottom: solid 1px #d6d6d6;
padding: 10px 0 10px 15px;
box-sizing:border-box;
text-align:left;
background-color:#f7f7f7;
}
.cform td {
font-weight: normal;
font-size: 16px;
line-height: 150%;
border-bottom: solid 1px #d6d6d6;
padding: 10px 5px;
box-sizing:border-box;
text-align:left;
background-color:#FFFFFF;
}
.cform {
width: 100%;
margin: auto;
}
.cform [type=submit] {
display: inline-block;
font-size: 30px;
padding: 10px 30px;
text-decoration: none;
background: #ff8f00;
color: #FFF;
border-bottom: solid 4px #B17C00;
border-radius: 3px;
box-sizing:border-box;
}
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
}
.required-srt {
font-size: 8pt;
padding: 5px;
background: #ce0000;
color: #fff;
border-radius: 3px;
margin-left: 10px;
vertical-align: middle;
box-sizing:border-box;
}
@media only screen and (max-width:767px) {
.cform th,
.cform td {
width: 100%;
display: block;
border-top: none;
}
.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
width:100%;
}
}
.submit-btn input {
line-height:1.8;
background: #00142c;
width: 100%;
margin: 30px auto;
display: block;
border: 1px #00142c solid;
text-align: center;
padding: 5px;
color: #fff;
transition: all 0.4s ease;
}
.submit-btn input:hover {
background: #fff;
color: #00142c;
}
.submit-btn button {
line-height:1.8;
background: #00142c;
width: 100%;
margin: 30px auto;
display: block;
border: 1px #00142c solid;
text-align: center;
padding: 5px;
color: #fff;
transition: all 0.4s ease;
}
.submit-btn button:hover {
background: #fff;
color: #00142c;
}
/****地図セピアIE不可****/
.sepia {
-webkit-filter: sepia(.3);
filter: sepia(.3);
}
.monokuro {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
/*****エディターの左・右・中央********/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 10px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 10px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* カレンダーデザイン */
.CalBOX{
width:100%;
margin:0 0 0 0;
float:left;
padding:10px;
box-sizing:border-box;
}
/*-----------------------------------
カレンダー
------------------------------------*/
#wp-calendar {
border-collapse: collapse;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #d9d9d9;
border-right-color: #d9d9d9;
width: 100%;
}
#wp-calendar thead tr th {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
background-color:#a3895f;
color:#FFFFFF;
}
#wp-calendar th {
text-align: center;height:20px;
padding-top: 5px; font-size: x-small;
background-color:#FFFFFF;
}
#wp-calendar td {
text-align: center;height:20px;
padding-top: 5px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #d9d9d9;
border-left-color: #d9d9d9;
background-color:#FFFFFF;
font-weight:normal;
}
#wp-calendar #calendar-caption {
font-weight: bold;
text-align: center;
font-size: small;
}
#calendar_wrap a{
color:#5e3b03;
font-weight:bold;
}
#wp-calendar #today {
background-color: #5e3b03;
}
#wp-calendar #today a{
color:#fff;
}
#wp-calendar td:last-of-type{
color: red;
}
#calendar_wrap{
position:relative;
}
#wp-calendar-pn{
width: 250px;margin-left: 35px;
position:absolute;top:5px;left:0;
}
#prev{ float:left;
margin-left:20px;
}
#next{ float:right;margin-right:20px;}
#wp-calendar .pad{ color:#FFCCFF; font-size: x-small;}
/**********************/
/****TOP動画切り替え****/
.sp-video {
display: block;
}
.pc-video {
display: none;
}
@media screen and (min-width: 768px) {
.sp-video {
display: none;
}
.pc-video {
display: block;
}
}
/* よくある質問 */
.QAListBox{
width:100%;
margin:50px 0 0px 0;
padding:0px;
box-sizing:border-box;
float:left;
}
.QBoxL{
width:5%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
border-top:3px solid #a28862;
color:#a28862;
font-size:18px;
text-align:center;
}
.QBoxR{
width:95%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
font-size:18px;
text-align:left;
border-top:3px solid #c9b597;
}
.AnserBox{
width:100%;
margin:10px 0 0px 0;
padding:10px;
box-sizing:border-box;
float:left;
text-align:left;
font-size:16px;
}
/* qakiji クラスの中にある pre タグだけに適用 */
.qakiji pre {
padding-left: 0 !important;
}
.accordion {
margin: 0 auto;
max-width: 100%;
padding:0px 20px 0px 20px;
box-sizing:border-box;
float:left;
}
.toggle {
display: none;
}
.option {
width:100%;
position: relative;
margin-bottom: 30px;
background-color:#FFFFFF;
float:left;
box-sizing:border-box;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
width:100%;
padding:0 30px 0 0;
display: block;
color: #000000;
font-weight: bold;
font-size:20px;
float:left;
box-sizing:border-box;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #a19877;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
/* --- アコーディオンコンテンツ領域 --- */
.content {
width: 100%;
padding:0px 40px 0px 40px;
box-sizing:border-box;
/* max-heightの代わりにGridを使う */
display: grid;
grid-template-rows: 0fr; /* 開く前は高さ0 */
transition: grid-template-rows 0.5s ease-out; /* 開閉アニメーションの時間 */
overflow: hidden;
float: left;
box-sizing: border-box;
}
/* contentの直下にあるdiv（中身を包む要素） */
.content > div {
min-height: 0; /* これが無いとGridの縮小が効かないため必須 */
transition: opacity 0.3s;
opacity: 0;
}
/* --- チェックが入った時（開いた時） --- */
.toggle:checked + .title + .content {
grid-template-rows: 1fr; /* 中身のサイズぴったりまで広がる */
}
.toggle:checked + .title + .content > div {
opacity: 1; /* 開いたらフワッと表示 */
}
/*****スマホ・タブレット対応よくある質問********/
@media screen and (max-width: 768px){
.QBoxL{
width:10%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
font-size:16px;
text-align:center;
}
.QBoxR{
width:90%;
margin:0 0 0 0;
padding:10px;
box-sizing:border-box;
float:left;
font-size:16px;
text-align:left;
}
.AnserBox{
width:100%;
margin:10px 0 0px 0;
padding:10px;
box-sizing:border-box;
float:left;
text-align:left;
font-size:14px;
}
.content {
padding:15px;
}
}
/* よくある質問 */