/* CSS Document */


#contents p {line-height: 160%;}

.application_warn {background-color: #f2dede; border: 1px solid #eed3d7; border-radius: 4px; color: #b94a48; font-size: 0.9em; font-weight: bold; margin-left: auto;  margin-right: auto; padding: 8px; text-align: center; max-width: 345px;margin-top:20px;}

.input-style {
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
    width:100%;
	border: 1px solid #999;
    border-radius: 3px;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 1.3em;
    padding: 5px;
}

.seoknowhow-submit-button,.seoknowhow-submit-button02 {margin-top: 15px; text-align: center; position:relative;}

.seoknowhow-submit-button:after {content: "\f019"; color: #FFF; font-family: "Font Awesome 5 Free"; font-weight: bold;  position: absolute; right: 49px; top: 22px; font-size: 20px;}

.seoknowhow-submit-button input,
.seoknowhow-submit-button a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fe8518;
    background-image: linear-gradient(to bottom, #ffa64d, #e6730f);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 40px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 180%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    max-width: 500px;
    width:100%;
    /*text-decoration: underline !important;*/
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
}

.seoknowhow-submit-button input:hover,
.seoknowhow-submit-button a:hover {
	font-size: 180%;
	background-color:#ff942e;
    background-image: linear-gradient(to bottom, #ffc999, #e6730f);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-image: none;
    border-radius: 40px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	display: inline-block;
    padding: 15px 0;
    text-align: center;
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
}



@media screen and (max-width: 640px) {

/* ===========================================
	無料SEO対策レポートページ
   =========================================== */
   #experiment {line-height:1.25em; margin-left:10px; margin-right:10px; margin-top:16px; padding-bottom:40px;}
   #experiment ul {clear:both; margin-left:4px;}
   #experiment li {clear: left; padding: 15px 0; overflow:hidden; border-bottom: 1px dashed #CCC;}
   #experiment .topics-date {display: block; float:left; color:#FFF; background-color:#00CEAF; padding:5px 5px 3px 5px; font-weight:bold; margin-right:15px;}
   #experiment .topics-headline {float:left; font-weight:bold; font-size:120%; padding-top:3px; margin-bottom:10px; line-height:125%;}
   #experiment li .disc {clear:both; background-color:#F9F9F9;	border:1px solid #EAEAEA; padding:10px 10px 7px 10px; line-height:150%;	margin-top:10px;}
   #dl-list {margin:20px auto 0;}
   #dl-list ul li{line-height:125%; margin-top:7px; list-style-type:disc !important;}
   .application_warn {background-color:#f2dede; border:1px solid #eed3d7; border-radius:4px; color:#b94a48; font-size:0.9em; font-weight:bold; margin:20px auto 0; padding:8px; text-align:center; max-width:345px;}
   .input-style {margin:0 auto; max-width: 310px; width:100%; border: 1px solid #999; border-radius: 3px; color: #333333; font-family: Arial,sans-serif; font-size: 1.3em; padding: 5px;}
   .seoknowhow-submit-button {margin-top:15px; text-align:center;}
   .seoknowhow-submit-button02 {margin-top:15px; text-align:center;}
   .seoknowhow-submit-button input {-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#fe8518; background-image:linear-gradient(to bottom, #ffa64d, #e6730f); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-image:none; border-radius:40px; border-style:solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff !important; cursor: pointer; display: inline-block; font-size: 180%; margin:0 auto; padding:15px 0; text-align:center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); max-width:380px; width:100%; text-decoration:none;}
   .seoknowhow-submit-button a {-moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#fe8518; background-image:linear-gradient(to bottom, #ffa64d, #e6730f); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-image:none; border-radius:40px; border-style:solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff !important; cursor: pointer; display: inline-block; font-size: 180%; margin:0 auto; padding:15px 0; text-align:center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); max-width:380px; width:100%; text-decoration:none!important; box-sizing: border-box;}
   .seoknowhow-submit-button input:hover {font-size:180%; background-color:#ff942e; background-image:linear-gradient(to bottom, #ffc999, #e6730f); background-repeat:repeat-x; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color:#FFFFFF !important; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-image:none; border-radius:40px; border-style:solid; border-width:1px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); display:inline-block; padding:15px 0; text-align:center; cursor:pointer; text-decoration:none !important;}
   .seoknowhow-submit-button a:hover {font-size:180%; background-color:#ff942e; background-image:linear-gradient(to bottom, #ffc999, #e6730f); background-repeat:repeat-x; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color:#FFFFFF !important; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-image:none; border-radius:40px; border-style:solid; border-width:1px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); display:inline-block; padding:15px 0; text-align:center; cursor:pointer; text-decoration:none !important; box-sizing: border-box;}

   .seoknowhow-submit-button:after {content: " ";}

}














