﻿.linkStyle {color:#333}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #702000} /* メインカラー */
.txt_color2{color: #fffacd} /* サブカラー */
.txt_color3{color: #890202} /* アクセントカラー1 */
.txt_color4{color: #f2eee9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-image:url(./Dup/img/bg.jpg)!important;background-size:30%;} /* メインカラー */
.bg_color2{background-color: #fffacd} /* サブカラー */
.bg_color3{background-color: #890202} /* アクセントカラー1 */
.bg_color4{background-image:url(./Dup/img/bg_wh.jpg);background-size:30%;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #702000}
.border_color2{border-color: #fffacd}
.border_color3{border-color: #890202}
.border_color4{border-color: #f2eee9}

/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #702000} /* メインカラー */
.hvr_txt_color2:hover{color: #fffacd} /* サブカラー */
.hvr_txt_color3:hover{color: #890202} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2eee9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #702000} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fffacd} /* サブカラー */
.hvr_bg_color3:hover{background-color: #890202} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f2eee9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #702000}
.hvr_border_color2:hover{border-color: #fffacd}
.hvr_border_color3:hover{border-color: #890202}
.hvr_border_color4:hover{border-color: #f2eee9}

#fakeloader {background-size:cover;}

header {border-bottom: 5px solid #890202;}
#logo h1 a img {width: 60%!important;}

.more a {background-image:none!important;
background-color:#702000}

#top_cms .cms_3-c .cate_box {padding-top: 5px; padding-bottom: 5px;}
#top_cms .cms_5-b .cate_box {padding: 5px;}

#page-top a {background-image:none!important;background-color:#702000}

.cate_list li a {background-image:none!important;background-color:#702000}

#cms_3-c .cate_title {border-bottom:3px solid #d30000}

#page7 .box_wrap .box .box_item:first-child {width: 25%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 75%!important;}

#submit input {background-image:none!important;background-color:#702000}
#submit input:hover {background-color:#d30000}

#page10 ul li span {background-image:none!important;background-color:#890202}



/* ---------- design ---------- */
body{
font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
header #header{padding: 0 5px;}
h1{
position:relative;
}
h1 img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-10%);
z-index:9;
}
#intro_txt{
background-image:url(../Dup/img/title_item2.png);
background-position:center left;
background-repeat:no-repeat;
background-size:auto 90%;
}
#contents{
background-image:url(./Dup/img/bg.jpg)!important;
background-size:30%;
}
#contents .bg_color1,#contents .bg_color3{
background:none!important;
}
#contents h3{
padding:10px;
background-image:url(../Dup/img/title_item1.png);
background-position:top left;
background-repeat:no-repeat;
background-size:100% 100%;
text-shadow:2px 2px 2px rgba(0,0,0,0.4);
font-weight:bold;
}
#contents figure{
border-radius:50%;
border:10px solid #890202;
}




@media (max-width:768px){

}


@media (max-width:667px){
#header {padding-top: 5px; padding-bottom: 5px;}
#logo h1 a img {width: 80%!important;}
.navToggle { top: 3.2%;}
#page7 .box_wrap .box .box_item:first-child {width: 100%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 100%!important;}
}