追加CSS

menu-item .{font-size :12px;}

/* フッターのlightning削除 */
footer .copySection p:nth-child(2) {
display:none !important;
}
/* ページタイトルの背景色 */
.page-header {
background-color: #337ab7 !important;
}

/* ページタイトルのスタイル */
.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
color: #FFF;
margin: 20px 0 15px;
font-size: 24px;font-weight:bold !important;
}

/* SPページタイトルのスタイル */
.sp .page-header_pageTitle,
h1.page-header_pageTitle:first-child {
color: #FFF;
margin: 20px 0 15px;
font-size: 16px;font-weight:bold !important;
}

/*リンク訪問後の色を変える*/
a:visited { color: #0071bc !important; }
.subSection li.current-cat > a, .subSection li.current_page_item > a :visited{ color: #0071bc !important }

/*見出し1の背景色を変える*/
.page-header { background-color: #1f2185 !important; }

body { line-height: 1.8em !important; }

/*見出し2のデザインを変える*/
h2 {
border-top: solid 1px #ffffff; /*見出しの上の線*/
border-bottom: solid 1px #1f2185; /*見出しの下の線*/
background: none; /*背景ナシ*/
text-align: center;
font-size: 24px ; /*文字の大きさ*/
color: #1f2185 !important; /*文字の色*/
}
/*③見出し3のデザインを変える*/
body h3 {
font-size: 24px; /*文字の大きさ*/
color: #666666 !important; /*文字の色*/
border-bottom: solid 1px #1f2185; /*見出しの下の線*/}
/*③見出し4のデザインを変える*/
body h4 {
background-color: #ffffff;
font-size: 18px; /*文字の大きさ*/
border-bottom: solid 1px #1f2185; /*見出しの下の線*/
color: #666666 !important; /*文字の色*/
}

p {
color: #666666 !important;
/*文字の色*/
}
body h5 {
background-color: #ffffff;
font-size: 18px; /*文字の大きさ*/
color: #1f2185 !important; /*文字の色*/
padding-left: 1em; /* 文字の大きさからの相対 */
}

body p {
color: #666666 !important;
line-height: 1.8em;
letter-spacing: 0.05em;
/*文字の色*/
}
/* スマホ横画面用 */
@media screen and (max-width: 480px) {
.container{padding:0}
div[class^=”col-“] {padding:5}
.row {margin:0;}
}
/* スマホ縦画面用 */
@media screen and (max-width: 320px) {
.container{padding:0}
div[class^=”col-“] {padding:5}
.row {margin:0;}
}

/* パソコンで見たときは”pc”のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは”sp”のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* スマートフォンで画像を横に表示される */
.img-float ul{
margin-bottom:15px; /* 下のコンテンツまでの余白 */
}
.img-float li {
width:50%; /* 画像の横幅(2つなので) */
float: left; /* 画像の左寄せ */
list-style: none; /* リストマークを削除 */
margin:5; /* 画像の周りの余白を削除 */
box-sizing: border-box;
}
.img-float ul:after {
content:””;
clear:both; /* 画像の回り込みを解除 */
display:block;
}

input[type=”text”] {
width: auto !important;
}
input[type=”select”] {
width: auto !important;
}
/* テーブルの強制下枠線の解除 */
table, th, td {border-style:none!important;}

body , html {
height: 100%;
}
/* スマホのフッターフローティングメニュー */
#floatingmenu1 {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 9999;
text-align: center;
padding: 0 auto;
}
/* パソコンのときのフッターフローティングメニュー */
#floatingmenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom:5px;

text-align: center;

}

/* 右フローティングバナーのラップ要素 */
#fixed_right_banner
{
/* 右端の上から380pxの位置に固定表示 */
position: fixed;
top: 335px;
right: 0;
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
clear: both;
float: right;
/* 横幅 */
width: 305px;

/* 最初にあらかじめ右側を10px詰めて表示。 */
margin-right: -220px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 5px; }

/* リンク要素 */
#fixed_right_banner > a
{
/* ブロック要素に変更 */
display: block;
}

/* マウスオーバーで、詰めた右側のマージンをリセット。 */
#fixed_right_banner > *:hover
{
margin-right: 0;
}
#fixed_right_banner > *
{
/* アニメーション設定を追加。 */
-webkit-transition: margin .5s ease;
transition: margin .5s ease;
}
#fixed_right_banner
{
/* 右端の上から半分の位置に固定表示 */
position: fixed;

right: 0;

/* 要素の高さ半分の値を上に移動 */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* 左フローティングバナーのラップ要素 */
#fixed_left_banner
{
/* 左端の上から380pxの位置に固定表示 */
position: fixed;
top: 350px;
left: 0;
}

/* 画像の共通設定 */
#fixed_left_banner > *
{
clear: both;
float: left;
/* 横幅 */
width: 350px;

/* 最初にあらかじめ左側を10px詰めて表示。 */
margin-left: -250px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_left_banner > * ~ * { margin-top: 5px; }

/* リンク要素 */
#fixed_left_banner > a
{
/* ブロック要素に変更 */
display: block;
}

/* マウスオーバーで、詰めた左側のマージンをリセット。 */
#fixed_left_banner > *:hover
{
margin-left: 0;
}
#fixed_left_banner > *
{
/* アニメーション設定を追加。 */
-webkit-transition: margin .5s ease;
transition: margin .5s ease;
}
#fixed_left_banner
{
/* 左端の上から半分の位置に固定表示 */
position: fixed;
left: 0;

/* 要素の高さ半分の値を上に移動 */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.menu1 {
max-width: 400px;
margin: 0 auto;
padding: 0;
}

.menu1 a {
display: block;
padding: 10px;
text-decoration: none;
color: #000;
line-height: 1;
}

input {
display: none;
}

.menu1 ul {
margin: 0;
padding: 0;
background :#f4f4f4;
list-style: none;
}

.menu1 li {
max-height: 0;
overflow-y: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
max-height: 46px;
opacity: 1;
}

@media (min-width: 769px)
{
.page- {
top:0 !important;
margin-bottom:0 !important;
}
}

/* 文字に1重アンダーラインを引く。 */
.under1 {
border-bottom: dotted 2px #693905;
}
/* 文字に2重アンダーラインを引く。 */
.under2 {
border-bottom: dashed 1px #009844;
}
/* 文字に1重アンダーラインを引く。 */
.under3 {
border-bottom: dotted 2px #e50011;
}
.sample-box-12 {
border: 2px solid #693905;
border-radius: 4px;
position: relative;
}

.sample-box-13 {
border: 2px solid #D70C18;
border-radius: 4px;
position: relative;
}

.sample-box-14 {
color :#FFF;
background-color :#30A9D5;
border: 2px solid #30A9D5;
border-radius: 4px;
position: relative;
}

.sample-box-15 {
background-color :#E4007E;
color :#fff;
border: 2px solid #D70C18;
border-radius: 4px;
position: relative;
}

.sample-box-16 {
background-color :#DDFF99;
color :#fff;
border: 2px solid #D70C18;
border-radius: 4px;
position: relative;
}
.sample-box-17 {
background-color :#30A9D5;
font-size : 1em;
color :#fff;
color: #ffffff;
}

.under {
border-bottom: double 6px #87CEFA;
}

@media (min-width: 769px)
{
.page- {
top:0 !important;
margin-bottom:0 !important;
}
}

文字の位置を指定できるようにする
/* 全体の枠(親要素) */
.image-text {
position: relative;
}

/* 重ねる文字(子要素) */
.text1 {
position: absolute;
top: 15px;
left: 100px;
width: 50%;
color: red;
padding: 0;
font-size: 8px;
font-weight: bold;
line-height: 100%;
}

/* スマホ滑らかに */
html {
-webkit-overflow-scrolling: touch;
}
/* CSS囲み罫線 */
.box26 {
position: relative;
margin: 1.5em 0;
padding: 0.5em 1em;
border: solid 3px #693905;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #693905;
font-weight: bold;
}
.box26 p {
margin-top: -1em;
margin-bottom: 0;
padding: 0;
}
/* CSS囲み罫線 */
.box2 {
position: relative;
margin: 1.5em 0;
padding: 0.5em 1em;
border: solid 3px #693905;
background-color: #FCF0E2;
border-radius: 8px;
}

.box2 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #Fff;
color: #693905;
font-weight: bold;
}
.box2 p {
margin-top: 2em;
margin-bottom: 0;
padding: 0;
}
.box8m {
display: inline-block;
width: 100%;
padding: 0.5em 1em;
? ?margin: 0em 0.5em;
color: #232323;
background: #fdf9c8;
border-left: solid 10px #ffc06e;

}
.box8m p {
margin: 0;
padding: 0;
}
.box8 {
display: inline-block;
width: 90%;
padding: 0.5em 1em;
? ?margin: 0em 0.5em;
color: #232323;
background: #fdf9c8;
border-left: solid 10px #ffc06e;

}
.box8 p {
margin: 0;
padding: 0;
}
.kakomi-box3 {
margin: 2em auto;
padding: 1em;

border: 1px solid #ccc; /* 枠線 */
background-color: #fff; /* 背景色 */
box-shadow: 1px 1px 2px #ccc;
}
.box26 {
display: inline-block;
width: 90%;
? ?margin: 2em 0;
padding: 0.2em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box26 p {
margin: 10px;
padding: 0;
}
.box27 {
display: inline-block;
width: 100%;
? ?margin: 2em 0;
padding: 0.2em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box26 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box26 p {
margin: 10px;
padding: 0;
}
/* 画像の上に文字を載せる */
.example1 {/*親div*/
position: relative;/*相対配置*/
}

.example1 p {
position: absolute;
top: 70%;
left: -300%;
-ms-transform: translate(-70%,-30%);
-webkit-transform: translate(-70%,-30%);
transform: translate(-70%,-30%);
margin:0;
padding:0;
color: #693905;/*文字は白に*/
font-weight: bold; /*太字に*/
font-size: 1.2em;/*サイズ2倍*/
font-family :Quicksand, sans-serif;/*Google Font*/
}

.example1 img {
width: 100%;
}

/* スマホ文字設定 */
@font-face {
font-family: “YuGothic-M”;
font-weight: normal;
src: local(“YuGothic-Medium”),
local(“Yu Gothic Medium”),
local(“YuGothic-Regular”);
}

html {
font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}
body,p {
font-size: 1.65rem;/* 16px */
line-height: 1.3em;/* 行間 */
margin-bottom: 7px;
font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, “Hiragino Kaku Gothic ProN”, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-feature-settings: “palt”;
}
a {
font-size: 1.65rem;/* 16px */
color: #30A9D5;
line-height: 1.3em;/* 行間 */
font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, “Hiragino Kaku Gothic ProN”, Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-feature-settings: “palt”;
}
.ryu {
font-size: 1.6rem;/* 16px */
line-height: 1.0em;/* 行間 */
margin-bottom: 7px;
font-family: Georgia, “游明朝体”, “YuMincho”, “游明朝”, “Yu Mincho”, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN W3”, HiraMinProN-W3, “ヒラギノ明朝 ProN”, “Hiragino Mincho ProN”, “ヒラギノ明朝 Pro”, “Hiragino Mincho Pro”, “HGS明朝E”, “MS P明朝”, “MS PMincho”, serif;
-webkit-text-size-adjust: 100%;
font-feature-settings: “palt”;
}
/* 文字背景色付き */
.bg_01 {
color: #ffffff; /* 文字色指定 */
height: 33px; /* 高さ指定 */
/* 文字サイズ指定 */ line-height: 1.8em;
background-color: #693905;/* 背景色指定 */
}
.bg_02 {
color: #693905; /* 文字色指定 */
height: 33px; /* 高さ指定 */
line-height: 1.8em;
background-color: #FCF0E2;/* 背景色指定 */
}
.bg_03 {
color: #ffffff; /* 文字色指定 */
height: 33px; /* 高さ指定 */
line-height: 1.8em;
background-color: #30A9D5;/* 背景色指定 */
}
.bg_04 {
color: #ffffff; /* 文字色指定 */
height: 33px; /* 高さ指定 */
line-height: 1.8em;
background-color: #E51572;/* 背景色指定 */
}
.bg_05 {
color: #693905; /* 文字色指定 */
height: 33px; /* 高さ指定 */
line-height: 1.8em;
background-color: #DDFF99;/* 背景色指定 */
}
.bg_21 {
color: #ffffff; /* 文字色指定 */
? ?height: 66px; /* 高さ指定 */
/* 文字サイズ指定 */ line-height: 1.8em;
background-color: #f15a24;/* 背景色指定 */
}
.bg_red {
color: #ffffff; /* 文字色指定 */
height: 33px; /* 高さ指定 */
line-height: 1.8em;
background-color: #e50011;/* 背景色指定 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, body {
font-feature-settings: “pkna”;
}
}
/* スマホでヘッダー固定を解除 */
@media (max-width: 991px){
.header_scrolled .siteHeader {
position: relative;
}
}
/********** ドロップキャップ(先頭1文字だけ大きくする)外枠をつける********/
p.introduction:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
color : #c00;
}

.su_spoiler .title{font-size :24px;}
/* 文字にドットのアンダーラインを入れる */
.dot{border-bottom: dotted 3px orange;}

/*確認・送信ボタン*/
.wpcf7 input[name=”your-name”],
.wpcf7 input[name=”your-email”],
.wpcf7 input[name=”your-subject”] { width: 80%;
height: 45px !important; }

.wpcf7 textarea[name=”your-message”] { width: 80%;
height: 350px !important; }

.wpcf7 input[type=”submit”] { font-size: 100%;
padding: 0.2em 0.4em;
background: #eee;
color: #333;
border-radius: 4px;
cursor: pointer;
box-shadow: 0 0 1px rgba(0,0,0,.2);
border: 1px solid #ccc;
text-shadow: -1px 1px 0 rgba(255,255,255,1); }

.wpcf7 input[type=”submit”]:hover {
box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
background: #BC8F8F; }

.C1 { text-align: center; }

#C9 { margin-right:auto; margin-left:auto; width: 160px; }

.C8 { margin-right:auto; margin-left:auto; width: 150px; margin-top: 20px; }

#C2,#C3,#C4,#C5{
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left; margin-left: auto; margin-right: auto; width: 80%; }

.C6 { background-image: url(“http://nakagawablog.com/wp-content/uploads/2015/10/fzm-Denim.Jeans_.Texture-07-600×600.jpg”);
background-size:contain;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
}

#C2,#C3,#C4,#C5,#C7 { color: #ffffff; }

/***** コンタクトフォームのテーブル様式 *****/
.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;
}

.address-100 input{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
}

.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
}

@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;
}
}
/***** 絆テーブルセルの高さ *****/
.table-kizuna td{height: 20px;}

li {line-height: 1.7em;
color: #666666;}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です