/****************************************
          global　[ブログ全体]
*****************************************/

 ブログ全体の設定 

*,
::after,
::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: 62.5%;　[ブログ全体のフォントサイズ]
}
body {
font-family:'游ゴシック Medium', 'Yu Gothic Medium', 'Helvetica Neue', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', YuGothic, Arial, 'メイリオ', Meiryo, sans-serif;　[ブログ全体のフォントの種類]
font-size:16px; font-size:1.6rem;　[ブログのフォントサイズ]
line-height: 2.0;　[ブログの行間]
text-align: left;　[テキスト左寄せ]
background-color: $(subbackgroundcolor);　[ブログの背景色（テーマデザイナー設定）]
color:$(fontcolor);　[ブログの文字色（テーマデザイナー設定）]
min-width: 1200px;　[ブログの最小幅]
word-wrap:break-word;　[ブログの改行設定]
overflow-wrap:break-word;;　[ブログの改行設定]
}
::selection {}
h1,h2,h3,h4,h5,h6{
font-weight: normal;　[見出しの文字の太さ（ノーマル）]
}

 カラムの回り込み設定 

.clearfix:before,
.clearfix:after{
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0 !important;
}

 コンテナの設定 

.container{
margin: auto;
width: 84%;
}

.button a,
.menu a{
color: inherit;
text-decoration: none;
}

 ブログのリンク設定 

a{
text-decoration: none;
color: $(linkcolor);
}

 ブログの画像設定 

img{
height: auto;　[画像の高さ]
max-width: 100%;　[画像の最大横幅]
}

iframe{
max-width: 100%;
}
pre{
overflow:auto;
}

 レスポンシブ設定（768px以下のデバイスに対する設定） 

@media ( max-width : 768px ) {
body {
font-size:14px; font-size:1.4rem;　[フォントサイズ]
min-width: 0;
}
.container{
width: 90%;
}
}

※（）内は初期値