@import url("../hp_agency/hpagency.css");
@charset "UTF-8";

/*フラット02 ブラック*/

/*-- 色の指定 --*/
:root {
    --first-color: #830000;/*-- メイン色 --*/
    --baseborder-color: #ccc;/*-- 基本の線の色 --*/
    --border-color: #ca0000;/*-- 色付きの線の色 --*/
    --bg-color: #f5d0d0;/*-- 背景色 --*/
    --red-color: #d34; /*-- 赤の指定 --*/
  }

/*-------------------------------------------
Common
-------------------------------------------*/
/*フォント*/
/* Windows 用 Medium 指定の游ゴシック */
@font-face {
font-family: "Yu Gothic M";
src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
font-family: "Yu Gothic M";
src: local("Yu Gothic Bold");
font-weight: bold;
}
body {
 	font-size:16px;
 	line-height:1.8;
	font-family: Verdana, -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.06em;
    font-feature-settings: "palt";
    background: url("https://paminoodles-jp.com/materials/156524297988201.png");
}


.ta_c{text-align:center !important;}
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}

.mb0{margin-bottom: 0px !important;}
.pb0{padding-bottom: 0px !important;}
.m_auto{margin-left: auto; margin-right: auto;}

.fw_b{font-weight: bold;}

strong{
  font-size:1.2em;
  color:var(--first-color);
}

hr{border-style: dotted; color: #ccc; border-width: 1px; margin: 20px 0px;}

.gallery .comment {text-align:center;}

.center_small .article_center img { max-width: 640px !important; }
.imghalf img{max-width: 640px !important;}

.envelope {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius:0;
    margin: 5px 0;
    padding: 15px;
}

.envelope2 {
    background: none;
    border: 1px solid var(--baseborder-color);
    border-radius:0;
    margin: 5px 0;
    padding: 15px;
}

/* 記事半分 */
.mainArticles .articlehalf {
	width: 48.5%;
  	display: inline-block;
  	vertical-align: top;
    text-align:left;
    font-size:var(--font-size);
    padding: 1%;
    box-sizing: border-box;
	margin: 0px 2px 10px 2px;
}

.mainArticles .articlehalf img {
    margin-bottom: 0px;
  	max-width: 170px;
}
.mainArticles .halfbefore {
    padding-bottom: 0px;
    margin-bottom: 5px;
}

/*--.mainArticles .article .image{max-width:initial;}--*/

/*--リストの装飾--*/
ol.pp { padding-left: 1.55em;}
ol.pp li {list-style-type: decimal; padding: 5px;}

ul.notes, ul.ps, ul.maru, ul.star {list-style-type: none; margin-left:1em;}
ul.notes li::before, ul.ps li::before, ul.maru li::before, ul.star li::before{margin-left: -1em;}

ul.notes li::before {content: "◆";}
ul.ps li::before {content: "※";}
ul.maru li::before {content: "●";}
ul.star li::before {content: "★";}

ul.simpleList, ol.orderList { padding-left: 2em; }

ul.simpleList li { list-style-type: disc; padding: 5px; }
ol.orderList li { list-style-type: decimal; padding: 5px; }

ul.markList { padding-left: 3px; }
ul.markList li { list-style-type: none; padding: 5px; }
ul.markList li::before {
    color: var(--red-color);
    content: "»";
    display: inline-block;
    font-size: 115%;
    margin-right: 2px;
}

ol.StyleOrderList {
    counter-reset: number 0;
    list-style: outside none none;
    padding-left: 40px;
    line-height: 2;
}
ol.StyleOrderList li::before {
    background: var(--first-color);
    border-radius: 50%;
    color: #fff;
    content: counter(number, decimal);
    counter-increment: number 1;
    display: inline-block;
    height: 2em;
    margin-left: -40px;
    margin-right: 0.5em;
    text-align: center;
    width: 2em;
    font-family: monospace;
}
ol.StyleOrderList li {
    margin-bottom: 0.4em;
}

ul.StyleCheckList {
    list-style: outside none;
    line-height: 2;
    padding-left: 2.5em;
}
ul.StyleCheckList li {
    position: relative;
    font-size:var(--font-size);
}
ul.StyleCheckList li::before {
    display: block;
    content: '';
    position: absolute;
    top: 0.4em;
    left: -2em;
    width: 0.9em;
    height: 0.5em;
    border-left: 4px solid var(--red-color);
    border-bottom: 4px solid var(--red-color);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

ul.StyleIconList {
    list-style: outside none;
    line-height: 2;
    padding-left: 2.2em;
}
ul.StyleIconList li {
    position: relative;
    font-size:var(--font-size);
}
ul.StyleIconList li::before ,
ul.StyleIconList li::after {
    display: block;
    content: '';
    position: absolute;
}
ul.StyleIconList li::before {
    top: 0.4em;
    left: -1.9em;
    width: 1.2em;
    height: 1.2em;
    background-color: var(--first-color);
    border-radius: 100%;
}
ul.StyleIconList li::after {
    top: 0.8em;
    left: -1.6em;
    width: 0.3em;
    height: 0.3em;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*マーカー*/
span[style*="Lime"] {
    background-color: transparent !important;
    background: linear-gradient(transparent 70%, #AEC 0) repeat scroll 0 0;
}
span[style*="Yellow"] {
    background-color: transparent !important;
    background: linear-gradient(transparent 70%, #FEA 0) repeat scroll 0 0;
}

/*-- 改行 --*/
.article p { margin-bottom: 1em;}



h2, h3, .serif {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/*字詰め*/
h2, h3, h4, h5, h6 {
font-feature-settings: "palt"
}
table {
    width: 100%;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-spacing: 0;
    border-top: 1px solid #ccc;
}
table th,table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  	padding: 2px;
}




/*-------------------------------------------
Wrap
-------------------------------------------*/
#wrap {
background: none;
}
#wrap_body {
    padding-top: 0;
}

/*-------------------------------------------
Link
-------------------------------------------*/
a {
	color: #c00;
	text-decoration: underline;
  	font-weight: normal;
}
a:hover {
	color: #830000;
	text-decoration: none;
}
a img {
	text-decoration:none;
	border:none;
}
#title h1:hover,
#mainArticles a:hover img,
#sideBanners  a:hover img,
div.freeHtml a:hover img,
div.image img.gallery:hover {
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}
#site-link .gallery_grid li.galleryGrid .image {
    overflow: hidden;
    border: solid 2px #ca0000;
    border-radius: 50%;
}
#site-link .gallery_grid li.galleryGrid .comment {
    text-align: center;
    font-size: 18px;
}
.comment {
    text-align: center;
}
/*-------------------------------------------
Image
-------------------------------------------*/
#mainArticles img {
    width: 100%;
    max-width: unset;
}
.mainArticles .article .article_center {
	/*--max-width: 1024px;--*/
}
.mainArticles .article img {
    margin: 5px 0 15px;
}

/*-------------------------------------------
Title
-------------------------------------------*/
#wrap_body #title{
    /*--padding: 16px 0;--*/
    padding: 0;
    width: 100%;
    /*--background: url(https://paminoodles-jp.com/materials/155254525169101.jpg);--*/
    background: #fff;
    height: 168px;
    box-sizing: border-box;
    margin-bottom: 60px;
}
#title_outer{
	height:auto;
	width: 1024px;
	margin:auto;
}
/*ロゴ*/
#title h1 {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    /*--height: 141px;
    width: 502px;--*/
    height: 164px;
    width: 130px;
}
#title h1 a {
	background: url(../materials/164689113797601.png) no-repeat scroll 0 0 / contain;
	display: inline-block;
	overflow: hidden;
	text-indent: 110%;
	white-space: nowrap;
	height: 100%;
	width: 100%;
}
#title .description {
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}

/*-------------------------------------------
Mainimage
-------------------------------------------*/
#mainImage {
    margin-bottom: 0;
    width: 100%;
	min-width:1024px;
}
.mainImage img {
    width: 100%;
	min-width:1024px;
}

/*スライド*/
#slider .slick-slide {
	display: flex;
	justify-content: center;
}
.mainImage #slider li {
	height: auto !important;
}
.mainImage #slider li img {
	max-width: 100%;
	min-width: 1024px;
}

/*-------------------------------------------
Topmenu
-------------------------------------------*/
#topMenu_outer,  #topMenu_body, #topMenu .topMenu {
	width: 1024px;
	max-width: 1024px;
}
#topMenu {
    background: #1b1b1b;
    min-height: 60px;
    top: 168px;
    min-width: 1024px;
}
#topMenu_outer {
    margin: 0 auto;
	background: none;
}
#topMenu .topMenu li {
    width: 20%;
    height: 100%;
	box-sizing:border-box;
	padding:0;
    position: relative;
}

#topMenu .topMenu li a {
    background: none;
    box-sizing: border-box;
    color: #FFF;
    font-size: 18px;
  	font-weight: normal;
    letter-spacing: 0;
	padding:14px 0;
    width: 100%;
}
#topMenu .topMenu li a:hover {
    color: #e6bebf;
    background: #a90000;
}


/*-------------------------------------------
contents
-------------------------------------------*/
.article ruby {
    line-height: 1em;
}
#contents {
    background: none;
    margin: auto;
    padding: 0;
    width: 100%;
	box-sizing:border-box;
}
.fb-box {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
    max-width: 360px;
    width: auto;
    overflow: hidden;
}
/*maincontent*/
#mainContents {
    padding: 40px 0px;
    background: none;
    box-sizing: border-box;
    width: 1024px;
}
.mainArticles .article {
	padding-bottom: 0px;
	border-bottom: none;
}
.mainArticles .article p {
	/*--padding-bottom: 20px;--*/
}
.mainArticles .article_right .image {
    margin-right: 0;
}
.mainArticles .article_left .image {
    margin-left: 0;
}
#mainArticles, .mainArticles .article, .mainArticles div.gallery, #mainTopics, #listTopics {
    width: 100%;
}
/*maintopic*/
#mainTopics {
    border-bottom: none;
}
#mainTopics .topics li .thumb, #mainTopics .topics li .thumb img {
	max-width: 100px;
	max-height: 100px;
}
#mainTopics .topics li .date, .mainTopics .topics li .date {
	font-size: 14px;
}
#mainTopics .topics h3, .mainTopics .topics li h3 {
	font-size: 16px;
}
.mainTopics .topics li h3 a {
	text-decoration: underline;
}
#mainTopics .topics .description, .mainTopics .topics li .description {
	font-size: 14px;
	color: #aaa;
	margin-top: 0px;
}
#mainTopics .topics li .more a, .mainTopics .topics li .more {
	padding: 8px 16px;
	font-size: 14px;
  	border-radius: 4px;
}
.mainTopics .topics li .more a {
    border: none;
    background-color: #aba2a0;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #aba2a0;
}
.mainTopics .topics li .more a:hover {
	border: none;
	background-color: #fff;
	color: #aba2a0;
  	border: 1px solid #aba2a0;
}
.mainTopics .topics {
	width: 100%;
	padding: 0;
	margin: 0px 0 15px;
  	border-bottom: none;
}
.mainTopics .topics li {
	padding: 40px 0px;
	font-size: 14px;
}
#mainTopics .listview {
    width: 110px;
    font-size: 14px;
    margin: 0 auto;
}
#mainTopics .listview a {
    background: none;
    padding: 4px 8px;
    color: #444;
}
/*headline*/
#mainArticles h2, #listTopics h2 {
    margin-bottom: 36px;
    text-align: center;
    font-size: 34px;
    border-bottom: none;
    letter-spacing: 0.1em;
    line-height: 2;
}
#mainArticles h2 span{
  	font-size:24px !important;
}
#mainArticles h2 ruby rt {
font-size: 14px;
}
.mainContents .article h3, .mainContents div.gallery h3, #mainServices h2, #mainTopics h2 {
    position: relative;
    font-size: 28px;
    margin-bottom: 32px;
    font-weight: bold;
   /*-- padding-top: 5px;--*/
    padding-top: 10px;
    padding-bottom: 10px;
    /*--padding-bottom: 0;--*/
    text-align: center;
    background: #333;
    color: #fff;
    /*--border-bottom: solid 2px #999;
    border-image: linear-gradient( 90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 0%, 0.64) 50%, hsla(0, 0%, 100%, 0) 100%) 0 0 100%;--*/
}
.article h3 a, .article h3 a:hover {
/*--color: #333;--*/
color: #fff;
text-decoration: none;
font-size: 24px;
letter-spacing: 0;
}

.mainContents .article h3:before, .mainContents div.gallery h3:before, #mainServices h2:before, #mainTopics h2:before {
    content: '';
    position: absolute;
    /*--bottom: -2px;--*/
    bottom:7px;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    /*--width: 24%;
    background: #ca0000;--*/
    width: 100%;
    background: #000000;
}
#mainArticles h2, #mainServices h2, #mainTopics h2, #listTopics h2 {
    border: none;
}

.mainContents .article h4 {
    padding: 6px 0;
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #ca0000;
    /*border: 1px solid #ccc;*/
    /*--border-bottom: 2px solid #830000;--*/
    /*border-radius: 4px;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;*/
    /*--display: flex;--*/
    line-height: 1.4em;
}

.mainContents .article h5 {
    font-size: 18px;
    color: #844949;
}

/*mainservice*/
#mainServices .services,
.sideServices, .sideServices ul li a, .sideMobile {
    padding: 0 36px;
}

.sideMobile p{font-size: 16px; line-height: 1.7em;}

/*side*/
#sideContents{
    background: url("https://paminoodles-jp.com/materials/156524297988201.png");
}

#sideContents,
.sideServices, .sideServices ul li a, .sideMobile {
  	padding-top: 10px;
    margin: 0;
}
#sideContents_outer {
    padding: 0;
  width: 1024px;
}
sideBlogCategories, #sideBlogDates {
    margin: 0;
}
.freeHtml {
    font-size: 16px;
}
.sideServices ul li a,
.sideBlogCategories a, 
.sideBlogDates a{
    font-size: 16px;
}
.freeHtml_outer {
    padding: 0;
    background: none;
}
.sideServices h2, .sideMobile h2, .sideBlogCategories h2, .sideBlogDates h2 {
    background: none;
    padding: 8px 0;
}
.sideServices h2, .sideMobile h2, .sideServices, .sideServices ul li a, .sideMobile,
.sideBlogCategories h2, .sideBlogDates h2, .sideServices ul li a, .sideBlogCategories a, .sideBlogDates a,
.sideBlogCategories a, .sideBlogDates a {
    color: #333;
    font-size: 16px;
}
.sideBlogCategories h2:before, .sideBlogDates h2:before, .sideBlogCategories h2:after, .sideBlogDates h2:after {
content: none;
}
.sideServices ul li a {
    background: none;
    padding: 8px 0;
}


/*footer*/
#footer {
    background: #1b1b1b;
}
.footer * {
    font-size: 14px;
    color: #fff;
}
.footer li a {
    color: #fff;
    font-size: 16px;
}
/*font*/
.notation {
    font-size: 14px;
}
.align-r {
    text-align: right;
}
.align-c {
    text-align: center;
}
span.l-title {
    font-size: 22px !important;
    font-weight: bold;
    color: #de3801;
  	border-bottom: 4px double #de3801;
}
.title3 {
    background: #ffd391;
    padding: 10px 0 0px 20px;
    margin-bottom: 8px;
    padding-bottom: 10px !important;
    font-size: 22px;
    width: 70%;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    color: #555;
    letter-spacing: 0.4em;
}
/*link*/
.link-wrap {
    margin: 40px 20px;
}
.text-link {
    display: inline-block;
    position: relative;
   /*-- padding: 8px 20px;--*/
    padding: 11px 20px;
    background: #c00;
    text-align: center;
    /*--margin: 15px 0;--*/
    color: #fff;
    text-decoration: none;
}
.text-link:hover {
    background-color: #545454;
    color: #FFF;
    text-decoration: none;
}
/*--
.text-link:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #ca0000;
}--*/

.mainArticles .article p.buy-link {
    text-align: center;
    background: #f6f3f1;
    padding: 0;
    margin: 20px 0;
}
.mainArticles .article p.buy-link a.text-link {
    margin: 0 auto;
    display: block;
    width: 40%;
    font-size: 18px;
    padding: 1em;
    font-weight: bold;
}

.notation-wrap {
    border: 2px solid #222;
    text-align: center;
    padding: 10px 0;
    background: #f5f5f5;
    margin: 10px 0;
}
/*.tel-link {
    color: #C00;
}
.tel-link:hover {
  color: #a71200;
}*/
#info-link a {
    position: relative;
    display: block;
    overflow: hidden;
    border: solid 4px #1b1b1b;
}
#info-link a:after {
    content: '';
    display: block;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#info-link a:hover:after {
    background: rgba(0,0,0,0.75);
}
#info-link .comment {
    position: absolute;
    top: 42%;
    right: 0;
    left: 0;
    text-align: center;
    color: #FFF;
}

/*table*/
table.baseTable {
    border-collapse: collapse;
    margin: 26px 0;
    width: 100%;
    border: none;
}
table.priceTable {
    width: 50%;
    margin: 0 0 22px;
    border: none;
}
table.baseTable th,
table.priceTable th{
    border-bottom: 2px solid #666;
    height: auto;
    line-height: 150%;
    padding: 16px 10px;
    text-align: center;
    vertical-align: middle;
    width: 34%;
}
table.baseTable th, table.priceTable th, table.baseTable td, table.priceTable td {
    border-right: none;
}
table.priceTable th{
    border-bottom: 2px solid #ca0000;
}
table.baseTable td,
table.priceTable td {
    border-bottom: 1px solid #ccc;
    height: auto;
    line-height: 150%;
    padding: 16px 0 10px 40px;
}
table.baseTable td.setCenter,
table.baseTable.todo td{
  	text-align:center;
}
table.infoTable {
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-spacing: 0;
    margin: 20px 0 40px;
    width: 100%;
}
table.infoTable th {
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 16px 10px;
    text-align: center;
    vertical-align: middle;
  	width: 34%;
}
table.infoTable td {
    height: auto;
    line-height: 150%;
    padding: 4px 0 6px;
    text-align: center;
}
table.infoTable td ul.baseList {
    text-align: left;
}
table.baseTable th span {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 10px;
    display: block;
    color: #CC0000;
}

table#flowTbl, table#flowTbl td, table#flowTbl th {
    border: none;
}
table#flowTbl td p.title {
    position: relative;
    width: 16%;
    padding: 0;
    line-height: 60px;
    background-color: #1b1b1b;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
}

table#flowTbl td p {
    display: inline-block;
    width: 83%;
    padding: 0 40px 0;
    box-sizing: border-box;
    margin-bottom: 20px;
    vertical-align: middle;
}

table#flowTbl td p.title:after {
    position: absolute;
    content: '';
    top: 0;
    right: -45px;
    border: 30px solid transparent;
    border-left: 15px solid #1b1b1b;
    width: 0;
    height: 0;
    z-index: 0;
}

/*list*/
ul.baseList {
    padding-left: 2em;
}
ul.baseList li {
    list-style-type: disc;
    padding: 5px;
}

ul.checkedList {
    list-style: none;
  	display: grid;
    margin-bottom: 20px;
}
ul.checkedList li {
    background: url(https://paminoodles-jp.com/materials/156314822673401.png) left center no-repeat / 24px;
    margin-left: 16px;
    padding: 14px 0 12px 34px;
    margin-right: 20px;
    font-size: 18px;
    letter-spacing: 0.06em;
    border-bottom: 1px dashed #555;
    font-weight: bold;
}

ul.baseList.guide {
}
ul.baseList.guide li {
//    display: inline-block;
    padding: 10px 4px;
    margin: 4px;
    border-bottom: solid 3px #1b1b1b;
}
ul.baseList.guide li:before {
/*
  	content: '●';
    font-size: 14px;
    padding-right: 8px;
*/
}

ol.baseOrderedList{
    counter-reset: number 0;
    list-style: outside none none;
    line-height: 2;
    padding-left: 40px;
}

ol.baseOrderedList li {
    margin-bottom: 14px;
  	list-style-type: decimal;
}

/*contact*/
table.contactTable{
    border: none;
}
table.contactTable tr td label {
    display: block;
    margin-left: 6px;
}
table.contactTable th {
    width: 30%;
    background: none;
}
table.contactTable th, table.contactTable td {
    padding: 16px 5px;
    border-top: solid 1px #aaa;
}
table.contactTable input.button, table.contactTable input[type="button"] {
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    height: 60px;
    margin: 8px;
    margin-bottom: 16px;
    border: none;
    border-radius: 2px;
  	cursor: pointer;
}
table.contactTable input.button:hover,table.contactTable input[type="button"]:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
table.contactTable input.button{
	width: 33%;
	background: #c00;
}
table.contactTable input.button:hover {
	background: #1b1b1b;
}
table.contactTable input[type="button"]{
	width: 100px;
	background: #aaa;
}
table.contactTable input[type="button"]:hover {
	background: #ccc;
}
table.contactTable input[type="text"], table.contactTable input[type="password"], table.contactTable textarea {
    padding: 6px;
    border: solid 1px #b6b6b6;
    font-size: 16px;
    margin-left: 6px;
}
.validator-form .validator-message-valid,
.validator-form .validator-message-invalid{
    padding-left: 24px;
    font-size: 14px;
    padding-top: 2px;
}
.mainArticles .article p.contact-note {
    padding: 0;
    margin: 8px 5px 0;
    color: #666;
    font-size: 14px;
    line-height: 1;
}
hr.line {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px dotted #999;
    margin: 20px 0;
}
#article298581 .comment {
    font-size: 14px;
}

/*footer*/
div#sideBanners {
    width: 100%;
//    float: unset;
}
ul#sideBanners_body {
    overflow: hidden;
}
ul#sideBanners_body li.sideBanner {
    width: 30%;
    float: left;
    margin: 1%;
}
#sideBanners li img {
    width: 98%;
    padding: 0;
    background: unset;
}
.freeHtml_body {
    overflow: hidden;
    padding: 0 30px;
}
.freeHtml_body a.side_banner01, .freeHtml_body a.side_banner02 {
    display: block;
    width: 49.4%;
    float: left;
    margin-bottom: 10px;
}
.freeHtml_body a.side_banner01 {
    margin-right: 10px;
}

/*編集画面崩れ回避*/
/*#sideContact {
    top: 0;
    right: 0;
}
body.body-media-pc.ams-build #sideContact {
    position: initial;
}*/
#sideContact { display:none;}

div.blog_date {
	margin-top: 30px;
}
.sideBlogCategories a, .sideBlogDates a {
    display: inline-block;
    padding: 10px 0;
}
.sideBlogDates dd {
    margin-left: 0;
}
.article .article_body p ruby rt,
.article .article_body ul li ruby rt,
.article .article_body div ruby rt,
.article .article_body table ruby rt {
    font-size: 12px;
}

.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
     background: url(https://paminoodles-jp.com/materials/155254525169101.jpg);
 }
 .contents img {
     /*--width: 100%;--*/
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 33%;
     margin: auto;
 }
 .box2 {
     width: 33%;
     margin: auto;
 }
 .box3 {
     width: 33%;
     margin: auto;
 }

 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box3 {
         width: 100%;
         margin: 0 auto;
     }
 }