/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
Version: 2.7
Author: Yoshiki HONJO
Author URI: https://xdaisy.com/
Theme URI: https://wordpress.org/themes/twentyseventeen/
*/

.navigation-top {background-color:rgba( 255, 255, 255, 0.50 ) ;}
.site-content-contain {background-color:rgba( 255, 255, 255, 0);}


body{
background-image: url(https://ifg.ipu-japan.ac.jp/ifg/wp-content/uploads/2021/05/bg_pccc.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size:cover;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 ;
	padding: 0;
}
.kijifigl,.kijifigr {width:100%;float:none;}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.single {width:100%;padding:1em;margin-bottom:2em;}
.shadowbox { color:#000000;border: 1px solid #ffffff;
	  background:rgba( 255, 255, 255, 0.50);
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));}


.flexbox {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 ;
  justify-content: center;
}
.flexbox > div.aitem {
  border: 1px solid #ffffff;
	  background:rgba( 255, 255, 255, 0.50);
  padding: 1em;
flex:0 400px;
  margin: 0.4em;
}
.flexbox > div.citem {
  padding: 1em;
flex:0 280px;
  margin: 0.3em;
}

.btn,
a.btn,
button.btn,
.link-more
{
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: .5em 2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}
p.link-more a {
  margin: 10px auto 10px auto;	
  color: #fff;
  background-color:rgba( 132, 14, 80, 0.75 ) ;
  border-bottom: 5px solid #633142;
}
p.link-more a:hover {
  margin: 13px auto 10px auto;
  color: #fff;
  background:rgba( 155,38, 103, 0.75 ) ;
  border-bottom: 2px solid #633142;
}




a.btn--wine {
  margin: 10px auto 10px auto;	
  color: #fff;
  background-color:rgba( 132, 14, 80, 0.75 ) ;
  border-bottom: 5px solid #633142;
}
a.btn--wine:hover {
  margin: 13px auto 10px auto;
  color: #fff;
  background:rgba( 155,38, 103, 0.75 ) ;
  border-bottom: 2px solid #633142;
}



a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}



.usui {background:rgba( 255, 255, 255, 0.50);border: 1px solid #ffffff;}
.navigation-top,.koi {background-color:rgba( 255, 255, 255, 0.75 ) ;}
.site-content-contain {background-color:rgba( 255, 255, 255, 0);}
.entry-header2,.page-header2 {background-color:rgba( 0, 0, 0, 0.7 );border:1px  solid #ffffff;padding:1em;margin-bottom:0.5em; }
.post .entry-content{background-color:rgba( 255, 255, 255, 0.7 );padding:1em;}
.entry-header {background-color:rgba( 255, 255, 255, 0.7 );border:1px solid #ffffff;padding:1em; }
.entry-title2,.page-title2 {color:#ffffff}
.site-footer,.kurai {background-color:rgba( 0, 0, 0, 0.50 );display:block;}
.widget-area,.widget-area a{color:#eeeeee;}

h2.widget-title {font-size: 16px;
    font-size: 1rem;color:#ffffff;border-bottom:1px solid #eeeeee;}
.post-thumbnail a img {width:100%;}
.entry-header3 {
		float: none;
		width: 100%;
	}

.entry-content3 {
		float: none;
		width: 100%;
	}
.entry-summary p {margin:0 .5em}

.post-thumbnail img {width:100%;}


@media screen and (min-width: 20em) {

}

@media screen and (min-width: 30em) {

	
}

@media screen and (min-width: 48em) {
.kijifigr {width:50%;float:right;}
.kijifigl {width:50%;float:left;}
.entry-title2,.page-title2 {
    font-size: 16px;
    font-size: 1rem;
}
	#primary article {width:100%;}
	.flexbox > div aitem {
flex:0 14em;
}	
div.post-thumbnail  {width:40%;float:left;margin:0.5em 1em 1em 0.5em}
	.page-one-column .panel-content .wrap {
		max-width: 1000px;
	}
.entry-header3 {
		float: left;
		width: 33%;
	}

.entry-content3 {
		float: right;
		width: 56%;
	}	
		
}

@media screen and ( min-width: 67em ) {

]

@media screen and ( min-width: 79em ) {

}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

}