@charset "Shift_JIS";
/* CSS Document */
/* *{
    outline: 2px red solid;
} */
/* *{border: 1px solid red;} */
html,body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/*viewportの設定*/
	/*font-size: 3.2653vw !important;*/
	/*font-size: 16px;*/
	/*margin: 0;*/
    /*scroll-behavior: smooth;*/
    /*overflow-x: hidden;*/
}
#main section.dc_flier img{
	width: auto;
}
section.dc_flier img {
    max-width: 100%;
	height: auto;
	margin: 0;
    vertical-align: bottom;
    display: block;
}

section.dc_flier .flex{ display: flex}
section.dc_flier .inline{ display: inline}
section.dc_flier .inlineb{ display: inline-block}

/*テキストリンクの下線トル*/
section.dc_flier a{text-decoration: none;display:block}

/*画像リンクのクリック・タップ時の遷移*/
section.dc_flier a.overblack{
    background-color:#414141;
    display:block;
}

section.dc_flier a.overblack:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
section.dc_flier a.overwhite{
    background-color:#FFFFFF;
    display:block;
}

section.dc_flier a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

body section.dc_flier a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background: none; 
}

/*position*/
section.dc_flier .rel {position: relative}
section.dc_flier .abs {position: absolute}
section.dc_flier .fix {position: fixed}/*固定につかう*/

section.dc_flier .full {width:100%;}

section.dc_flier .container {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

section.dc_flier .center {
	text-align: center;
}

section.dc_flier .shadow {/*IE11以前に非対応*/
	filter: drop-shadow(1% 1% 5px rgba(0,0,0,.5));
}

/*スクロール*/
section.dc_flier #page_top{
	width: 75px;
	height: 75px;
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 1000;
    cursor: pointer;
}

/*mediakueri*/
@media (min-width: 1200px){
	section.dc_flier .container {width: 1200px;}
}

@media (max-width: 767px){
	section.dc_flier .pc{display: none;}
}
@media (min-width: 768px){
	section.dc_flier .sp{display: none;}
}