@charset "UTF-8";
/* ----------------
acms.cssの上書き
------------------ */
@media screen and (max-width: 767px) { .acms-entry [class*=column-eximage-].nocaption, .acms-entry [class*=column-image-].nocaption, .acms-entry [class*=column-map-], .acms-entry [class*=column-media-].nocaption, .acms-entry [class*=column-video-], .acms-entry [class*=column-yolp-], .acms-entry [class*=column-youtube-] { text-align: center; }
  .column-eximage-left, .column-image-left, .column-media-left { float: none; text-align: center; }
  .column-eximage-right, .column-image-right, .column-media-right { float: none; text-align: center; } }
.detail-fade-head { text-decoration: none; font-size: 14px; }

.detail-fade-head:link, .detail-fade-head:hover, .detail-fade-head:visited { text-decoration: none; }

.fieldTitle { padding: 0 !important; font-size: 16px !important; margin: 10px 0; }

.fieldTitle a, .fieldTitle:link, .fieldTitle:hover, .fieldTitle:visited { text-decoration: none; }

#entryForm { font-size: 14px; }

.acms-admin-edit-info-heading a:link { color: #FFFFFF; }

@media (min-width: 768px) { [class*='acms-col'] { padding-left: 15px; padding-right: 15px; } }
[class*='acms-col'] { padding-left: 15px; padding-right: 15px; }

/* ----------------
全体
------------------ */
body { color: #333333; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif; font-size: 16px; }

a:visited { color: #5E5CBA; }

a:link { color: #1258A0; }

.blogContainer { max-width: 1080px; margin: 0 auto; padding: 25px 10px 50px 10px; }

/* ----------------
バナー
------------------ */
.blogBannerList { padding: 0; margin: 0 0 40px 0; }

.blogBannerList li { list-style-type: none; padding: 0; margin-bottom: 40px; }

.blogBannerList a:hover { opacity: .7; }

.blogBannerList img { max-width: 100%; height: auto; }

@media screen and (max-width: 767px) { .blogBannerList { text-align: center; } }
/* ----------------
カートテーマ
------------------ */
.blogCartTable input[type="text"] { font-size: 13px; padding: 5px 5px 4px; border: 1px solid #A7A7AA; border-radius: 3px; color: #333; line-height: 1; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; }

.blogCartBtn { padding: 14px 10px; border: 1px solid #a7a7aa; border-radius: #949494; background-color: #333333; text-decoration: none; text-align: center; line-height: 1; border-radius: 5px; font-size: 14px; line-height: 1.5; color: #FFFFFF; border: none; padding: 10px; background: #949494; -webkit-transition: background .2s; transition: background .2s; display: inline-block; margin-right: 10px; }

.blogCartBtn:hover { background: #333333; }

.blogCartBtn:last-child { margin-right: 0; }

.blogCartBtnWrapper { text-align: center; }

.blogCartBtnPrimary { padding: 14px 10px; border: 1px solid #a7a7aa; border-radius: #2262ac; background-color: #153964; text-decoration: none; text-align: center; line-height: 1; border-radius: 5px; font-size: 14px; line-height: 1.5; color: #FFFFFF; border: none; padding: 10px; background: #2262ac; -webkit-transition: background .2s; transition: background .2s; display: inline-block; margin-right: 10px; }

.blogCartBtnPrimary:hover { background: #153964; }

.blogCartFlowList { padding: 0; }

.blogCartFlowList li { list-style-type: none; display: inline-block; margin-right: 20px; margin-bottom: 15px; }

.blogCartFlowList a, .blogCartFlowList a:link, .blogCartFlowList a:hover, .blogCartFlowList a:visited { text-decoration: none; color: #2262AC; font-weight: bold; }

.blogCartFlowListNumber { margin-right: 10px; background: #B9B9B9; display: inline-block; text-align: center; width: 25px; height: 25px; border-radius: 50%; color: #FFFFFF; }

.blogCartFlowList .current { color: #333333; font-weight: bold; }

.blogCartFlowList .current .blogCartFlowListNumber { background: #333333; }

.blogCartSearch dt { font-size: 20px; color: #333333; margin-bottom: 20px; font-weight: bold; }

.blogCartSearch dd { margin-left: 10px; }

.blogCartSearch select { margin-bottom: 10px; }

.blogCartSearch .acms-form-radio { margin-bottom: 10px; }

.blogCartSearch .acms-form-checkbox { margin-bottom: 10px; }

.blogCartSearchText { font-size: 16px; color: #333333; font-weight: bold; margin: 0 0 10px 0; }

.blogCartSearchSelectText { display: inline-block; margin-right: 15px; }

.blogCartSearchBtn { display: inline-block; padding: 14px 10px; border: 1px solid #a7a7aa; border-radius: #949494; background-color: #333333; text-decoration: none; text-align: center; line-height: 1; border-radius: 5px; font-size: 14px; line-height: 1.5; color: #FFFFFF; border: none; padding: 10px; background: #949494; -webkit-transition: background .2s; transition: background .2s; width: 130px; margin: 10px auto 40px auto; }

.blogCartSearchBtn:hover { background: #333333; }

/* ----------------
コメント
------------------ */
.blogComment { margin-bottom: 50px; }

.blogCommentRequired { display: block; float: right; background: #E30314; border-radius: 3px; font-size: 11.33px; color: #FFFFFF; padding: 0 8px; }

@media screen and (max-width: 767px) { .blogCommentRequired { display: inline-block; float: none; margin-left: 25px; } }
.blogCommentTable { width: 100%; margin-bottom: 15px; border-top: none; }

.blogCommentTable th { vertical-align: top; font-size: 16px; color: #000000; line-height: 24px; text-align: left; font-weight: normal; white-space: nowrap; padding: 5px 20px 5px 0; border-bottom: none; }

.blogCommentTable td { padding: 5px 0; border-bottom: none; }

.blogCommentTable input[type="text"], .blogCommentTable input[type="password"] { border-radius: 3px; width: 100%; height: 40px; padding: 0 10px; line-height: 40px; font-size: 16px; border: 1px solid #B2B2B4; }

.blogCommentTable textarea { border-radius: 3px; width: 100%; border: 1px solid #B2B2B4; font-size: 16px; padding: 0 10px; line-height: 40px; }

@media screen and (max-width: 767px) { .blogCommentTable { display: block; }
  .blogCommentTable tbody, .blogCommentTable td, .blogCommentTable th, .blogCommentTable tr { display: block; } }
.blogCommentBtn, .blogCommentBtnInline { font-size: 14px; width: 152px; padding: 10px 0; margin-bottom: 10px; color: #FFFFFF; text-align: center; background: #949494; -webkit-transition: background .2s; transition: background .2s; border-radius: 5px; border: none; }

.blogCommentBtn:hover, .blogCommentBtnInline:hover { background: #333333; }

.blogCommentBtn { display: block; margin: 0 auto; }

.blogCommentBtnInline { display: inline-block; }

.blogCommentList { border-top: 1px solid #979797; padding: 0; margin: 0 0 20px 0; }

.blogCommentList li { list-style-type: none; border-bottom: 1px solid #979797; display: block; padding: 15px 0; }

.blogCommentListTitle { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #333333; }

.blogCommentListText { margin: 0 0 15px 0; font-size: 16px; color: #333333; line-height: 2em; }

.blogCommentListFooter { text-align: right; margin: 0; font-size: 14px; color: #636363; }

.blogCommentSerialNav { list-style-type: none; margin: 0; padding: 0; }

.blogCommentSerialNav li { list-style-type: none; display: block; background: #949494; -webkit-transition: background .2s; transition: background .2s; border-radius: 5px; }

.blogCommentSerialNav li:hover { background: #333333; }

.blogCommentSerialNav a, .blogCommentSerialNav a:link, .blogCommentSerialNav a:hover, .blogCommentSerialNav a:visited { display: block; font-size: 14px; padding: 5px 10px; color: #FFFFFF; text-decoration: none; }

.blogCommentSerialNavNext { float: right; }

.blogCommentSerialNavPrev { float: left; }

/* ----------------
エントリーリスト
------------------ */
.blogEntryList { margin: 0 0 35px 0; padding: 0; }

.blogEntryList li { list-style-type: none; margin-bottom: 20px; display: block; }

.blogEntryListBg { display: table; width: 100%; -o-background-size: cover; color: #FFFFFF; background: #333333 url(../images/bg/noImage.png) center; height: 150px; text-shadow: 0px 0px 3px #000000; background-size: cover; }

.blogEntryListBg:hover { opacity: .7; }

.blogEntryList a, .blogEntryList a:link, .blogEntryList a:hover, .blogEntryList a:visited { text-decoration: none; color: #FFFFFF; text-shadow: 0px 0px 3px #000000; }

.blogEntryListInner { display: block; width: 100%; height: 100%; display: table-cell; vertical-align: bottom; }

.blogEntryListShadow { padding: 10px 5px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(34%, rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.7) 34%); }

.blogEntryListDate { margin-top: 0; margin-bottom: 5px; font-size: 93%; }

.blogEntryListTitle { margin-top: 0; margin-bottom: 0; font-size: 15px; }

@media screen and (max-width: 767px) { .blogEntryList { margin: 0 0 35px 0; }
  .blogEntryList li { width: 100%; float: none; padding: 0; } }
/* ----------------
カテゴリーリスト
------------------ */
.blogCategoryList { margin: 0 0 40px 0; padding: 0; }

.blogCategoryListAmount { position: absolute; right: 5px; top: 50%; margin-top: -12px; display: inline-block; border-radius: 3px; background: #E3E3E3; font-size: 13px; line-height: 25px; min-width: 36px; color: #777777; padding: 0 5px; text-align: center; float: right; }

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

.blogCategoryList li { display: block; list-style-type: none; font-size: 16px; line-height: 1.5; padding: 15px 60px 15px 5px; border-bottom: 1px solid #979797; }

.blogCategoryList li ul { margin: 15px -60px -15px -5px; border-top: none; }

.blogCategoryList li li { padding: 5px 60px 5px 20px; border-top: 1px solid #FFFFFF; border-bottom: none; font-size: 15px; }

.blogCategoryList li li ul { margin: 5px -60px -5px -20px; }

.blogCategoryList li li li { padding: 5px 60px 5px 40px; font-size: 14px; }

.blogCategoryList li li li a { margin: -5px -60px -5px -40px; padding: 5px 60px 5px 40px; background: #dddddd; -webkit-transition: background .2s; transition: background .2s; }

.blogCategoryList li li li a:hover { background: #CCC; }

.blogCategoryList li li a { margin: -5px -60px -5px -20px; padding: 5px 60px 5px 20px; background: #eeeeee; -webkit-transition: background .2s; transition: background .2s; }

.blogCategoryList li li a:hover { background: #bbbbbb; }

.blogCategoryList li li .blogCategoryListAmount { background: #FFFFFF; }

.blogCategoryList li a { position: relative; display: block; color: #333333; text-decoration: none; margin: -15px -60px -15px -5px; padding: 15px 60px 15px 5px; background: #ffffff; -webkit-transition: background .2s; transition: background .2s; }

.blogCategoryList li a:hover { background: #cccccc; }

.blogPager { width: 100%; }

.blogPager ul { margin: 0 135px; padding: 0; text-align: center; }

.blogPager li { list-style-type: none; background: #FFFFFF; margin-bottom: 5px; }

.blogPager li span { display: block; width: 100%; border-radius: 5px; background: #FFFFFF; border: 1px solid #949494; font-size: 14px; color: #949494; }

.blogPager li a > span { color: #FFFFFF; background: #949494; -webkit-transition: background .2s; transition: background .2s; }

.blogPager li a > span:hover { background: #333333; }

.blogPager a, .blogPager a:link, .blogPager a:hover { display: block; width: 100%; color: #FFFFFF; text-decoration: none; }

.blogPagerItem { width: 37px; height: 33px; line-height: 33px; display: inline-block; }

.blogPagerNext { float: right; height: 33px; line-height: 33px; margin: 0; }

.blogPagerNext a { border-radius: 5px; padding: 0 10px; background: #949494; -webkit-transition: background .2s; transition: background .2s; }

.blogPagerNext a:hover { background: #333333; }

.blogPagerNextIcon { margin-left: 5px; }

.blogPagerContainer { position: relative; }

.blogPagerPrev { float: left; height: 33px; line-height: 33px; margin: 0; }

.blogPagerPrev a { border-radius: 5px; padding: 0 10px; background: #949494; -webkit-transition: background .2s; transition: background .2s; }

.blogPagerPrev a:hover { background: #333333; }

.blogPagerPrevIcon { margin-right: 5px; }

@media screen and (max-width: 767px) { .blogPager { display: table; }
  .blogPagerContainer { display: table-footer-group; }
  .blogPager ul { margin: 0; } }
/* ----------------
プロフィール部分
------------------ */
.blogProfile { margin-bottom: 40px; }

.blogProfileImg { max-width: 100%; height: auto; display: block; margin: 0 auto 15px auto; }

.blogProfilePosition { font-size: 16px; line-height: 1.3; color: #333333; margin-top: 0; margin-bottom: 10px; }

.blogProfileName { font-size: 20px; color: #333333; line-height: 1.7; margin-top: 0; margin-bottom: 10px; }

.blogProfileText { font-size: 14px; color: #333333; margin-bottom: 15px; }

.blogProfileIconList { margin: 0; padding: 0; text-align: center; }

.blogProfileIconList li { list-style-type: none; display: inline-block; color: #FFFFFF; }

.blogProfileIconList a { color: #ffffff; }

.blogProfileIconList a:link, .blogProfileIconList a:visited, .blogProfileIconList a:hover { color: #ffffff; }

.blogProfileIconList a, .blogProfileIconList a:link, .blogProfileIconList a:hover, .blogProfileIconList a:visited { color: #FFFFFF; text-decoration: none; }

.blogProfileIconList a { display: block; width: 44px; height: 44px; line-height: 44px; font-size: 24px; border-radius: 50%; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }

.blogProfileIconList a:hover { opacity: 0.6; }

.blogProfileIconTwitter a { background: #55ACEE; }

.blogProfileIconFacebook a { background: #3B5998; }

.blogProfileIconGplus a { background: #CC3732; }

/* ----------------
サーチフォーム
------------------ */
.blogSearchForm { margin-bottom: 40px; display: table; table-layout: fixed; width: 100%; }

.blogSearchFormText { width: 100%; display: table-cell; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid #BFBFBF; height: 30px; line-height: 30px; font-size: 14px; padding: 0 5px; }

.blogSearchFormBtnWrap { display: table-cell; position: relative; width: 40px; height: 30px; }

.blogSearchFormBtn { width: 100%; height: 30px; padding: 0; text-align: center; background: #949494; font-size: 18px; color: #FFFFFF; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: none; margin-left: -1px; vertical-align: middle; position: absolute; top: 0; left: 0; }

.blogSearch { margin-bottom: 25px; }

.blogSearchHeading { font-size: 18px; color: #979797; line-height: 1.3; border-bottom: 1px solid #979797; }

.blogSearchHeading a { font-size: 22px; color: #333333; font-weight: bold; text-decoration: none; }

/* ----------------
ブログのナビゲーション
------------------ */
.blogSpNavi { display: none; margin: -10px -10px 10px -10px; }

.blogSpNaviHeading { background: #555555; padding: 15px; font-size: 18px; color: #FFFFFF; text-shadow: 0px -1px 0px #000000; margin: 0; }

.blogSpNaviList { color: #333333; font-size: 18px; font-weight: bold; text-shadow: 0px -1px 0px #ffffff; background: #F3F3F3; padding: 0; margin: 0; }

.blogSpNaviList ul { margin-bottom: -10px; }

.blogSpNaviList li { display: block; padding: 10px 15px; }

.blogSpNaviList li li { margin: 0px -15px 0 -15px; }

.blogSpNaviList li li:first-child { margin-top: 10px; }

.blogSpNaviList a { display: block; margin: -10px -15px; padding: 10px 15px; border-bottom: 1px solid #C1BFBF; background: #f3f3f3; -webkit-transition: background .2s; transition: background .2s; }

.blogSpNaviList a:hover { background: #c0c0c0; }

.blogSpNaviList a, .blogSpNaviList a:hover, .blogSpNaviList a:link, .blogSpNaviList a:visited { text-decoration: none; color: #333333; }

@media screen and (max-width: 767px) { .blogSpNavi { display: block; } }
/* ----------------
タグクラウド
------------------ */
/* ----------------
エントリーの部分
------------------ */
.blogEntryWithBorder { padding-bottom: 20px; border-bottom: 1px solid #979797; margin-bottom: 40px; }

.blogEntryDate { font-family: Verdana; font-size: 16px; color: #595959; margin-top: 0; margin-bottom: 8px; }

.blogEntryHeader { margin: 0 0 20px 0; border: 1px solid #CCC; border-left: 6px solid #8C0000; padding: 9px 20px 0; }

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

.blogEntryTitle { font-size: 24px; color: #333333; margin: 14px 0 8px 0; line-height: 1.4em; }

.blogEntryTitle a { color: #333333; }

.blogEntryTitle a:link, .blogEntryTitle a:visited, .blogEntryTitle a:hover { color: #333333; }

.blogEntryTitle a { text-decoration: none; }

.blogEntryTitle a:link, .blogEntryTitle a:visited { text-decoration: none; }

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

.blogEntryTagList, .blogEntryCategoryList { padding: 0; margin: 0; font-size: 14px; display: inline; }

.blogEntryTagList a, .blogEntryCategoryList a { color: #2262ac; }

.blogEntryTagList a:link, .blogEntryCategoryList a:link, .blogEntryTagList a:visited, .blogEntryCategoryList a:visited, .blogEntryTagList a:hover, .blogEntryCategoryList a:hover { color: #2262ac; }

.blogEntryTagList a, .blogEntryCategoryList a { text-decoration: none; }

.blogEntryTagList a:link, .blogEntryCategoryList a:link, .blogEntryTagList a:visited, .blogEntryCategoryList a:visited { text-decoration: none; }

.blogEntryTagList a:hover, .blogEntryCategoryList a:hover { text-decoration: underline; }

.blogEntryTagListArrow, .blogEntryCategoryListArrow { display: inline-block; margin-left: 10px; }

.blogEntryTagListWrap, .blogEntryCategoryListWrap { max-width: 50%; padding: 0 20px 0 0; margin: 0 0 10px 0; float: left; }

.blogEntryTagListIcon, .blogEntryCategoryListIcon { color: #999999; font-size: 16px; vertical-align: baseline; }

.blogEntryTagListIcon:before, .blogEntryCategoryListIcon:before { vertical-align: middle; }

@media screen and (max-width: 767px) { .blogEntryTagListWrap, .blogEntryCategoryListWrap { max-width: 100%; float: none; } }
.blogEntryTagList li, .blogEntryCategoryList li { padding-right: 5px; list-style-type: none; display: inline-block; }

.blogEntryTagList li:first-child, .blogEntryCategoryList li:first-child { padding-left: 5px; }

.blogEntrySocialBtn { float: left; display: block; line-height: 1px; margin-bottom: 10px; margin-top: 5px; }

.blogEntrySocialBtnFacebook { margin-right: 35px; }

.blogEntrySocialBtnFacebook span { vertical-align: top !important; }

.blogEntryContinueLinkWrapper { margin-top: 0; margin-bottom: 20px; }

.blogEntryContinueLink { border-radius: 5px; font-size: 14px; line-height: 1.5; display: block; padding: 10px; float: right; max-width: 400px; text-decoration: none; background: #949494; -webkit-transition: background .2s; transition: background .2s; }

.blogEntryContinueLink:hover { background: #333333; }

.blogEntryContinueLink:link, .blogEntryContinueLink:hover, .blogEntryContinueLink:visited { text-decoration: none; color: #FFFFFF; }

.blogEntryContent { line-height: 1.9em; }

.blogEntryContent p { margin-bottom: 30px; }

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

.blogEntryContent h2 { margin: 10px 10px 25px 0px; padding: 18px 10px; font-size: 125%; color: #333333; border-top: 3px dotted #8F1001; border-bottom: 3px dotted #8F1001; }

.blogEntryContent h2:before { vertical-align: top; margin-right: 10px; width: 25px; height: 25px; border-radius: 50%; display: inline-block; }

.blogEntryContent h3 { margin: 0 10px 20px 10px; padding: 3px 10px; font-size: 150%; color: #FFF; background: #8E1001; border-left: 3px solid #C88A7F; }

.blogEntryContent h4, .blogEntryContent h5 { font-size: 18px; color: #333333; margin-bottom: 15px; }

.blogEntryContent ul { padding: 0 10px; margin: 0 0 30px 0; }

.blogEntryContent ul li { position: relative; font-size: 16px; color: #000; list-style-type: none; padding-left: 35px; }

.blogEntryContent ul li:before { position: absolute; top: 14px; left: 20px; content: ""; display: inline-block; background: #848484; width: 6px; height: 6px; border-radius: 3px; margin-right: 8px; }

.blogEntryContent ol { padding-left: 45px; }

.blogEntryContent dt { margin-bottom: 15px; }

.blogEntryContent dd { padding-left: 15px; margin-bottom: 15px; }

.blogEntryContentTable, .blogEntryContent table { font-size: 16px; color: #333333; width: 100%; margin-bottom: 20px; }

.blogEntryContentTable th, .blogEntryContent table th { padding: 10px; background: #EEEEEE; border: 1px solid #999999; text-align: left; }

.blogEntryContentTable td, .blogEntryContent table td { padding: 10px; border: 1px solid #999999; text-align: left; }

.blogEntryContent blockquote { border: 1px solid #999999; border-left: 7px solid #999999; padding: 20px 10px; }

.blogEntryContent .caption { margin: 0 0 10px 0; text-align: center; font-size: 14px; line-height: 1; color: #666666; }

.blogEntryContent .prettyprint { margin: 0 0 20px 0; }

.blogEntryContent .prettyprint ol { padding-left: 30px; margin: 0; line-height: 2em; }

.blogEntryContent .prettyprint li { line-height: 1.5; word-break: break-all; }

.blogEntryContent .entry-container { clear: both; }

@media screen and (max-width: 767px) { .blogEntryContent .entry-container { -ms-overflow-x: auto; overflow-x: auto; }
  .blogEntryContentTable th, .blogEntryContent table th, .blogEntryContentTable td, .blogEntryContent table td { white-space: nowrap; }
  .blogEntryContentTableWrapper { -ms-overflow-x: auto; overflow-x: auto; } }
.blogEntryContent .contactBox { margin-bottom: 40px; }

.blogEntrySocialBox { background: #EEE; padding: 20px 20px 10px; margin-bottom: 20px; }

.blogEntrySocialBoxList { padding: 0; margin: 0 auto; }

.blogEntrySocialBoxList li { display: block; float: left; list-style-type: none; margin-right: 15px; }

.blogEntrySocialBoxList li:last-child { margin-right: 0; }

.blogEntrySocialBox .fb-like { vertical-align: top; }

.blogEntryFooterText { font-size: 88%; color: #595959; margin: 0 0 25px 0; }

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

.blogEntrySeoHeading { display: block; width: 100%; padding: 7px 0; text-align: center; background: #E3E3E3; outline: 0; margin: 0 !important; font-size: 16px !important; }

.blogEntrySeoHeading a, .blogEntrySeoHeading:link, .blogEntrySeoHeading:visited { text-decoration: none; color: #0000ee; display: block; }

.blogEntrySeoHeading:hover { background: #D0D0D0; }

/* ----------------
ページャー/シリアルナビ
------------------ */
.blogSerialNav { position: relative; height: 35px; margin-bottom: 30px; font-size: 14px; }

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

.blogSerialNav li { list-style-type: none; display: block; }

.blogSerialNav a, .blogSerialNav a:link, .blogSerialNav a:hover, .blogSerialNav a:visited { display: block; width: 100%; color: #FFFFFF; text-decoration: none; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: #777777; -webkit-transition: background .2s; transition: background .2s; border-radius: 3px; }

.blogSerialNav a:hover, .blogSerialNav a:link:hover, .blogSerialNav a:hover:hover, .blogSerialNav a:visited:hover { background: #333333; }

.blogSerialNavPrev { max-width: 230px; float: left; }

.blogSerialNavPrev a { padding: 5px 10px; }

.blogSerialNavIndex { width: 60px; top: 0; left: 50%; margin-left: -30px; position: absolute; text-align: center; }

.blogSerialNavIndex a { padding: 5px 0; }

.blogSerialNavNext { max-width: 230px; text-align: right; float: right; }

.blogSerialNavNext a { padding: 5px 10px; }

@media screen and (max-width: 767px) { .blogSerialNav { height: auto; }
  .blogSerialNav ul { margin: 0 -10px; }
  .blogSerialNav li { position: static; padding: 5px 10px; }
  .blogSerialNavPrev { float: left; width: 50%; }
  .blogSerialNavNext { float: right; width: 50%; }
  .blogSerialNavIndex { width: 100%; clear: both; margin: 10px 0 0 0; max-width: 100%; } }
.relatedPost { margin-bottom: 40px; }
.relatedPost h2 { font-size: 125%; }
.relatedPost ul { margin: 0; padding: 0; list-style-type: none; }
.relatedPost .photo { float: left; margin-right: 20px; margin-bottom: 20px; }
.relatedPost .title { font-size: 113%; font-weight: bold; }
.relatedPost .noimage { display: block; width: 160px; max-height: 120px; line-height: 120px; text-align: center; color: #7b7b7b; background-color: #EEE; font-weight: bold; }

/* ----------------
サブカラム
------------------ */
.blogSubColHeading { font-size: 18px; background-color: #444; margin-top: 0; padding: 6px 12px; border-bottom: 3px solid #8F1800; color: #FFF; }

@media screen and (max-width: 767px) { .blogSubCol { margin-top: 0; padding-left: 0; } }
/* ----------------
アドミンボックス
------------------ */
.blogAdminBox { background: #E9E9E9; border: 1px solid #CCCCCC; padding: 10px 20px 10px 10px; margin-bottom: 30px; font-size: 14px; }

.blogAdminBoxList { padding: 0 0 0 20px; margin: 10px 0; }

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

.blogAdminBoxList li { margin-bottom: 3px; }

.blogAdminBoxHeading { margin-bottom: 10px; padding-bottom: 2px; border-bottom: solid 2px #383532; color: #383532; font-size: 16px; }

/* ----------------
ブログパーツ
------------------ */
.blogPartsList { margin: 0; padding: 0; }

.blogPartsList li { list-style-type: none; display: inline-block; padding: 0 5px 0 0; margin: 0 0 5px 0; }

.blogPartsList a:hover { opacity: .7; }

/* ----------------
リンク集
------------------ */
.blogLinks { margin-bottom: 30px; padding: 0 25px; }

.blogLinks li { margin-bottom: 10px; color: #CACACA; }

.blogLinks a:link, .blogLinks a:visited { text-decoration: none; }

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

/* ----------------
ヘッダー部分
------------------ */
/* ------------------------------
　　ヘッダー
------------------------------ */
#mainServiceList { background-color: #000; }

#mainServiceList ul { padding: 5px; margin: 0 auto; }

#mainServiceList ul li { display: inline; margin: 0 20px 0 0; padding: 0; font-size: 88%; color: #DD490B; font-weight: bold; }

#mainServiceList ul li a { color: #FFF; font-weight: normal; text-decoration: none; }

#mainServiceList ul li a:hover { color: #DD490B; }

.blogHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; height: 44px; background: #333333; background: rgba(0, 0, 0, 0.5); }

.blogHeaderNaviBtn { position: absolute; cursor: pointer; right: 10px; top: 10px; display: none; -webkit-box-shadow: 0px 2px 0px 0px #000000; box-shadow: 0px 2px 0px 0px #000000; border-radius: 3px; width: 50px; background: #EEE; padding: 19px 0 10px; }

@media screen and (max-width: 767px) { .blogHeaderNaviBtn { display: block; } }
.blogHeaderNaviBtnLine { background: #FFFFFF; display: block; width: 24px; height: 3px; margin: 0 auto 4px auto; -webkit-box-shadow: 0px -2px 0px #000000; box-shadow: 0px -2px 0px #000000; }

@media screen and (max-width: 767px) { .blogHeader { display: none; } }
@media screen and (max-width: 767px) { .blogHeaderListWrapper { position: absolute; top: 70px; right: 10px; -webkit-transition: height .2s; transition: height .2s; height: 0; overflow-y: hidden; } }
@media screen and (min-width: 768px) { .blogHeaderListWrapper { height: auto !important; } }
.blogHeaderList { max-width: 1060px; margin: 0 auto; padding: 0; }

.blogHeaderList li { list-style-type: none; line-height: 44px; display: block; padding: 0 15px; position: relative; font-weight: normal; border: none; float: left; }

.blogHeaderList li:first-child { padding-left: 10px; }

.blogHeaderList li:last-child { border-right: none; }

.blogHeaderList a { display: block; margin: 0 -15px; padding: 0 15px; font-size: 16px; text-shadow: 0px 2px 0px #000000; }

.blogHeaderList a { text-decoration: none; }

.blogHeaderList a:link, .blogHeaderList a:visited, .blogHeaderList a:hover { text-decoration: none; }

.blogHeaderList a { color: #ffffff; }

.blogHeaderList a:link, .blogHeaderList a:visited, .blogHeaderList a:hover { color: #ffffff; }

.blogHeaderList a:hover { background: #000000; }

.blogHeaderList .hover .blogHeaderList { display: block; }

.blogHeaderList li:hover .blogHeaderList { display: block; }

.blogHeaderList .blogHeaderList { width: auto; margin: 0 -15px; display: none; position: absolute; top: 44px; }

.blogHeaderList .blogHeaderList li { background: #333333; background: rgba(0, 0, 0, 0.5); height: 44px; float: none; }

.blogHeaderList .blogHeaderList li:first-child { padding-left: 15px; }

@media screen and (max-width: 767px) { .blogHeaderList { background: #555555; border-radius: 5px; }
  .blogHeaderList li { background: #555555; -webkit-transition: background .2s; transition: background .2s; float: none; }
  .blogHeaderList li:hover { background: #222222; }
  .blogHeaderList li:first-child { padding-left: 15px; }
  .blogHeaderList li .blogHeaderList { display: block; background: transparent; }
  .blogHeaderList li .blogHeaderList li { background: transparent; }
  .blogHeaderList li .blogHeaderList li:first-child { padding-left: 15px; } }
/* ----------------
メインビジュアルの部分
------------------ */
.blogMainVisual { background: no-repeat #424242; background-size: cover; }

.blogMainVisualInner { padding: 90px 10px 35px 10px; max-width: 1060px; margin: 0 auto; }

.blogMainVisualTitle { font-size: 225%; color: #000; text-shadow: -3px -3px #fff, -3px -2px #fff, -3px -1px #fff, -3px 0px #fff, -3px 1px #fff, -3px 2px #fff, -3px 3px #fff, -2px -3px #fff, -2px -2px #fff, -2px -1px #fff, -2px 0px #fff, -2px 1px #fff, -2px 2px #fff, -2px 3px #fff, -1px -3px #fff, -1px -2px #fff, -1px -1px #fff, -1px 0px #fff, -1px 1px #fff, -1px 2px #fff, -1px 3px #fff, 0px -3px #fff, 0px -2px #fff, 0px -1px #fff, 0px 0px #fff, 0px 1px #fff, 0px 2px #fff, 0px 3px #fff, 1px -3px #fff, 1px -2px #fff, 1px -1px #fff, 1px 0px #fff, 1px 1px #fff, 1px 2px #fff, 1px 3px #fff, 2px -3px #fff, 2px -2px #fff, 2px -1px #fff, 2px 0px #fff, 2px 1px #fff, 2px 2px #fff, 2px 3px #fff, 3px -3px #fff, 3px -2px #fff, 3px -1px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 3px 3px #fff; margin: 0 0 10px 0; padding: 8px 16px 0px 14px; line-height: 1.7em; display: inline-block; }
@media screen and (min-width: 768px) { .blogMainVisualTitle { font-size: 275%; } }

.blogMainVisualTitle a { color: #ffffff; }

.blogMainVisualTitle a:link, .blogMainVisualTitle a:visited, .blogMainVisualTitle a:hover { color: #000; }

.blogMainVisualTitle a { text-decoration: none; }

.blogMainVisualTitle a:link, .blogMainVisualTitle a:visited { text-decoration: none; }

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

@media screen and (max-width: 767px) { .blogMainVisualTitle { text-align: center; } }
.blogMainVisualDescription { font-size: 18px; color: #FFFFFF; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); margin: 0; }

@media screen and (max-width: 767px) { .blogMainVisualDescription { text-align: center; padding: 0 10px; } }
@media screen and (max-width: 767px) { .blogMainVisualInner { padding: 55px 10px 10px 10px; }
  .blogMainVisualDescription { margin-top: 0; } }
/* ----------------
フッター
------------------ */
.blogFooter { padding: 20px 10px 15px 10px; background: #424242; }

.blogFooterInner { max-width: 940px; margin: 0 auto; }

.blogFooterList { padding: 0; margin: 0 0 10px 0; text-align: center; }

.blogFooterList li { display: inline-block; padding: 0 10px 0 5px; margin-bottom: 10px; border-right: 1px solid #979797; }

.blogFooterList li:last-child { border-right: none; }

.blogFooterList a, .blogFooterList a:link, .blogFooterList a:hover, .blogFooterList a:visited { font-size: 14px; color: #FFFFFF; text-decoration: none; }

.blogFooterImg { vertical-align: middle; margin-left: 5px; }

.blogFooterCopyright { text-align: center; font-size: 14px; color: #DDDDDD; margin: 0; }

.blogFooterBackToTop { display: none; }

@media screen and (max-width: 767px) { .blogFooter { padding-bottom: 20px; }
  .blogFooterList { text-align: left; }
  .blogFooterBackToTop { display: block; text-align: center; width: 100%; height: 38px; background: #FFFFFF; line-height: 38px; font-size: 16px; color: #333333; margin-top: 10px; }
  .blogFooterBackToTop:link, .blogFooterBackToTop:hover, .blogFooterBackToTop:visited { color: #333333; text-decoration: none; }
  .blogFooterBackToTop > span { color: #D0021B; margin-right: 5px; } }
p.blogEntryListTitle { -webkit-box-sizing: border-box; box-sizing: border-box; }

.entryFooter h2 { margin: 0 0 12px; }
.entryFooter h2 img { vertical-align: bottom; }
.entryFooter p, .entryFooter address { font-size: 88%; }
.entryFooter #entryFooterBody { border-width: 3px 2px 1px; border-style: solid; padding: 22px 12px 10px; border-color: #cccccc; background-color: #FFF; }
.entryFooter .companyAbout { padding: 12px; margin: 0 0 24px; background-color: #eeeeee; }
.entryFooter .companyAbout li { list-style-type: none; }
.entryFooter .imageArea { background-size: cover; }
.entryFooter address { font-style: normal; }
.entryFooter a.btn-red { display: block; padding: 10px; border-radius: 8px; font-weight: bold; color: #FFF; text-decoration: none; font-size: 125%; background-color: #8c0000; }

.blogHeadline .blogHeading { text-align: center; font-size: 150%; margin: 0 0 30px; padding-bottom: 30px; text-shadow: 2px 2px 2px #fff0c4; }
@media screen and (min-width: 768px) { .blogHeadline .blogHeading { font-size: 250%; } }
.blogHeadline .blogHeading img { width: 100%; height: auto; }
.blogHeadline ul { margin: 0; background-color: #FFF; padding: 0; }
.blogHeadline .blogItem { background-color: #fff; list-style-type: none; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 5px solid #bdbdbd; margin: 15px 0; width: none; }
.blogHeadline .blogItem a { color: #000; }
.blogHeadline .blogItem a:hover { text-decoration: none; }
.blogHeadline .blogItem:hover { background-color: #DDD; -webkit-transition: 0.3s; transition: 0.3s; }
.blogHeadline .blogImage { width: 120px; height: 80px; float: left; display: table; margin-right: 20px; }
@media screen and (min-width: 480px) { .blogHeadline .blogImage { width: 160px; height: 120px; } }
.blogHeadline .blogImage img { width: 100%; }
.blogHeadline .blogImage .noimage { display: table-cell; vertical-align: middle; text-align: center; background: #333333 url(../images/bg/noImage.png) center; font-weight: bold; }
.blogHeadline .blogBody { padding-left: 100px; }
@media screen and (min-width: 480px) { .blogHeadline .blogBody { padding-left: 180px; } }
.blogHeadline .blogBody p { margin: 0 0 10px; }
.blogHeadline .label { background-color: #CFE2FF; padding: 2px; font-size: 88%; }

/* メルマガ登録 */
#magazine { margin-bottom: 30px; }
#magazine p { font-size: 88%; }
#magazine dt { margin-bottom: 6px; }
#magazine dd { margin-bottom: 12px; }
#magazine label, #magazine .acms-label { vertical-align: middle; }
#magazine .acms-label { font-size: 88%; border-radius: 0; padding: 0px 3px; background-color: #b13a56; }
#magazine .btn { border: 0; padding: 6px 12px; font-size: 100%; background-color: #5486d3; color: #fff; }
#magazine .acms-form input[type=date], #magazine .acms-form input[type=datetime-local], #magazine .acms-form input[type=datetime], #magazine .acms-form input[type=email], #magazine .acms-form input[type=month], #magazine .acms-form input[type=number], #magazine .acms-form input[type=password], #magazine .acms-form input[type=search], #magazine .acms-form input[type=tel], #magazine .acms-form input[type=text], #magazine .acms-form input[type=time], #magazine .acms-form input[type=url], #magazine .acms-form input[type=week] { padding: 6px; border: 1px solid #BFBFBF; }
#magazine .formBtnBox { text-align: center; }