@charset "UTF-8";
/*
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * DESCRIPTION
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * Index layout. 
 * @link       		http://hakohako.info/
 * @author      	Tomoya & hakohako
 * @copyright   	Copyright (c)2016 hakohako
 *
 * Browser :IE9 or more / Safari latest / Firefox latest
 * LICENSE - The MIT License (MIT)
 * Please do not edit this file as much as possible.
 *
 *
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * TABLE OF CONTENTS
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * 01 wideslider [ Original ]
 * ----------------------------------------------------------------------------------------------------
 * 02 
 * ----------------------------------------------------------------------------------------------------
 *
 *
 *
 *
 * ========================================================================
 */

/*====================================================
00 Contents
=====================================================*/
#container .article{ padding: 0 20px; }
@media only screen and (max-width:767px) {
	#container .figure-group .title-group{ padding:25px 0; }
	#container .inner-group{padding:25px 0;}
}
@media only screen and (min-width:768px) {
	#container .figure-group{ position:relative; min-height:200px; width:100%;}
	#container .figure-group .title-group{ position:absolute; bottom:0px; left:0px; background: rgba(255,255,255,0.8); width:100%; padding:25px; }
	#container .inner-group{padding:25px;}
}