.title {
background-image: url("../img_2012/main_sp.jpg");
background-repeat: no-repeat;

    background-size: cover;
    background-position: right center;
width: 100%;
height: 150px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
h1 {	color: #FFFFFF;
text-align: left;
font-weight: 700;
font-size: 11vw;
   text-shadow: 1px 1px 2px rgba(10, 10, 10, 0.7);
margin-left: 10px;
margin-top: 2%;
	line-height: 0.8
}
#main section{
margin-bottom: 5.5vw
}
#pan a{
	color: #005FC3;
}
/*index.html*/
#h1s{
font-size:23px;
}
.cataT td{
padding:3px;

}
.headT {
font-size: 1.0em;
font-weight: bold;
color: #333;
margin-bottom: 0.5em;
}
#main .center{
text-align:center}
#main .small2{
font-size:0.9em}
#main h4{
margin:8px 15px;

text-align:left;

font-size:1.1em;
font-weight:bold;
line-height:1.3}

#main .links.hyousatu li img{
width: 100%;
    max-width: 180px;
    height: auto;
    margin: auto;
    display: block;
}
#main .links{
margin-bottom: 0px;
}
#main .links.cols4-2 .hidden{
margin-bottom: 0px;
}

#main .catalogItems_flex {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; 
justify-content: space-between;
/*margin-bottom: 2.0em;*/
} 
#main .catalogItems_flex_image {
width: 38%;
margin-bottom: 2.0em; 
} 
#main .catalogItems_flex_image img {
border: solid 1px;
border-color: #999999;
box-sizing: border-box; 
}
#main .catalogItems_flex_text_area {
width: 55%;
position: relative;
margin-bottom: 2.0em 
}
#main .imgBorderThumb {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between; 
}

#main .imgBorderThumb li { 
width: calc(85% / 4) ;
margin-right: 0 ;
}
#main .imgBorderThumb img {
border: solid 1px;
border-color: #999999;
box-sizing: border-box
}

#main .button_CaStyle01 {
 
}

#main .button_CaStyle01 a.w100 {
margin-top: 10px;
width: 100%; 
}

#main .button_CaStyle02 a.w80 {
width: 80%;
margin: 10px;
}

#main a.lightBtn {
color: #333;
border: 2px solid #ddd;
background-color: #fff;
}
#main .bnrbox01 {
margin: 20px auto;
}
#main .button_CaArea {
position: absolute;
bottom: 0;
width: 100% 
}

#main .text_summary {
color: #333;
font-size: 1.0em;
line-height: 1.6;
} 
#main .text_summary span {
font-size: 0.85em;
} 
#main .text_summary02 {
color: #333;
font-size: 0.9em;  
line-height: 1.8; 
position: relative;
margin: 10px 0;
padding: 0
}
#main .text_summary02 li  {
list-style: none;
list-style-position: outside;
margin: 0;
padding-left: 1.25em
}
#main .text_summary02 span {
font-size: 0.9em; 
position: absolute;
left: 0;
margin: 0
}
#main .button_CaStyle03 {
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between; 
margin: 20px auto
}
#main .button_CaStyle03 li{
width: calc(95% / 2);
margin-bottom: 20px;
}
/*index.html*/

#main .mb0 {
margin-bottom: 0px;
}

#main .ml10 {
margin-left: 10px;
}

#main .mt10 {
margin-top: 10px;
}

#main .mt15 {
margin-top: 15px;
}

#main .mb10 {
margin-bottom: 10px;
}

#main .mb15 {
margin-bottom: 15px;
}

#main .mb20 {
margin-bottom: 20px;
}

/*-- font-size --*/ 
.fs08em { font-size: 0.8em !important; }
.fs09em { font-size: 0.9em !important; }
.fs10em { font-size: 1.0em !important; }
.fs15em { font-size: 1.5em !important; }
.fs20em { font-size: 2.0em !important; }
.fs25em { font-size: 2.5em !important; }

/*tejyun.html*/
#main .inbox p {
line-height:1.5;
font-size:0.95em;
margin:0 8px;
}
#main .inbox {
width:100%;
border:1px solid #CCCCCC;
box-sizing: border-box;
margin-bottom:10px;
background-position:left bottom;
background-repeat:no-repeat;
/*padding:5px;*/
text-align:center
}
#main h4.type{
color:#333;
font-size:1.15em;
border-bottom:1px solid #CCC;
	padding-bottom: 4px;
margin:10px 5px
}
#main p.c333{
color:#333333;
text-align:left;
margin:10px 5px;
padding:0px}
#pan a{
text-decoration:none;}
/*tejyun.html*/

#main .breadcrumb {
    box-sizing: border-box;
    color: #83838f;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875em;
    line-height: 1.5;
    margin-bottom: 10px;
}
#main .breadcrumb a {
    color: #83838f !important;
    text-decoration: none;
}

/* =============================================

	220701_表札特集_7-8月キャンペーンバナー作成依頼

============================================= */

.meindesign .web-font{
    font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

.meindesign .bnrbox01 img{
	width: 100%;
}

.meindesign .bnrbox01 .bnrTxt{
	text-align: left;
	margin: 0.5em 0;
	font-size: 0.8rem;
}

/*240516*/
.meindesign .catalogItems_flex_image img {
	width: 100%;
	height: auto;
}

/*240919*/
#main .button_CaArea {
    position: static;
}

#main .catalogItems_flex {
    align-items: flex-end;; 
}

/*240919*/
#main .text_summary {
        color: #333;
        font-size: 1.0em;
        line-height: 1.6;
    }

#main .text_summary02 {
        color: #333;
        font-size: 0.9em;
        line-height: 1.8;
        position: relative;
        margin: 10px 0;
        padding: 0;
    }

#main .text_summary02 li {
        list-style: none;
        list-style-position: outside;
        margin: 0;
        padding-left: 1.25em;
    }
#main .text_summary02 span {
        font-size: 0.9em;
        position: absolute;
        left: 0;
        margin: 0;
    }