﻿/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #953a51} /* メインカラー */
.txt_color2{color: #f4eced} /* サブカラー */
.txt_color3{color: #c79c89} /* アクセントカラー1 */
.txt_color4{color: #fafaf9;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #953a51} /* メインカラー */
.bg_color2{background-color: #f4eced} /* サブカラー */
.bg_color3{background-color: #c79c89} /* アクセントカラー1 */
.bg_color4{background-color: #fafaf9;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #953a51}
.border_color2{border-color: #f4eced}
.border_color3{border-color: #c79c89}
.border_color4{border-color: #fafaf9;}

/* hover ---------------------------------------------------------------------------------------------*/
/* 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: #953a51} /* メインカラー */
.hvr_txt_color2:hover{color: #f4eced} /* サブカラー */
.hvr_txt_color3:hover{color: #c79c89} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fafaf9;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #953a51} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f4eced} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c79c89} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fafaf9;} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #953a51}
.hvr_border_color2:hover{border-color: #f4eced}
.hvr_border_color3:hover{border-color: #c79c89}
.hvr_border_color4:hover{border-color: #fafaf9;}


.linkStyle { color:#212121;
}
.linkStyle:hover { opacity:0.7;transition: all 0.3s;
}
body, #intro_wrap ,#contents3 .con_box{
	background-color: #fafaf9;
}
#fakeloader {
	background: rgb(214,171,184); 
	background: -moz-linear-gradient(-45deg, rgba(214,171,184,1) 1%, rgba(244,236,237,1) 50%, rgba(255,216,224,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(214,171,184,1) 1%,rgba(244,236,237,1) 50%,rgba(255,216,224,1) 100%); 
	background: linear-gradient(135deg, rgba(214,171,184,1) 1%,rgba(244,236,237,1) 50%,rgba(255,216,224,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6abb8', endColorstr='#ffd8e0',GradientType=1 ); 
}
#fakeloader .fl {
    max-width: 450px;
}
.back1:before,.back2:before,footer {
	background: rgb(254,204,208);
	background: -moz-linear-gradient(-45deg, rgba(254,204,208,1) 1%, rgba(244,236,237,1) 50%, rgba(255,216,224,1) 100%); 
	background: -webkit-linear-gradient(-45deg, rgba(254,204,208,1) 1%,rgba(244,236,237,1) 50%,rgba(255,216,224,1) 100%); 
	background:linear-gradient(135deg, rgba(254,204,208,1) 1%,rgba(244,236,237,1) 50%,rgba(255,216,224,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccd0', endColorstr='#ffd8e0',GradientType=1 ); 
	z-index: -1;
}
#main_img .square_box {
	max-width: 450px;
}
#main_img .square_box a {
	max-width: 450px;
}
#top_pc_nav li {
    max-width: 215px;
    text-shadow:2px 2px 2px #333;
}
#nav_menu {
    display: block;
}
#pc_nav {
    opacity:0;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f075";
}
.nav_menu_more:last-of-type a .icon:before {
    display: none;
}
header.scr_header {
    background-color: rgba(149,58,81,0.8)!important;
}
header.scr_header #logo {
    max-width: 300px;
}
#main_img:before {
    background-color: rgba(149,58,81,0.2);
}
#main_img .menu .square_box {
	height: auto!important;
	background-color: transparent;
}
#intro_wrap {
	background-image: url("./Dup/img/bg0.png");
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center right 10px;
}
#contents1 {
	background-image: url("./Dup/img/bg1.png");
	background-repeat: no-repeat;
	background-size: 22%;
	background-position: top 100px right 50px;
}
#contents2 {
	background-image: url("./Dup/img/bg2.png");
	background-repeat: no-repeat;
	background-size: 18%;
	background-position: bottom 50px left 50px;
}
#contents3_wrap:after {
    background-color: rgba(149,58,81,0.2);
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#logo {
	opacity: 0;
}
header.scr_header #logo {
    opacity: 1;
}
#main_img .menu .square_box {
	height:320px!important;
}
#main_img .menu .square_box a {
	max-width: 320px;
}
#intro_wrap {
	background-position:top 183px right;
}
#contents1 {
	background-image: url("./Dup/img/bg2.png");
	background-size: 20%;
	background-position: bottom 20px left 30px;
}
#contents2 {
	background-size: 20%;
	background-position: bottom 20px left 30px;
}
.page_title_box {
	width:60%;
}
.overlay ul li a {
    font-size:18px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#fakeloader .fl {
    width:75%!important;
}
header.scr_header #logo {
    max-width: 200px;
}
#main_img .menu .square_box {
	height:280px!important;
}
#main_img .menu .square_box a {
	max-width: 280px;
}
#intro_wrap {
	background-size: 100%;
	padding-bottom: 200px;
	background-position:bottom 30px center;
}
#contents1 {
	background-image: none;
}
#contents2 {
	background-image: none;
}
.page_title_box {
	width:75%;
padding-right:20px;
padding-left:20px;
}
.page_title_box h2 {
	font-size:18px;
}
.overlay ul li a {
    font-size:16px;
}
}

@media all and (-ms-high-contrast:none){
}
@supports (-ms-ime-align:auto) {}