/* CSS Reset */
/*
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(10px)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
*/

/* iOS デフォルトスタイルのリセット */
/*
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
*/

/*
.define-text1 br{
    margin-bottom: 10px;
}
html, body {
    background-color: #fff;
    color: #3c4447;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: 200;
    height: 100vh;
    *//* viewpointに対して100%の意味 *//*
}
h3{
    font-weight: 200;
}
b{font-weight: bold;}
hr{margin: 20px 0;}
*/

.blogwrapper{
    width: 100%;
    min-height:700px;
    /* border: 1px solid #ccc; */
    margin: 0 auto;
}

.blogheader{
    /*color: rgb(255, 255, 255); */
    background-color: var(--content-base-color);
    margin: 10px 10px 0px 0px;
    width: 100%;
    min-height:40px;
    text-align: center;
    padding: 10px 10px 2px 10px;
}

.blogcontent_wrapper{
    width: 100%;
    min-height:500px;
    text-align: center;
}

.blogcontent{
    text-align: center;
    /*width:690px;*/
    width: 60%;
    /*min-height:500px;*/
    /*height:100%;*/
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 5px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.blogcontent2{
    text-align: center;
    /*width:690px;*/
    width: 100%;
    /*min-height:500px;*/
    /*height:100%;*/
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 5px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.blog2content{
    text-align: center;
    /*width:690px;*/
    width: 100%;
    min-height:500px;
    /*height:100%;*/
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 5px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.blog2content2{
    display: inline-block;
    text-align: left;
    width:96%;
    min-height:500px;
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 5px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.blog3content{
    display: inline-block;
    text-align: left;
    width:96%;
    /*min-height:500px;*/
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 5px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
}

.blogleftsidebar{
    margin:20px;
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 2px solid var(--content-border-color);
    border-radius: 10px;
    /*width: 250px;*/
    width: 30%;
    /*min-height:500px;*/
    /* height:100%; */
    float: left;
    padding: 10px;
}

.blogrightsidebar{
    margin:0px 10px 0px 10px;
    /*background-color: #ffffff;*/
    /*border: 2px solid var(--content-base-color);*/
    /*border-radius: 10px;*/
    /*width: 250px;*/
    width: 30%;
    /*min-height:500px;*/
    /*height:100%;*/
    float: right;
    margin: 10px;
    /*padding: 10px;*/
    padding-top: 1.5rem !important; /* class="py-4"に合わせる */
}

.blogrightsidebarcontent{
    display: inline-block;
    text-align: left;
    width:100%;
    /*min-height:500px;*/
    background-color: /*#ffffff*/ var(--background-base-color);
    border: 2px solid  var(--content-border-color);
    border-radius: 10px;
    margin: 0px 0px 10px 0px;
    padding: 10px;
}

/*
.blogfooter{
    background-color: #707aff;
    *//*height: 80px;*//*
    height:100%;
    text-align: center;
    padding: 10px;
}
*/