@charset "UTF-8";
/* CSS Document */

#sanin{ max-width:1060px;}

@media all and (max-width: 750px) {

#sanin #mv{ text-align:center;}

#sanin #sec1{ background:#E9E6D9; padding:1px 0 3.5em;}

#sanin #sec1 .co_wrap{transform: translateY(-0em); }

#sanin #data_list{ display:none;}


#sanin #search_console{ margin:0em auto 0; width:94%; max-width:1100px; background:rgba(255,255,255,0.75); padding:1em 0.5em; border-radius:1em;}
#sanin #search_console .flex_wrap{ padding:0 0 0; margin:0 0 0.5em;position:relative;}
#sanin #search_console .flex_wrap .ttl{ padding:0.5em; min-width:9em; text-align:center; background:#C0AB92; color:#FFF; margin-bottom:4px; border-radius:0.5em 0.5em 0 0;}


#sanin #search_console .flex_wrap .flex_wrap2{
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#sanin #search_console .flex_wrap .data{ padding:0.5em 1em; background:#FFF;  border-radius:0 0 0 0.5em; position:relative; overflow:hidden;border:1px solid #C0AB92; border-right:none; flex:1;}
#sanin #search_console .flex_wrap .sankaku{display:block; background-color:#C0AB92; background-image:url(../images/sankaku.png); background-repeat:no-repeat; background-position:center center; width:2em; height:auto;  border-radius:0 0 0.5em 0; }

#sanin #search_console .search_btn.on{ cursor: pointer;}
#sanin #search_console .search_btn a{ display:block; width:90%; margin:1em auto 0; padding:0.5em ; border-radius:2em; color:#928075; border:2px solid #c0ab92; background:#FFF; text-align:center; font-size:1.2em; text-decoration:none; line-height:1;}
#sanin #search_console .search_btn a span.icon{ display:inline-block; width:1em; margin-right:0.25em;vertical-align: -0.1em;}



	

#sanin #sec2{ background:#F3E4EA; padding:1px 0 0; text-align:center;}
#sanin #sec2 .co_wrap{width:94%; max-width:1100px; margin:auto; transform: translateY(-2em); }

#sanin #sec2 .bg_wrap{ margin:1.5em auto 0; background:rgba(255,255,255,11); padding:2em 0 1.5em; border-radius:1em; }

#sanin #sec2 .ttl{margin: 0 4% 0 0;}
#sanin #sec2 .img{ width: 100%; margin: auto;}
#sanin #sec2 .btn{ width: 92%;margin:1.5em auto 0;}
#sanin #sec2 .btn a{ display:block; color:#928075; text-decoration:none; border:2px solid #EEB4C7; padding:0.5em 0.2em; position:relative; border-radius:0.5em; font-size:1.1em;  font-weight:600; line-height:1.6;}
#sanin #sec2 .btn span{ position:relative; width:1.5em; height:1.5em; top:0; bottom:0; right:0; margin:auto; vertical-align:middle; display:inline-block; margin-left:0.2em;}
	
	
	
#sanin #program_add{}
#sanin #program_add .co_wrap2{ max-width:720px; width:94%; margin:2.5em auto 3em;}
}




@media all and (min-width: 751px) {
#sanin #mv{ text-align:center;}
	
#sanin .co_wrap{ max-width:960px; width:96%; margin:auto;}

#sanin #mv{ background:#DDD7BF;}

#sanin #sec1{ background:#E9E6D9; padding:1px 0 2em;}
#sanin #sec1 .co_wrap{-moz-transform: translateY(-6em);-webkit-transform: translateY(-6em);-o-transform: translateY(-6em);-ms-transform: translateY(-6em);transform: translateY(-6em); }

#sanin #data_list{ margin:2em auto; background:rgba(255,255,255,0.75); padding:2em; border-radius:1em;}
#sanin #data_list .flex_wrap{ padding:0 0 0; margin:0 0 0.5em;  font-size:0.9em;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#sanin #data_list .flex_wrap .ttl{ padding:0.75em 0.5em; min-width:10em; text-align:center; background:#997F75; color:#FFF; border-radius:0.5em;}
#sanin #data_list .flex_wrap .data{ margin-left:0.5em;}
#sanin #data_list .flex_wrap .data a{ padding:0.7em 0.7em; min-width:5.5em; margin:0.1em 0 0.1em 0.1em;; display:inline-block; text-align:center; background:#FFF; border:1px solid #EEB4C7; text-decoration:none; border-radius:0.5em; font-size:0.98em;}
#sanin #data_list .flex_wrap .data a:hover{ background:#EEB4C7; color:#FFF;}


#sanin #search_console{ margin:2em auto 0; background:rgba(255,255,255,0.75); padding:2em; border-radius:1em;}
#sanin #search_console .flex_wrap{ padding:0 0 0; margin:0 0 0.5em; border-radius:0.5em; overflow:hidden; background:#FFF; position:relative;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
#sanin #search_console .flex_wrap .ttl{ padding:0.75em; min-width:9em; text-align:center; background:#C0AB92; color:#FFF; height:auto;}
#sanin #search_console .flex_wrap .flex_wrap2{ flex:1;}
#sanin #search_console .flex_wrap .data{padding: 0.725em 1em;background: #FFF;border-top: 1px solid #C0AB92;border-bottom: 1px solid #C0AB92;height: 100%;}
#sanin #search_console .flex_wrap .sankaku{display:block; background-color:#C0AB92; background-image:url(../images/sankaku.png); background-repeat:no-repeat; background-position:center center; position:absolute; right:0; top:0; height:100%; width:3em; pointer-events: none;}


#sanin #search_console .search_btn.on{ cursor: pointer;}
#sanin #search_console .search_btn a{ display:block; width:18em; margin:1em auto 0; padding:0.75em 1em; border-radius:2em; color:#928075; border:2px solid #c0ab92; background:#FFF; text-align:center; font-size:1.2em; text-decoration:none; line-height:1;}
#sanin #search_console .search_btn a span.icon{ display:inline-block; width:1em; margin-right:0.25em;vertical-align: -0.1em;}


	

#sanin #sec2{ background:#F3E4EA; padding:1px 0 2em; text-align:center;}
#sanin #sec2 .co_wrap{-moz-transform: translateY(-2em);-webkit-transform: translateY(-2em);-o-transform: translateY(-2em);-ms-transform: translateY(-2em);transform: translateY(-2em); }

#sanin #sec2 .bg_wrap{ margin:2em auto; width:94%; max-width:1100px; background:rgba(255,255,255,11); padding:3em 0em 3em; border-radius:1em; }
#sanin #sec2 .ttl{max-width: 750px;margin: auto; width: 75%;}

#sanin #sec2 .btn{ width: 90%; margin:2.5em auto 0;}
#sanin #sec2 .btn a{ display:block; color:#928075; text-decoration:none; border:2px solid #EEB4C7; padding:1em 3em 1em 1em; position:relative; border-radius:2em; font-size:1.1em;  font-weight:600;}
#sanin #sec2 .btn span{ position:absolute; width:2em; height:2em; top:0; bottom:0; right:1em; margin:auto;}
	
	
	
	
	

#sanin_data{}
#sanin_data .cont{ border:1px solid; max-width:90%; margin:1em auto; padding:1em;}
#sanin_data .cont .ttl{ font-size:1.2em; font-weight:600; color:#4472C4; margin-bottom:0.1em;}
#sanin_data .cont .address{}
#sanin_data .cont .address .add1{}
#sanin_data .cont .address .add2{}
#sanin_data .cont .address .add3{}
#sanin_data .cont .ttl{}
#sanin_data .cont .link{}
#sanin_data .cont .link a{}
#sanin_data .cont .thankyou{}
#sanin_data .cont .thankyou a{ padding:0.5em; display:inline-block; color:#FFC000; border:1px solid; text-decoration:none; font-weight:600; margin:1em 0 0;}

#sanin .slide_wrap{ background:#FFF; color:#0057A8; font-weight:bold; font-size:1em; padding:0.2em 1em;display:block;  text-align:center; border:1px solid; max-width:94%;  margin:3em auto 2em;}

#sanin .slide_wrap .slide_target{padding:0.5em 1.5em 0.5em 1.5em; position:relative; cursor:pointer;}
#sanin .slide_wrap .slide_target span{ display:inline-block; margin:0 0em; font-size:0.9em;}
#sanin .slide_wrap .slide_target span::before{ content:"【";}
#sanin .slide_wrap .slide_target span::after{ content:"】";}
#sanin .slide_wrap .slide_target span.icon{ position:absolute; width:1.5em; right:0; top:0.25em; font-size:1em;
-moz-transition-property:transform,top;-webkit-transition-property:transform,top;-o-transition-property:transform,top;-ms-transition-property:transform,top;transition-property:transform,top;
-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;-ms-transition-duration:0.2s;transition-duration:0.2s;}
#sanin .slide_wrap.on .slide_target span.icon{transform:rotate(180deg); top:0.85em;}
#sanin .slide_wrap .slide_target span.icon::before,
#sanin .slide_wrap .slide_target span.icon::after{ display:none;}


#sanin .slide_wrap .slide_cont{ display:none;}
#sanin .slide_wrap .slide_cont div{ border-top:1px solid; padding:0.5em;}



#sanin #program_add{}
#sanin #program_add .co_wrap2{ max-width:720px; width:80%; margin:4em auto;}
}


#sanin .article_list_secondary {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-flow:wrap;
 -ms-flex-flow:wrap;
 flex-flow:wrap
}
#sanin .article_list_secondary li {
 border-bottom:solid 1px #e1e1e1;
 width:100%;
 min-width:10px;
 min-height:10px;
}
#sanin .article_list_secondary a {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 padding:10px 0;
 position:relative
}
#sanin .article_list_secondary a>* {
 min-width:10px;
 min-height:10px;
}
#sanin .article_list_secondary p {
 color:#101010;
 font-size:14px;
}
#sanin .article_list_secondary .article_img {
 margin:0 20px 0 0;
 width:120px;
 height:120px;
}
#sanin .article_list_secondary .article_img img {
 width:120px;
 height:120px;
 object-fit:cover;
 object-position:center center;
 font-family:'object-fit: cover; object-position: center center;'
}
#sanin .article_list_secondary.article_new_primary {
 margin-right:-20px;
}
#sanin .article_list_secondary.article_new_secondary .article_img {
 width:auto;
 max-width:100%;
}
#sanin .article_list_secondary.ranking {
 counter-reset:list_num;
 margin-right:-20px;
}
#sanin .article_list_secondary.ranking li {
 width:33.33333%;
 min-width:10px;
 margin-bottom:20px;
}
#sanin .article_list_secondary.ranking a {
 position:relative;
 padding:0 20px 20px 0;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
#sanin .article_list_secondary.ranking a:before {
 position:absolute;
 left:0;
 top:0;
 counter-increment:list_num;
 content:counter(list_num);
 background-image:url(/share/img/pc/common/icon_crown.png);
 background-position:5px center;
 background-repeat:no-repeat;
 padding:0 10px 0 30px;
 color:#fff;
 border-radius:3px
}
#sanin .article_list_secondary.ranking .article_img {
 margin:0 0 20px;
}
#sanin .article_list_secondary.ranking .article_img img {
 width:227px;
 height:210px;
 object-fit:cover
}

#sanin .article_list_secondary li a{
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#sanin .article_list_secondary .article_txt{ color: #323232; flex: 1;}
#sanin .article_list_secondary .article_txt .ttl_thirdary_ver2{ font-size: 14px;font-weight: 700;margin-bottom: 5px;}
#sanin .article_list_secondary .article_txt .mb_xsmall{color: #101010;font-size: 14px;margin-bottom: 5px;}
#sanin .article_list_secondary .article_txt .icon_category{  color: gray;font-size: 12px;}
#sanin .article_list_secondary a{ text-decoration: none;}
#sanin .article_list_secondary{ margin: 10px auto;}


@media all and (max-width: 750px) {
	#sanin .article_list_secondary .article_txt{flex: auto;}
	#sanin .article_list_secondary .article_img{
		width: 33.3333%;
		min-width: 33.3333%;
		flex: 1;
	}
	#sanin .article_list_secondary .article_img img{
		width: 100%;
		min-width: 100%;
		object-fit:contain;
		object-position:center center;
		font-family:'object-fit: contain; object-position: center center;'
	}
}


/******************************
	モーダル用ここから
******************************/
body.modal_on{overflow:hidden;}
#sanin #modal{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.30); font-size:1em; line-height:1.8; z-index:9;overflow: auto;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
flex-wrap:wrap;
-moz-transition-property : transform;-webkit-transition-property : transform;-o-transition-property : transform;-ms-transition-property : transform;transition-property : transform;
-moz-transition-duration : 0.4s;-webkit-transition-duration : 0.4;-o-transition-duration : 0.4s;-ms-transition-duration : 0.4s;transition-duration : 0.4s;
-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
#sanin #modal::before,
#sanin #modal::after{ content:""; width:100%; height:50px;}
#sanin #modal .modal_wrap{ position:relative; margin:auto; background:rgba(255,255,255,0.9); max-width:300px; padding:1em; width:90%;}
#sanin #modal .modal_wrap p{ display:block; padding:0.2em 0; min-width:7em; text-align:center; cursor:pointer;}
#sanin #modal .modal_wrap p{ display:block; border-bottom:1px solid rgba(0,0,0,0.25); margin-bottom:0.2em;}
#sanin #modal .modal_wrap p:last-of-type{ border-bottom:none;}
#sanin #modal .modal_wrap .modal_close{ position:absolute; right:0.5em; top:0.5em; width:1.5em;}
/******************************
	モーダル用ここまで
******************************/