/* PC・タブレットの場合のロゴサイズを大きく */
@media only screen and (min-width: 800px) {
 #logo{
 width:22%;
 margin-top:22px;
 }
}

/* スマホの場合のロゴサイズを大きく */
@media only screen and (max-width: 767px) {
 #logo a img{
 max-height: 50px;
 }
}

.nav > li {
width:175px; /* ナビゲーションの横幅 */
margin-top:px; /* ナビゲーションの上に余白を空けて、文字を下に下げる */
}

/* 補足の色変更 */
div.sharewrap {
background:#eaedf2;
}

/* グローバルナビの日本語を大きくする */
@media only screen and (min-width: 768px){
.nav > li > a{
 padding-top:5px;
 line-height:1.5;
 font-size:16px; 
 font-weight:bold;
}
.nav li a span{
 font-size:10px;
 margin-top:1px;
 position: static;
 font-weight:normal;
}
}

/*線の種類（実線） 太さ 色*/
h2 {
border-bottom: solid 3px #222;
}

h3 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

/*ボックスbox11*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}
 
/*ボックスbox1*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/*ボックスbox3*/
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #E6E6E6;/*背景色*/
	  border-radius: 10px;/*角の丸み*/

}
.box3 p {
    margin: 0; 
    padding: 0;
}

/*引用デザイン*/
blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}