@charset "UTF-8";

body {
	background-color:#999;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    
    .header_bg {
        background: #EFEFEF;
        box-sizing: border-box;
    }
    .header_wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 945px;
        padding: 3.035vw 0 2.335vw;
        box-sizing: border-box;
    }
    .header_logo {
        display: inline-block;
        width: 38.548vw;
    }
    .header_logo img {
        width: 100%;
    }
    .header_pr {
        display: inline-block;
        font-size: 0;
        position: absolute;
    	top: 50%;
    	right: 15px;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	width: 8.585%;
    }
    .header_pr img {
        width: 100%;
    }
    
    
    @media screen and (min-width: 440px) {
        .header_wrap {
            padding: 14px 0 10px;
        }
        .header_logo {
            width: 150px;
        }
        .header_pr {
            width: 40px;
        }
    }
    
    
    @media screen and (min-width: 640px) {
        .header_logo {
            width: 176px;
        }
        .header_wrap {
            padding: 15.79px 0 11.74px;
        }
    }
    
    
    
    .ft_line {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #cdcdcd;
        border: none;
    }
    
    
    
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; 
	padding:0; 
	letter-spacing:0;
	color:#000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; 
	font-weight:normal; 
}
ul, ol, dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*line-height:0;*/
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
}
a:link {
	color: #0058F3;
	text-decoration: underline;
}
a:visited {
	color: #0058F3;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ---------- custom -------------------------------------------------- */
* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

img {
  vertical-align: bottom;
  width:100%;
  image-rendering: -webkit-optimize-contrast;
}
a img {
  border: none;
}

#container {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}

.content-wrap {
    padding-bottom:30px;
}

.bg-wrap {
    position:relative;
    background-image: url(bg.jpg);
    background-size:1000px;
    padding:20px 0 0;
}

.page-title {
    width:570px;
    background-color: rgba(255,255,255,0.8);
    margin-bottom:20px;
}

.page-btn-obi {
	width:100%;
	background:rgba(96,30,14,0.85);
	padding:15px 0;
}

.page-btn-obi-inner {
	width:100%;
	padding:0 27px 0;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.maru-btn-wrap-left {
    width:800px;
    display:flex;
	align-items: center;
}

.maru-btn-wrap-right {
    width:72px;
    display:flex;
	align-items: center;
}

.top-btn-maru {
	width:72px;
	border:2px solid #fff;
	border-radius:50%;
	overflow:hidden;
	transition: 0.2s ease-in-out;
}

.gray-btn {
	background:#b3b3b3;
}

.top-btn-maru:hover {
	background:#b3b3b3;
	transition: 0.2s ease-in-out;
}

.btn-maru-left {
    margin-right:19px;
}

.jyusyo-menu {
    font-size:13px;
    line-height:2;
    color:#fff;
}

.jyusyo-link-gray {
    color:#aaa;
}

.jyusyo-link {
    color:#fff !important;
	text-decoration:none !important;
}

.jyusyo-link:hover {
    color:#ccc !important;
    transition: 0.1s ease-in-out;
}

.archive-content-block {
	padding:36px 0 0;
}

.archive-inner {
	width:800px;
	margin:0 auto;
}

.archive-link-wrap {
	text-align:center;
	margin-bottom:30px;
}

.archive-link-foot {
	margin-bottom:60px;
}

.archive-link-gray {
	display:inline-block;
	font-size:12px;
	color:#9d9d9d;
	line-height:1;
	padding:0 13px;
	border-right:1px solid #0058F3;
}

.archive-link-gray-noborder {
	border-right:none;
}

.archive-link {
	display:inline-block;
	font-size:12px;
	line-height:1;
	padding:0 13px;
	border-right:1px solid #0058F3;
}

.archive-link-noborder {
	border-right:none;
}

.page-title-bar-waku2 {
	width:800px;
	margin:0 auto 23px;
	border:1px solid #ccc;
}

.page-title-bar-inner {
	border-left:8px solid #036eb8;
}

.archive-intro-wrap4 {
	position:relative;
	margin-bottom:26px;
}

.archive-intro-lead-wrap04 {
	width:547px;
	position:absolute;
	top:0;
	right:0;
}

.archive-lead-text {
	font-size:12px;
	line-height:1.65;
	color:#666;
	text-align: justify;
	margin-bottom:10px;
}

.archive-lead-name {
	margin-top:18px;
}

.prize-title-bar {
	border-left:8px solid #036eb8;
	background:#a28977;
	margin-bottom:23px;
}

.works-img {
	margin-bottom:55px;
}

.foot-link-bar-wrap {
    width:100%;
    height:27px;
    background:#b3b3b3;
}

.foot-link-bar {
    width:810px;
    height:27px;
    margin:0 auto 35px;
    background:#b3b3b3;
    display:flex;
}

.foot-link-bar-spacer {
    width:55px;
}

.foot-link-bar-center {
    width: calc(100% - 110px);
    text-align:center;
}

.foot-link-bar-spacer a:hover img {
    opacity:0.75;
	transition: 0.2s ease-in-out;
}

.foot-link {
	font-size:13px;
	margin:0 13px;
	color:#fff !important;
	text-decoration:none !important;
}

.foot-link:hover {
    color:#eee !important;
    transition: 0.1s ease-in-out;
}

.foot-link-gray {
	display:inline-block;
	font-size:13px;
	color:#808080;
	margin:0 13px;
	line-height:1.5;
}
