/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

/*--ヘッダーメニュー均等--*/
/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
    header .smanone ul.menu li{
        width:240px;
    }
}
/*--ここまで--*/

/*--画像加工　角丸　シャドー--*/
img.alignleft,
    .aligncenter,
    .alignright {
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
} 
/*画像ここまで*/
/*--画像加工　角丸　シャドー--*/
.marukage{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4));
} 
/*画像ここまで*/

/* --- お問い合わせフォーム --- */
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/*ここから　新しいお問い合わせ*/
/* Contact Form 7カスタマイズ */
/* テーブル セル2つ */
@media screen and (max-width: 480px) { /* ▼480：iPhone6+縦 */
.respStyle th, .respStyle td { display:block; }
.respStyle th {
    border-bottom: none;
    padding: 10px 0px 4px 8px;
}
}

.respStyle th {
    text-align: left;
    font-size: 14px;
    color: #333;
}

.respStyle td {
    font-size: 12px;
}

/* 必須ピンク */
.required-srt {
    font-size: 8pt;
    padding: 5px;
    background: #DE8686;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
}

/* 必須グレー */
.unrequired-srt {
    font-size: 8pt;
    padding: 5px;
    background: #BDBDBD;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
}

/* Contact Form 7のラジオボタンを縦並びに　class:list-blockをclass指定する */
.list-block .wpcf7-list-item {
    display: block;
}

.recaptcha { /* recaptchaに余白 */
    margin: -10px 0 20px 0;
}
/* --- ここまで-お問い合わせフォーム --- */

/*--強調strong無効--*/
b, strong {
   font-weight: normal;
}
i, em {
   font-style: normal;
}
/*-無効ここまで-*/

/*--マーカー変更--*/
.ymarker {
	background:linear-gradient(transparent 20%,#FFFF66 60%);
}

.ymarker-s {
	background:linear-gradient(transparent 20%,#FFFF66 60%);font-weight: normal;
}

.gmarker {
	background:linear-gradient(transparent 20%,#66FFCC 60%);
}

.gmarker-s {
	background:linear-gradient(transparent 20%,#66FFCC 60%);font-weight: normal;
}

.rmarker {
	background:linear-gradient(transparent 20%,#ff99ff 60%);
}

.rmarker-s {
	background:linear-gradient(transparent 20%,#ff99ff 60%);font-weight: normal;
}

.bmarker {
	background:linear-gradient(transparent 20%,#66ccff 60%);
}

.bmarker-s {
	background:linear-gradient(transparent 30%,#66ccff 60%);font-weight: normal;
}
/*--マーカー変更ここまで--*/
/*--サムネイル角丸--*/
.kadomaru img {
    border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
/*--サムネイル角丸ここまで--*/
/*--エコみたいな線--*/
.eco_line {
    margin:  0;             /* デフォルトCSS打ち消し */
   /* font-size:  24px;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 5px;    /* 周りの余白指定 */
	width: 45%;
    border-bottom: solid 4px rgba(76, 175, 80, 0.6);        /* 線指定 */
    border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */
}
p {
    margin:  0;         /* デフォルトCSS打ち消し */
    line-height: 2;     /* 行間調整 */
}
/*--エコ線ここまで--*/
/*--ダブルライン--*/
.double_line {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  18px;           /* 文字サイズ指定 */
    width: 100%;                /* 幅指定 */
    border-bottom: solid 3px;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight: bold;       /* 文字の太さ調整 */
}
p {
    margin:  0;                 /* デフォルトCSS打ち消し */
    line-height: 2;             /* 行間調整 */
}
.double_line:before {
    content:  '';               /* 空白の要素を作る */
    width: 100%;                /* 幅指定 */
    height: 1px;                /* 高さ指定 */
    background-color: #000;     /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    bottom: -6px;               /* 位置調整 */
}
/*-ダブルラインここまで--*/

/*--テーブルのセル背景色変更--*/
table { background-color: #fffafa; }
/*--テーブルのセル背景色変更ここまで--*/

/*--H4　背景グラデーション--*/
h4{
background: linear-gradient(to top, #efefef, #ffffff);
}
/*--H4　背景グラデーションここまで--*/