/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20160912β
*/
@import url('../affinger4/style.css');

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {



/*-- ここまで --*/
}





dd h3 a {
    color: #ff6893;
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
}

#side aside .st-pagelists .sub-menu a {
    text-decoration: none;
    padding: 4px 10px 3px 25px;
    background: transparent;
    color: #000;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}

#side aside .st-pagelists .sub-menu .sub-menu a {
    text-decoration: none;
    padding: 4px 10px 4px 27px;
    background: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    color: #000;
    border: none;
    margin-bottom: 0px;
}


/* 私作成 */

.link1 {padding:8px 8px;
border: 1px solid rgba(160, 152, 96, 0.52);
margin: 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 2px;
line-height: 1.6;}



.link3 {padding: 1em 10px 0px 1em;
border: 1px solid #ca4d5d;
margin: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 2;
background-color: rgba(202, 77, 93, 0.04);}

.link4 {padding: 20px 0 0 30px;
border: 3px dotted #db6173;
margin: 20px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1;
background-color: rgba(219, 97, 115, 0.04);}



.link6 {
padding: 12px 18px;
border: 1px solid #db6173;
margin: 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.8;
}

.link7{padding: 20px 10px 0px 24px;
border: 1px dotted #8F5860;
margin: 10px 20px 40px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1;
background-color: rgba(219, 97, 115, 0.04);
}


.link8{padding: 1em 10px 0px 1em;
border: 1px solid #ca4d5d;
margin: 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.8;
background-color: rgba(202, 77, 93, 0.04);
}

.link9 {
padding: 0px 10px 10px 20px;
border: 1px solid #AC7E51;
margin: 0px 10px 30px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/* border-radius: 5px; */
line-height: 1.6;
}

.link10 {
padding: 3px 10px 10px 10px;
margin: 10px 10px 5px 10px;
/* -webkit-border-radius: 5px; */
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.6;
/* background-color: rgba(178, 133, 89, 0.12); */
/* background-image: url(http://organic.suzuiro.info/wp-content/uploads/2014/11/K1.png); */
border: 1px solid rgba(191, 144, 100, 0.76);
}

.link11{
padding: 10px 10px 10px 20px;
border: 1px solid #a09860;
margin: 10px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 2;
}
.link12{
padding: 10px 10px 10px 20px;
margin: 10px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 2;
}
.syoukai2{color: #FF3050;
font-weight: bold;
padding: 0 0 1em 0;
}
.syoukai2{color: #FF3050;
font-weight: bold;
padding: 0 0 1em 0;
}




.border-red{
padding: 1em 1.2em 0px 1em;
border: 2px solid rgba(207, 26, 55, 0.7);
margin: 20px 15px 20px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 2;}

/* Healthpostのボタン */
.btn_health{
  color: #ffffff !important;
  padding: 3px 10px;
  text-decoration: none;
  background-color: #F44336;
  background: -moz-linear-gradient(
    top,
    #acd1ff 0%,
    #004b91);
  background: -webkit-gradient( linear, left top, left bottom, from(#fda49d), to(#F44336));
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
    border: 1px solid #f55246;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
    box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}

.btn_health:hover{color:#ffffff !important; opacity:0.8;}

/* vitacostのボタン */
.btn_vitacost{
  color: #ffffff  !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#365899;
  background: -moz-linear-gradient(
    top,
    #92d417 0%,
    #56751c);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#80a3ea),
    to(#365899));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2c6ebd;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_vitacost:hover{color:#ffffff !important; opacity:0.8;}

/* iherbのボタン */
.btn_iherb{
  color: #ffffff  !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#77A81A;
  background: -moz-linear-gradient(
    top,
    #92d417 0%,
    #56751c);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#92d417),
    to(#56751c));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #628c14;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_iherb:hover{color:#ffffff !important; opacity:0.8;}


/* lovelulaのボタン */

.btn_love{
  color: #ffffff  !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#E02285;
  background: -moz-linear-gradient(
    top,
    #92d417 0%,
    #56751c);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#FF22AF),
    to(#8F226C));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #8C147E;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_love:hover{color:#ffffff !important; opacity:0.8;}

.syoukai{color: #FF3050;
font-weight: bold;
padding: 0 0 1.1em 0;}
.aka{color: #FD00AC;}
.ao{color: #7900FD;}

.syoukai2 {
color: #FF3050;
font-weight: bold;
padding: 0 0 0.2em 0;
}

/* オレンジ色のボタン */
.btn_orange {
  color: #ffffff !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#ffa600;
  background: -moz-linear-gradient(
    top,
    #ffa600 0%,
    #cf7a0b);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffa600),
    color-stop(0.25, #ffa600),
    color-stop(0.75, #ff9100),
    to(#ff9100));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dd8d1d;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_orange:hover{color:#ffffff !important; opacity:0.8;}

/* ピンク色のボタン */
.btn_pink{
  color: #ffffff !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#fc567a;
  background: -moz-linear-gradient(
    top,
    #fc567a 0%,
    #de466c);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#fc567a),
    to(#d62b58));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #de466c;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_pink:hover{color:#ffffff !important; opacity:0.8;}


/* eVitaminsのボタン */
.btn_eVitamins{
  color: #ffffff !important;
  padding: 3px 10px;
  text-decoration:none;
  background-color:#CE8948;
  background: -moz-linear-gradient(
    top,
    #acd1ff 0%,
    #004b91);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#D49817),
    to(#751C1C));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #315991;
  -moz-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  -webkit-box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  box-shadow:
    inset 0px 0px 2px rgba(255,255,255,0.5);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
.btn_vitacost:hover{color:#ffffff !important; opacity:0.8;}





/* お問い合わせ */
.wpcf7-form	{
	background-color: rgba(228, 136, 152, 0.15);	/*ボックスの背景色を青に指定*/
	padding: 20px;	/*ボックス内の余白を20pxに指定*/
	border-radius: 20px}	/*ボックスを角丸に指定*/

.wpcf7-form span.hissu	{
	color: #aa0000; /*必須の文字色を赤色に指定*/
	font-size: smaller}	/*文字サイズを一回り小さく*/

/*.wpcf7-form input	{width: 80%}	入力フィールド幅を80%に指定*/

.wpcf7-form textarea	{width: 100%}	/*テキストエリア幅を100%に指定*/

.wpcf7-form p.submit	{text-align: center}	/*送信ボタンを中央揃え*/

.wpcf7-form .wpcf7-submit	{width: 50%}/*送信ボタンの横幅を50%に指定*/

.wpp-list{font-size:13px;　list-style-type:none;}
.wpp-list li {display: inline-block; 
font-weight: nomal;
line-height: 170%;
margin: 0 0 20px 0;
padding: 0 0 0 9px;
/* background: url(img/common/bullet1.gif) no-repeat left 8px; */
text-decoration: none;}

.fontsize1{font-size:15px;color: #FD007a;}
.fontsize2{font-size:13px;padding-bottom: 15px;line-height: 180%;}
.fontsize3{font-size:14px;padding-bottom: 6px;line-height: 190%;}
.fontsize4{font-size:12px;padding-bottom: 6px;line-height: 180%;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

.strong2{
font-weight: bold;
color: #5c2f06;
font-size:14px; }

img, video, object {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: center;
}

img.alignleft {
    display: block;
    margin: 0 13px 0 0px;
    float: left;
}


img.aligncenter {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}

.kanren.pop-box dd h5, #side .kanren.pop-box dd h5 {
    font-size: 14px;
    line-height: 26px;
}


.ad {
    padding-bottom: 30px;
    margin: 0px;
}
header .sitename {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    font-family: 'Oswald', sans-serif;
    padding: 5px 0 0;
    margin-bottom: 0px;
}

p {
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 20px;
}

.kanren .clearfix dd p {
    font-size: 13px;
    line-height: 18px;
    padding-top: 5px;
}



main {
    padding: 0px 20px;
}
