/* LICENSE & DETAILS
   ==================================================

	Theme Name: IntheDistance
	Description: IntheDistance is a simple & beautiful responsive wordpress theme.
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 0.2.0
	Tags: white, responsive-layout, two-columns, right-sidebar, custom-menu, theme-options, editor-style
	Author: Masamichi Ueta
	Author URI: http://www.uetamasamichi.com

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
	
	IntheDistance uses normalize.css - http://necolas.github.io/normalize.css/, licensed under The MIT License - http://opensource.org/licenses/mit-license.php
	
	IntheDistance uses Font Awesome by Dave Gandy - http://fontawesome.io
	Lisence
	・The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL.
	・Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - http://opensource.org/licenses/mit-license.html.
	・The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
	・Attribution is no longer required in Font Awesome 3.0, but much appreciated: Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome.
	
	IntheDistance uses Responsive Nav by Viljami Salminen - http://responsive-nav.com/, licensed under The MIT License - http://opensource.org/licenses/mit-license.php
	
	
   ==================================================
*/


/*
 * This theme is respoinsive theme.
 * Three stylesheets
 *   - pc.css
 *   - tablet.css
 *   - smartphone.css
 * are loaded with media query by wp_enqueue_style
 * in inthedistance_scripts() in functions.php.
 */


/* ---------------------------------------------------------------------------------------------------------- 
General Settings ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body{
	font-family: "Times New Roman","Hiragino Kaku Gothic Pro","Osaka", "Meiryo","MS PGothic",sans-serif;
	background:#fff;
	width: 100%;
}

h1, h2, h3, h4, h5{
	font-weight: normal;
    padding: 10px 0 0 0;
    margin: 10px 0 10px 0;
}

h1{
	font-size: 32px;
}
h2{
	font-size: 28px;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 20px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 16px;
    padding: 10px 0;
    margin: 10px 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

hr{
	width: 100%;
	color: #5a5b5c;
}

.rainbowDash{
    width: 100%;
    height: 3px;
}

.rainbowDash .yellow,
.rainbowDash .blue

{
    float: left;
    width: 50%;
    height: 100%;
}

.rainbowDash .yellow { background-color: #f7ff3a; }
.rainbowDash .blue { background-color: #7fb5fc; }


a{
	text-decoration: none;
	color: #5a5b5c;
}

a:hover{
	color: #7fb5fc;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	margin-left: 2.1276%;
}

.grid1 {width: 6.3829%;}
.grid2 {width: 14.8936%;}
.grid3 {width: 23.4042%;}
.grid4 {width: 31.9148%;}
.grid5 {width: 40.4255%;}
.grid6 {width: 48.9361%;}
.grid7 {width: 57.4468%;}
.grid8 {width: 65.9574%;}
.grid9 {width: 74.4681%;}
.grid10 {width: 82.9787%;}
.grid11 {width: 91.4893%;}
.first {margin-left:0;clear: left;}


.more-link{
	float: right;
}

/*---------- FORMS ----------*/
input[type=text],input[type=submit],textarea {
	width:100%;
	padding:5px 5px;
	margin-bottom: 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type=submit] {
	color:#fff;
	text-shadow:none;
	display:block;
	border:0;
	text-transform:none;
	background:#5a5b5c;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.content input[type=submit]{
	width: auto;
	padding: 10px 20px;
	margin: 10px 0 10px 0;
}

input[type=submit]:hover,#contact-form input[type=submit]:active {
	background: #7b7b7b;
}

pre{
	border: 1px solid #ddd;
	line-height: 1.2em;
	font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
	padding: 10px;
	overflow:auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #ddd;
	margin: 0px;
}