@charset "utf-8";

body#flow .flow_image {
	width: 851px;
	margin: 10px -1px 60px -1px;}

body#flow ul h3,
body#flow .flow_image h3 {
	border: 0px none;
	margin: 0;
	padding: 0;}


body#flow ul img { display: block;}

body#flow .flow_image img {
	margin: 0;
	padding: 0;
	float:left;}

body#flow .flow_image h3 img { float: left;}


#article h3.bg_border {
	background: url(../common/img/bg_border.gif) no-repeat 0 100%;
    border-left: 0px none;
    color: #4d4d4d;
	font:1.1em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0; }

	.confirmation .alignleft{ margin: 0 35px 70px 0;}
	.confirmation .alignright{ margin: 0 27px 70px 20px;}



#article .making {
	background:url(../common/img/bg_table_border.gif) repeat-x 0 100%;
	padding:0 0 40px 0;
	margin:0 0 35px 0 ; }


#article .pc { background : none; }

#article .making strong {
	display:block;
	color: #33a6b8;
    margin: 12px 0 40px 0;
    padding: 0 0 0 50px;
	font-weight:normal;
	font-size: 1.15em; }

#article .soft strong { color: #D48697; }
#article .pc strong { color: #aaae00; }

#article .making img.img {
	float:left;
    margin: 0;
    padding: 0;
	border: 1px solid #e1e1e1;
	-moz-box-shadow: 1px 1px 5px #e1e1e1;
	-webkit-box-shadow: 1px 1px 5px #e1e1e1;
	box-shadow: 1px 1px 5px #e1e1e1;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#e1e1e1')"; }


#article div.sample {
	margin: 0 0 40px 0;
	}


#article .making div.text {
	float:right;
	width:420px;
    margin: 0 -10px 0 0;
    padding: 0; }

	#article .making div.text { font-size: 1.0em;}

	#article .making div.text a img {
		display:block;
		margin: 10px 0 30px 0;}


table.houhou td{ padding: 0 0 1em 0;}

.fcont {
	display: flex;
	max-width: 850px;
    width: 100%;
	margin: 10px auto;
}
.fcont a img {
	width: 100%;
	display: block;
}
.mt-50 {
	margin: 50px auto 0 !important;
}
img.w100 {
	width: 100%;
	display: block;
	margin: 50px auto;
}

@charset "utf-8";


/* コルクボード */
body#douga #douga_list{
	background:url(img/bg_body.jpg) repeat-y 0 0;
	background-size: contain;
	padding:0;
	/* margin: 8px -35px 5px -35px; */
	}

body#douga #douga_list .flame{
	background:url(img/bg_top.jpg) no-repeat 0 0;
	background-size: contain;
	padding:0;
	margin: 0;}

body#douga #douga_list .inner{
	background:url(img/bg_bottom.jpg) no-repeat 0 100%;
	background-size: contain;
	padding: 50px 0 25px 0;
	margin: 0;}

	body#douga #douga_list ul{
		/* background:url(img/bg_ul.png) no-repeat 39px 100%; */
		display: flex;
		justify-content: space-between;
		width: 90%;
		padding: 0;
		margin: 0 auto 30px auto;
		list-style:none;}

	body#douga #douga_list li{
		list-style:none;
		width:47%;
		background:url(img/bg_li.jpg) no-repeat 0 0;
		padding: 50px 20px 40px 20px;
		margin: 15px 10px;
		float:unset;
	    box-sizing: border-box;
    	background-color: #ffffff;}

		body#douga #douga_list h2{
			list-style:none;
			/* width:402px; */
			background:url(img/h2.jpg) no-repeat 0 100%;
			padding: 0 0 13px 0;
			margin: 0 0 15px 0;
		    font-size: 2em;}

			.textflow {
			line-height: 1.6em;
			}





/* ページ内のスムーススクロール */
html {
 scroll-behavior: smooth;
}


/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:0px;
    cursor:pointer;
    z-index: 10;
}


/* ページトップへ戻るボタン：ホバー時 */
#pagetop:hover {
        background: url("../douga/img/top_ani.gif") no-repeat;
    	opacity: 1;
	padding: 3em 0em;
	margin: 0em 1em;
}

#pagetop:hover img {
 	visibility: hidden;

}

.img_btn{
	width: 50%;
}
.mov_wrap {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.mov_wrap iframe {
	width: 100%;
	height: 100%;
}




@media screen and (max-width: 1000px) {
	body#douga #douga_list ul {
        display: block;
        padding: 0px;
        width: 90%;
        margin: 0 auto 0 auto;
        list-style: none;
	}
	body#douga #douga_list li {
        list-style: none;
        width: 100%;
        background: none;
        background-color: #ffffff;
        padding: 20px 20px 20px 20px;
        margin: 0 auto 30px;
        float: unset;
        box-sizing: border-box;
	}
}
@media screen and (max-width: 600px) {
	.img_btn{
		width: 70%;
	}
}