@charset "UTF-8"; 
/*
Theme Name: Y1_3402_kouketuatu_2
Author: num
Description: This is my original theme.
Version: 1.0
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background-color:transparent;font-weight:400;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif}body{line-height:1.5;background:#fff;word-wrap:break-word;font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ul,ol,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}input{box-sizing:border-box}a,a:visited{margin:0;padding:0;font-size:100%;vertical-align:baseline;background-color:transparent;color:#333}a:hover{text-decoration:none}*{/zoom:1;-webkit-appearance:none}input[type="submit"]{-webkit-appearance:none;border-radius:0}.clearfix:after{content:"";display:block;clear:both;overflow:hidden;height:0}.clearfix{display:inline-block;display:block}.clear{clear:both}img{width:100%}#Content>div:first-child,#Content>div:last-child{box-sizing:border-box}

/*フォントファミリー*/
div,span,h1,h2,h3,h4,p,blockquote,samp,small,strong,sub,sup,dl,dt,dd,ol,ul,li,a,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,menu,nav,section,summary,time {
    font-family: 'Sawarabi Gothic', sans-serif;
}

/* フォントサイズ */
html {
    font-size: 62.5%;
}

body {
    background: #ffffff;
    counter-reset: number 0;
    font-size: 16px;
    font-size: 1.6rem;
}

/* ヘッダー */
#Header {
    position: relative;
    z-index: 99999;
}

.image-wrapper {
  background:#dcdcdc;
}

.image_wrapper_inner {
    background: url("image/front-header-image.png") no-repeat center bottom;
    padding: 157px 0;
    border-top:1px solid #798fa9;
    border-bottom:1px solid #798fa9;
    }


/* サイトタイトル */
#SiteTitle {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-align: center;
    background: #ffffff;
}

.Title a {
    color: #494949;
    text-align: center;
    display: block;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight:bold;
    position: relative;
    padding: 14px 0 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.Title a:hover {
    color: #f44336;
}

#menu {
    background: #798fa9;
}

#menu nav {
    max-width: 980px;
    margin: 0 auto;
    text-align:left;
    letter-spacing: -.4em;

}

#menu li {
    letter-spacing: normal;
    display: inline-block;
    margin-left:32px;
    vertical-align: middle;
}

#menu li a {
    color: #000000;
    text-decoration: none;
    position: relative;
    padding: 9px 0px;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
    font-size: 1.5rem;
    z-index: 4;
}

#menu li a:hover {
}

/* 画像 */
.single_image_wrapper_inner {
    padding: 220px 0 185px;
}

.front_image_wrapper_inner {
    padding: 220px 0 140px;
}

.image-wrapper-inner_text {
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.image-wrapper-inner_text p {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px;
    display: inline-block;
    border-top: 1px solid rgba(255, 255, 255, 0.41);
    margin-top: 12px;
}

/* パンくずリスト */
.breadcrumbsinner {
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
}

.breadcrumbs {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    line-height: 1.2;
    color: #000000;
}
.breadcrumbs span:last-child a {
	pointer-events: none;
	text-decoration: none;
}
.breadcrumbs span {
    font-size: 15px;
    font-size: 1.4rem;
    padding: 0;
    color: #564e35;
}

.breadcrumbs a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #494949;
    text-decoration: none;
}

/* 記事内コンテンツ全体 */
.box .text {
    margin: 0 14px;
}

#Content {
    flex: 1;
    padding: 0;
}

.home h2,.single h1,#Content h1{
    margin: 0 0 15px;
	position:relative;
	border-radius:5px;
	
	border:1px solid #798fa9;
	box-shadow:0px 0px 1px 0px #798fa9,0px 4px 0px 0px #798fa9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+1,e5e5e5+100 */
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 1%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f4f4 1%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f4f4 1%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding:  10px;
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	color: #000000;
}



#Content p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #000000;
}

#text p a, #NotFoundInner p a, .archiveInner p a {
    color: #0012ff;
    text-decoration: underline;
}

#Content p a:hover,#NotFoundInner p a:hover,.archiveInner p a:hover {
    text-decoration: none;
}

/* シェアボタン*/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?mgdqi2');
    src: url('fonts/icomoon.eot?mgdqi2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?mgdqi2') format('truetype'), url('fonts/icomoon.woff?mgdqi2') format('woff'), url('fonts/icomoon.svg?mgdqi2#icomoon') format('svg');
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\ea91";
}

.icon-twitter:before {
    content: "\ea96";
}

.SNS ul li a {
    text-decoration: none;
    color: #ffffff;
}

.sns_t, .sns_f {
    margin-left: 12px;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1;
    background: #ababab;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
}

/* コンテンツ内h3、h4・リスト */
.home h3,.single h2 {
    margin: 0 0 16px 0;
    padding: 4px 14px ;
    border-left:5px solid #798fa9;
    border-bottom: 1px solid #798fa9;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.6;
    text-align: left;
    color: #000000;
}

.home h4,.single h3{
    margin: 20px 0;
    position: relative;
    padding: 8px 8px 8px 24px;
    font-size: 17px;
    font-size: 1.7rem;
    text-align: left;
    color: #000000;
    border-bottom: 1px solid #000000;
}

.home h4::after,.single h3::after {
    position: absolute;
    top: 12px;
    left: 3.5px;
    content: '■';
    font-size: 12px;
}
.single h4{
	margin: 20px 0;
	font-size: 17px;
	font-size: 1.7rem;
	border-bottom: 1px dashed #000000;
}
/*引用文*/
blockquote {
    position: relative;
    padding: 21px 15px;
    margin: 21px 0;
    box-sizing: border-box;
    font-style: italic;
    color: #8096ad;
    border:1px solid #798fa9;
}

blockquote:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 11px;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
   color: #8096ad;
    font-size: 70px;
    line-height: 1;
}

#Content blockquote p {
    padding: 0!important;
    margin: 0 0 22px!important;
    color: #8096ad;
}

blockquote cite {
    color: #000000;
    font-size: 0.9em;
}

blockquote cite a {
    color: #0012ff !important;
}

/* aside・details整形用 */
.supplement {
    margin: 30px 0px;
    padding: 0;
    background: #ffffff;
}

.supplement h3,.supplement summary {
    padding: 10px 15px 4px !important;
    margin: 0!important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    position: relative;
    background: #798fa9 !important;
}

.supplement h3 {
    position: relative;
    font-weight: normal !important;
    border: none !important;
    border-bottom: 1px dotted #ffffff !important;
}

.supplement summary::after {
    display: none;
}

.supplement h3::before, .supplement h3::after {
    display: none;
}

.supplement p {
    line-height: 1.8;
    padding: 10px !important;
    margin: 0 !important;
    background: #f7f5f4;
    color: #14213D;
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

.supplement p a {
    color: #0035ff;
    padding: 0 3px;
}

/* サイドバー */
.widget_title div {
    position: relative;
    padding: 4px 12px;
    background: #798fa9;
    border: 1px solid #3e5a7b;
    border-left: 12px solid #3e5a7b;
    line-height: 1.6;
    text-align: left;
    color: #ffffff;
    font-size: 22px;
    font-size: 2.2rem;
}

/* ウィジェット */
.search_container {
    position: relative;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    max-width: 320px;
    height: 2.2em;
    overflow: hidden;
    background: #969696;
}

.search_container input[type="text"] {
    border: none;
    color: #000000;
    padding: 0 0 0 10px;
    height: 2.0em;
    background: #969696;
}

.search_container input[type="text"]:focus {
    outline: 0;
}

.search_container input[type="submit"] {
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.3em;
    border: none;
    background: none;
    color: #000;
    position: absolute;
    height: 2.5em;
    right: 8px;
    top: -10px;
    outline: none;
}

.search_container ::-webkit-input-placeholder {
    color: #000;
}

.widget {
    margin-bottom: 40px;
}

.widget ul li {
    text-align: left;
    padding: 12px;
}

.widget ul li a {
    color: #494949;
    font-size: 16px;
    font-size: 1.6rem;
    transition-duration: 0.7s;
    text-decoration: none;
}

.widget ul li a:hover {
    color: #f44336;
    text-decoration: underline;
}

.widget_search {
    position: relative;
    box-sizing: border-box;
    display: block;
}

.widget_search input[type="text"] {
    border: none;
    width: 70%;
    color: #000000;
    padding: 0 0 0 10px;
    height: 40px;
    background: #e4e4e4;
}

.widget_search input[type="submit"] {
    font-size: 13px;
    font-size: 1.3rem;
    width: 27%;
    border: 1px solid #e4e4e4;
    height: 40px;
    background: none;
    color: #000;
}

.widget_search ::-webkit-input-placeholder {
    color: #000;
}

/* 人気記事ウィジェット、アイキャッチ付きウィジェット*/
.widget .thumbnail_list {
    margin: 20px 0;
    padding: 8px;
    border: 1px solid #b9b9b9;
    position: relative;
}

#widget_area .cat-data a {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    padding: 3px 6px;
    color: #000000;
    text-decoration: none;
    background: #E5E5E5;
    box-sizing: border-box;
}

.new,.rank-count {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 30px;
    color: #fff;
    z-index: 1;
}

.new {
    background: #ff4c4c;
    padding: 0 4px;
}

.rank-count {
    width: 30px;
    height: 30px;
    background: #ff4c4c;
}

.r-count1 {
    background: #ffb000;
}

.r-count2 {
    background: #b9b9b9;
    color: #000000;
}

.r-count3 {
    background: #7e5607;
}

time {
    display: block;
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
}

/* リスト */
#text ul, #text ol {
    margin: 20px 0;
    padding: 8px 14px 8px 35px;
}

#text ul {
    background: #798fa9;
}

#text ol {
    background: #798fa9;
}

#text ul li, #text ol li {
    position: relative;
    padding: 8px 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

#text ul li {
    list-style-type: disc;
    color: #ffffff;
}

#text ol li {
    list-style-type: decimal;
    color: #ffffff;
}

strong {
    color: #000000;
    font-size: 18px;
    font-size: 1.8rem;
    background: linear-gradient(transparent 60%, #fff799 60%);
    font-weight: bold;
}

/* ページネーション */
#paging {
    overflow: hidden;
    margin: 24px 0;
}

#paging .next a, #paging .prev a {
    background: #363f4a;
    padding: 12px;
    color: #ffffff;
    display: block;
    text-decoration: none;
}

#paging .prev {
    text-align: left;
}

#paging .next {
    text-align: right;
}

#paging .next i {
    margin-left: 8px
}

#paging .prev i {
    margin-right: 8px
}

#paging .next a:hover, #paging .prev a:hover {
    background: #03a9f4;
}

@media only screen and (min-width: 769px) {
    #paging .prev {
        float: left;
        width: 48%;
        margin: 0;
    }

    #paging .next {
        float: right;
        width: 48%;
        margin: 0;
    }
}

/* dl */
dl {
    margin: 15px 0px;
}

dt {
    margin-top: 1em;
    padding: 12px;
    color: #ffffff;
    background-color: #798fa9;
}

dd {
    padding: 12px;
    margin-left: 0;
    font-size: .8em;
    border: 1px solid #798fa9;
}

/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
.archiveInner {
    padding: 24px 0;
}

.sitemapinner h1 {
    font-size: 25px;
    font-size: 2.5rem;
    padding: 24px 0;
    color: #494949;
}

/* 404 */
#NotFoundInner {
    max-width: 980px;
    margin: 0 auto;
    padding: 40px;
}

.error404 #Page h1 {
    color: #f44336;
    text-align: center;
    font-size: 44px;
    font-size: 4.4rem;
    margin-bottom: 27px;
    word-spacing: 9px;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
}

.error404 #Page h1 span {
    font-size: 90px;
    font-size: 9.0rem;
    line-height: 1;
    display: block;
}

#NotFoundInner p {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 11px;
    margin: 0;
}

.archiveInner ul {
    margin: 0;
    padding: 0;
}

.archiveInner ul {
    text-align: left;
}

.archiveInner ul li {
    box-sizing: border-box;
    width: 100%;
    vertical-align: top;
    margin: 10px 0 0 0;
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

.archiveInner ul li:nth-child(3n) {
    margin-right: 0;
}

.archiveInner ul li:hover {
    background: #ffffff;
}

.archiveInner ul li p {
}

.archiveInner img {
    float: left;
    width: 120px;
    height: auto;
    margin: 0;
}

.list-box {
    box-sizing: border-box;
    margin-left: 132px;
    line-height: 1.4;
}

.list-box p a {
    padding: 5px 10px;
    color: #494949;
    width: 75px;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    text-decoration: none;
}

.list-box p a:hover {
    text-decoration: underline;
}

.post-data {
    margin: 12px 0;
    display: block;
}

.post-data time {
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
    color: #494949;
    padding: 4px 0;
}

#Content .archiveInner ul li h2 {
    margin: 0 0 3px;
    padding: 0;
    text-align: left;
}

#Content .archiveInner ul li h2 a {
    color: #494949;
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
    line-height: 1.6;
}

.archiveInner ul li h2 a:hover {
    text-decoration: none;
}

/* 関連トピックス */
#Relation ul li {
    padding: 24px 0;
    box-sizing: border-box;
}

#Relation ul li {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 3%;
}

#Relation ul li:nth-of-type(2n) {
    margin-right: 0;
}

#RelationTitle {
    position: relative;
    margin: 17px 0;
    padding: 4px 12px;
    background: #798fa9;
    border: 1px solid #3e5a7b;
    border-left: 5px solid #3e5a7b;
    line-height: 1.6;
    text-align: left;
    color: #ffffff;
    font-size: 22px;
    font-size: 2.2rem;
}

.list-contents img {
    display: block;
    border: 1px solid #b8b8b8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#Relation ul li img:hover {
    border: 1px solid #494949;
    box-shadow: 4px 4px 0px #494949;
}

.NewsTitle {
    text-align: center;
    margin: 12px 0;
}

.NewsTitle a {
    color: #494949;
    text-decoration: none;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    line-height: 1.6;
    padding: 0 0 6px;
}

.NewsTitle a:hover {
    color: #000000;
}

#Relation p {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    color: #494949;
}

#Relation p a {
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    width: 100px;
    margin: 10px auto 0;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    border:1px solid #798fa9;
    transition-duration: 0.7s;
    background: #798fa9;
    text-decoration: none;
}

#Relation p a:hover {
    border:1px solid #798fa9;
    background:#ffffff;
    color: #000000;
}

/* フッター */
#footer .inner {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

#page-top {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}

#page-top a {
    background: #494949;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 12px 0;
    width: 100px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    display: block;
}

#page-top a:hover {
    text-decoration: none;
    color: #ffffff;
}

#footer {
    background: #ffffff;
}

.Copyright {
    clear: both;
    background: #494949;
    font-size: 13px;
    font-size: 1.3rem;
    color: #ffffff;
    line-height: 50px;
}

.Copyright .inner {
    overflow: hidden;
}

.Copyright p {
    float: left;
}

.inner .sitemap {
    float: right;
    padding: 0 10px;
}

.sitemap a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #ffffff;
    text-decoration: none;
    text-align: right;
}

.sitemap a:hover {
    text-decoration: underline;
}

.Copyright a {
    color: #ffffff;
    text-decoration: none;
}

.Copyright a:hover {
    color: #03a9f4;
    text-decoration: underline;
}

/* 記事内画像 */
.left,.right,.center {
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    box-shadow: 0 0 0 1px #b9b9b9;
    text-align: center;
}

.center {
    max-width: 100%;
    margin: 0 auto 24px;
}

.right {
    float: right;
    max-width: 300px;
    margin: 0 0 0 12px;
}

.left {
    float: left;
    max-width: 400px;
    margin: 0 12px 0 0;
}

@media only screen and (min-width: 769px) {
    button {
        display:none;
    }

    #menu .toc_list a:before, #menu .toc_list a:after {
        content: "";
        position: absolute;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    #menu-title {
        display: none;
    }

    #wrap {
        display: -webkit-flex;
        display: flex;
        max-width: 1080px;
        margin: 30px auto;
    }

    #SideContent {
        width: 300px;
        margin: 0 0 0 3%;
    }

    /* 画像関係 */
    .list-contents,.thumbnail {
        overflow: hidden;
        box-shadow: 0 0 0 1px #b9b9b9;
        margin-bottom: 12px;
        box-sizing: border-box;
    }

    .list-contents img,.thumbnail img {
        display: block;
    }

    .list-contents a,.thumbnail a {
        display: block;
        position: relative;
        cursor: pointer;
        transition-duration: 0.7s;
    }

    .list-contents a::before,.thumbnail a::before {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        content: "Read More";
        width: 100%;
        height: 100%;
        background:rgba(0, 0, 0, 0.61);
        color: #fff;
        font-size: 25px;
        letter-spacing: 4px;
        filter: blur(4px);
        transition-duration: 0.7s;
        opacity: 0;
        z-index: 9999;
    }

    .list-contents a:hover,.thumbnail a:hover {
        transform: scale(1.1);
    }

    .list-contents a:hover::before,.thumbnail a:hover:before {
        transform: scale(1.3);
        filter: blur(0);
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .menu-trigger, .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .menu-trigger {
        position: absolute;
        top: 0;
        right: 8px;
        bottom: 0;
        margin: auto;
        width: 35px;
        height: 35px;
    }

    .menu-trigger button {
        display: block;
        background: none;
        border: none;
        margin: 0 auto;
        position: relative;
        padding: 0;
        width: 35px;
        height: 35px;
    }

    /* 全体 */
    #wrap {
        margin: 0 auto;
        padding: 0;
    }

    #Content {
        padding-top: 14px;
        padding-left: 14px;
        padding-right: 14px;
    }

    /* ヘッダー */
    .Title {
        padding: 14px 55px 14px 8px;
        margin: 0 auto;
        width: auto;
    }

    .Title a {
        font-size: 23px;
        font-size: 2.3rem;
        text-align: center;
        line-height: 1.5;
        padding: 0;
        color: #494949;
    }

    #menu .toc_list {
        width: 100%;
        display: block;
        border-bottom: 1px solid #d7d4cc;
    }

    #menu .toc_list a {
        padding: 20px 0;
        color: #000000;
        font-size: 15px;
        font-size: 1.5rem;
    }

    #menu span a:before, #menu span a:after {
        display: none;
    }

    .breadcrumbsinner {
        margin: 0;
        padding: 11px 8px;
    }

    .Title img {
        max-width: 220px;
        margin: 0 auto;
    }

    /* サイトタイトル */
    #SiteTitle_inner {
        padding: 0;
    }

    #SiteTitle {
        margin: 0px auto;
        padding: 0;
        border-bottom: none;
    }

    #sub_text p {
        padding: 12px 0;
        text-align: left;
    }

    /* ヘッダー画像 */
    .image_wrapper_inner {
        padding: 70px 0 70px;
        background: url(image/front-header-image.png) no-repeat center bottom;
        background-size: contain;
    }

   .image_wrapper_inner {
        padding: 46px 0;
    }

    /*ボックス全体*/
    /* ナビゲーション */
    #menu {
        margin: 0;
        display: none;
    }

    #menu.active {
        display: block;
        position: absolute;
        width: 100%;
    }

    #menu ul li {
        width: 100%;
    }

    #menu ul li a {
        padding: 30px 8px;
    }

    /* ヘッダー画像 */
    .front_image_wrapper_inner {
        height: auto;


        padding: 100px 0 33px;
    }

    .single_image_wrapper_inner {
        height: auto;
        padding: 100px 0;
    }

    .front_image_wrapper_inner .bgImg {
        background-size: cover;
    }

    .image-wrapper-inner_text h2 {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .image-wrapper-inner_text p {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 12px 8px 0;
    }

    /* 記事内コンテンツ全体 */
    .home h2,.single h1,#Content h1 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .home h3,.single h2 {
        font-size: 19px;
        font-size: 1.9rem;
    }


    .home h4,.single h3 {   
        font-size: 18px;
        font-size: 1.8rem;
    }
    .SNS {
        margin-bottom: 24px;
    }

    ul.sns_btn {
        text-align: center;
        margin: 0;
        letter-spacing: -.4em;
    }

    .box .text {
        margin: 0;
    }


    #Content ul, #Content ol {
        margin: 24px 0;
    }

    #Content ul li, #Content ol li {
        width: auto;
    }

    #Content p, #NotFoundInner p {
        line-height: 1.6;
        margin-bottom: 24px;
        padding: 0;
    }

    .archiveInner p {
        padding: 0
    }

    /* シングルページのコンテンツ */
    #MainArea {
        margin: 0 0 10px 0;
    }

    .button-area {
        position: fixed;
        bottom: 0;
        z-index: 99999;
        width: 100%;
        padding: 6px 0;
        box-sizing: border-box;
        border-top: 3px solid #b9b9b9;
        background-color: #ffffff;
    }

    ul.sns_btn li.sns_btnInner {
        display: inline-block;
        margin: 0 7% 0 0;
    }

    /* 404 */
    #NotFoundInner {
        padding: 0;
    }

    /* アーカイブ・検索ページ */
    .archiveInner ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .archiveInner ul li {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 16px;
        display: block;
        padding: 10px;
    }

    .archiveInner ul li h2 {
        margin: 0px 0px 5px 0px !important;
        text-align: left;
        padding: 0px 0px 0px 0px !important;
    }

    .list-box p a {
        display: inline-block;
        margin-left: 0;
        padding: 5px;
    }

    .archiveInner img {
        float: left;
        width: 65px;
        margin-right: -65px;
    }

    .list-box {
        box-sizing: border-box;
        margin-left: 75px;
    }

    .archiveInner ul li h2 a {
        line-height: 1.4;
        font-size: 16px;
        font-size: 1.6rem;
    }

    /* サイドコンテンツ */
    #SideContent {
        padding: 12px;
    }

    .thumbnail img {
        float: left;
        width: 100px;
        margin-right: -100px;
        box-shadow: 0 0 0 1px #b9b9b9;
        height: auto;
        padding: 0;
    }

    .new_title {
        vertical-align: top;
        display: block;
        padding: 0;
        margin-left: 110px;
        line-height: 1.4;
        text-align: left;
    }

    /* 関連トピックス*/
    .Relation_inner {
        margin-bottom: 25px;
    }

    #RelationTitle {
        font-size: 20px;
        font-size: 2.0rem;
    }

    #Relation p a {
        margin: 0;
        margin-left: auto;
        margin-top: 14px;
    }

    #Relation ul li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
        padding: 0;
    }

    #Relation ul li:last-child {
        margin: 0;
    }

    #Relation p {
        margin: 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    #Relation img {
        float: left;
        width: 80px;
        margin-right: -80px;
        height: auto;
        padding: 0;
    }


    .RelationBox {
        vertical-align: top;
        display: block;
        padding: 0;
        margin-left: 90px;
        line-height: 1.4;
        text-align: left;
    }

    .NewsTitle {
        text-align: left;
        margin: 0 0 12px;
    }

    /* フッター */
    #footer_menu {
        text-align: left;
    }

    .Copyright {
        margin: 0px auto;
        padding: 8px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
    }
}

@media only screen and (max-width: 660px) {
    /* 記事内画像 */ .left,.right,.center {
        display:block;
        float: none;
        width: 100%;
        height: auto;
        margin: 12px auto;
        padding: 0;
    }

    .left,.right,.center {
        max-width: 400px;
    }
}

@media only screen and (max-width: 414px) {
    .Title a {
        text-align: left;
    }

    .Title {
        padding: 10px 50px 10px 8px;
    }
}