@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

	/*** common ***/
	ul.pan {
		padding: 10px 10px 0;
		color: #0072AD;
		border-bottom: 3px double #D9EAF2;
	}
	ul.pan a {
		color: #0072AD;
	}


	/*------------------------------------------------------------------------------------------------
      group_medium
    --------------------------------------------------------------------------------------------------*/
	#group_m {
		width: 100%;
	}
	.grp_mid ul.pan {
		padding: 10px;
	}

	#group_m.main-contents ul {
		padding: 0;
		margin: 0;
	}

	#group_m.main-contents ul li {
		width: 100%;
		border-bottom: 2px solid #eee;
		background: #fff;
	}

	#group_m.main-contents ul li:hover, #group_m.main-contents ul li:active {
		background: #fff;
	}

	#group_m.main-contents ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	#group_m.main-contents ul li a:hover, #group_m.main-contents ul li a:active {
		color: #000000;
	}

	#group_m.main-contents ul li a .pgroup {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	#group_m.main-contents ul li a .pgroup .proName {
		display: block;
		vertical-align: middle;
		text-align: center;
	}

	#group_m.main-contents ul li h1 {
		margin: 20px 0 0 0;
		font-size: 30px;
	}

	#group_m.main-contents ul li h1 span {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0072AC;
	}

	#group_m.main-contents ul li a .proPhoto {
		width: 100%;
		height: 297px;
		display: table-cell;
		vertical-align: middle;
	}

	#group_m.main-contents ul li a .proPhoto img {
		width: 28%;
		height: auto;
		max-height: 200px;
		margin: 0 5px;
		vertical-align: middle;
	}

	/*------------------------------------------------------------------------------------------------
      group_small
    --------------------------------------------------------------------------------------------------*/
	.mc-wrap #group_s {
		width: 100%;
	}
	.mc-wrap #group_s .pdt_list ul li {
		width: 100%;
		margin: 5px auto;
	}

	.mc-wrap #group_s .pdt_list ul li a {
		display: block;
		position: relative;
		width: 100%; /*408px*/
		height: 298px;
		border: 1px solid #CCCCCC;
	}

	.mc-wrap #group_s .pdt_list ul li a p {
		position: absolute;
		top: 0;
		right: 10px;
		font-size: 30px;
		color: #2B85B7;
		font-weight: bold;
	}

	.mc-wrap #group_s .pdt_list ul li a p span {
		font-size: 17px;
		padding-left: 3px;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 10px;
		background-color: rgba(0, 115, 174, 0.8);
		color: #FFFFFF;
		line-height: 1.5;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 {
		font-size: 18px;
		text-align: center;
	}

	.mc-wrap #group_s .pdt_list ul li a h1 span {
		display: block;
		font-size: 11px;
	}

	#pager_wrap ul li {
		float: none;
	}

	.pager_wrap {
		position: relative;
		overflow: hidden;
		margin: 20px auto 30px auto;
	}

	.pager_wrap ul.pager {
		position: relative;
		left: 50%;
		float: left;
	}

	.pager_wrap ul.pager li {
		position: relative;
		left: -50%;
		float: left;
	}

	.pager_wrap ul.pager {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.pager_wrap ul.pager li {
		display: inline;
		min-width: 20px;
		margin: 2px;
		padding: 0;
		text-align: center;
	}

	.pager_wrap ul.pager li img {
		vertical-align: middle;
	}

	.pager_wrap ul.pager li a {
		display: block;
		padding: 10px 15px;
		color: #0072AC;
	}

	.pager_wrap ul.pager li.active {
		display: block;
		color: #FFFFFF;
		background: url(../../image/group/pager_active.jpg) no-repeat center center;
	}

	.pager_wrap ul.pager li.active a:link, .pager_wrap ul.pager li.active a:visited,
	.pager_wrap ul.pager li.active a:hover, .pager_wrap ul.pager li.active a:active {
		color: #FFFFFF !important;
	}

	/*------------------------------------------------------------------------------------------------
      product
    --------------------------------------------------------------------------------------------------*/
	#product .pdt_list ul li{
		width: 100%;
		margin: 5px auto;
	}

	#product .pdt_list ul li a {
		display: block;
		position: relative;
		width: 100%;
		height: 298px;
		border: 1px solid #CCCCCC;
	}

	#product .pdt_list ul li a h1 {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 10px;
		background-color: rgba(0, 115, 174, 0.8);
		color: #FFFFFF;
		line-height: 1.5;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
	}

	#product .pdt_list ul li a .infoTokutyo {
		position: absolute;
		top: 13px;
		left: 2px;
		color: #FFFFFF;
		/*text-align: center;*/
		text-align: left;
		font-size: 11px;
	}

	#product .pdt_list ul li a .infoTokutyo div {
		margin-bottom: 4px;
		padding: 0 7px;
		/*width: 60px;*/
		line-height: 26px;
		display: inline-block;
		text-align: center;

		max-width: 180px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	/*------------------------------------------------------------------------------------------------
      product_detail
    --------------------------------------------------------------------------------------------------*/
	#product_detail {
	}

	#product_detail.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		/*background: url(../../image/product/bg.jpg) center top repeat-x;*/
		text-align: center;
	}

	/*#product_detail #cont ul.pan {*/
		/*padding: 10px 10px 0;*/
		/*color: #0072AD;*/
		/*border-bottom: 3px double #D9EAF2;*/
	/*}*/

	/*#product_detail #cont ul.pan a {*/
		/*color: #0072AD;*/
	/*}*/

	#product_detail.main-contents #submenu {
		display: none;
		position: fixed;
		top: 150px;
		left: 10px;
	}

	#product_detail.main-contents #submenu ul {
		width: 40px;
		background: url(../../image/product/submenu.png) no-repeat 0 0;
	}

	#product_detail.main-contents #submenu ul li {
		margin-bottom: 10px;
		text-indent: -9999px;
	}

	#product_detail.main-contents #submenu ul li a {
		display: block;
		width: 40px;
		height: 100px;
	}

	#product_detail.main-contents #submenu ul li#sub01 a:link, #product_detail.main-contents #submenu ul li#sub01 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 0;
	}

	#product_detail.main-contents #submenu ul li#sub01 a:hover, #product_detail.main-contents #submenu ul li#sub01 a:active, #product_detail.main-contents #submenu ul li#sub01 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px 0;
	}

	#product_detail.main-contents #submenu ul li#sub02 a:link, #product_detail.main-contents #submenu ul li#sub02 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 -110px;
	}

	#product_detail.main-contents #submenu ul li#sub02 a:hover, #product_detail.main-contents #submenu ul li#sub02 a:active, #product_detail.main-contents #submenu ul li#sub02 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px -110px;
	}

	#product_detail.main-contents #submenu ul li#sub03 a:link, #product_detail.main-contents #submenu ul li#sub03 a:visited {
		background: url(../../image/product/submenu.png) no-repeat 0 -220px;
	}

	#product_detail.main-contents #submenu ul li#sub03 a:hover, #product_detail.main-contents #submenu ul li#sub03 a:active, #product_detail.main-contents #submenu ul li#sub03 a.now {
		background: url(../../image/product/submenu.png) no-repeat -42px -220px;
	}

	#product_detail #cont #pro01 {
		margin: 0 auto;
		padding: 0;
	}

	#product_detail #cont #pro01 .pp {
		width: 100%;
		margin: 0 auto;

	}

	#product_detail .proText {
		width: 100%;
		float: none;
		text-align: center;
	}

	#product_detail .proText h1 {
		margin: 20px 0;
		font-size: 18px;
		font-weight: bold;
		color: #0072AC;
	}

	#product_detail .proText p.lead {
		margin: 0 0 20px;
	}

	#product_detail .proText p.icon {
		margin: 0 0 20px;
	}

	#product_detail .proText p.icon img {
		margin-top: 20px;
		margin-right: 10px;
	}

	#product_detail .proText div.infoTokutyo {
		color: #FFFFFF;
		font-size: 13px;
	}

	#product_detail .proText div.infoTokutyo div {
		display: inline-block;
		margin-bottom: 4px;
		margin-right: 10px;
	}

	#product_detail .proText div.infoTokutyo div:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
	}
	#product_detail .proText div.infoTokutyo div a {
		display: inline-block;
		padding: 0 7px;
		min-width: 110px;
		line-height: 26px;
		text-align: center;
		color: #fff;
	}

	#product_detail .proPhoto {
		float: none;
		width: 100%;
		margin: 20px auto;
		text-align: center;
	}
	#product_detail .proPhoto img {
		width: auto;
		height: auto;
		/*max-width: 330px;*/
		max-width: 90% !important;
		max-height: 450px;
	}

	#product_detail #cont #pro02 {
		width: 100%;
		margin: 0 120px 0 auto;
		padding: 50px 0;
		background-color: #338EBD;
		color: #FFFFFF;
	}

	#product_detail #cont #pro02 .pp {
		width: 100%;
		margin: 0 auto;
	}

	#product_detail #cont #pro02 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 24px;
		border-bottom: 2px solid #FFFFFF;
	}

	#product_detail #cont #pro02 ul {
		margin: 0 30px;
		text-align: left;
	}
	/*** clear ***/
		#product_detail #cont #pro02 ul:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#product_detail #cont #pro02 ul {
			display: inline-table;
			/*overflow: hidden;*/
		}
		/* mac \*/
		* html #product_detail #cont #pro02 ul {
			height: 1%;
		}
		#product_detail #cont #pro02 ul {
			display: block;
		}
		/* macend */
	/*** /clear ***/

	#product_detail #cont #pro02 ul li {
		width: 98%;
		margin: 0 2% 15px 0;
		padding: 0 0 0 26px;
		background: url(../../image/product/list.png) no-repeat 0 0;
	}

	#product_detail #cont #pro03 {
		width: 100%;
		margin: 0 120px 0 auto;
		padding: 50px 0;
		background-color: #FFFFFF;
	}

	#product_detail #cont #pro03 .pp {
		margin: 0 auto;
	}

	#product_detail #cont #pro03 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 24px;
		color: #0072AD;
		border-bottom: 2px solid #0072AD;
	}

	#product_detail #cont #pro03 table {
		width: 98%;
		margin: 0 auto;
	}

	#product_detail #cont #pro03 table th {
		display: block;
		padding: 15px;
		white-space: nowrap;
		text-align: left;
		color: #0072AD;
		background-color: #EEF2F4;
		border: 1px solid #C7D9E9;
		vertical-align: top;
	}

	#product_detail #cont #pro03 table td {
		display: block;
		padding: 15px;
		text-align: left;
		border: 1px solid #C7D9E9;
		vertical-align: top;
	}

	#product_detail #cont #pro04 {
		width: 100%;
		margin: 0 120px 0 auto;
		padding: 50px 0 0;
		background: url(../../image/product/contact_back-01.gif) repeat 0 0;
		color: #FFFFFF;
	}

	#product_detail #cont #pro04 .box {
		padding: 0;
/*		background: url(../../image/product/contact_back-02.png) no-repeat center bottom;*/
	}

	#product_detail #cont #pro04 .pp {
		width: 100%;
		margin: 0 auto;
	}
	#product_detail #cont #pro04 .pp .sp {
		width: 100%;
		min-height: 274px;
		background: url(../../image/product/contact_sp.png) no-repeat center bottom;
		background-size: 100% 100%;
	}
	#product_detail #cont #pro04 .pp .sp img {

	}

	#product_detail #cont #pro04 h2 {
		margin: 0 0 20px;
		padding: 10px;
		font-size: 18px;
		border-bottom: 2px solid #FFFFFF;
	}


	/*------------------------------------------------------------------------------------------------
      analects
    --------------------------------------------------------------------------------------------------*/
	#analects {
		width: 100%;
	}

	#analects img {
		max-width: 100%;
	}

	#analects.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
/*		background: url(../../image/analects/bg.jpg) center top repeat-x;*/
		text-align: center;
	}

	#analects.main-contents ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#analects.main-contents #cont {
		margin: 0 auto;
		padding: 50px 0 0;
	}

	#analects.main-contents #cont h1 {
		margin: 0 0 35px;
	}

	#analects.main-contents #cont h2 {
		margin: 0 0 10px;
		padding: 5px;
		color: #0072AC;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #BBBBBB;
		text-align: center;
	}

	#analects.main-contents #cont p {
		margin: 0 10px 30px;
		color: #0072AC;
		line-height: 1.75;
	}

	#analects.main-contents #cont p.img {
		margin: 0 10px 50px;
		text-align: center;
	}

	#analects.main-contents #cont p.img img {
		margin: 5px 5px;
	}

	#analects.main-contents #cont h2 span {
		display: block;
		font-size: 10px;
		font-weight: normal;
	}

	#analects.main-contents #cont .textSearch {
		width: 240px;
		padding: 3px 0;
		vertical-align: middle;
		border: 1px solid #0072AC;
		font-size: 16px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	#analects.main-contents #cont .textSearchBtn {
		vertical-align: middle;
	}

	#kana_wrap ul li {
		float: none;
	}

	.kana_wrap {
		position: relative;
		overflow: hidden;
		margin: 20px 0 30px;
	}

	.kana_wrap ul.pager {
		position: relative;
		left: 50%;
		float: left;
	}

	.kana_wrap ul.pager li {
		position: relative;
		left: -50%;
		float: left;
	}

	.kana_wrap ul.pager {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.kana_wrap ul.pager li {
		display: inline;
		min-width: 20px;
		margin: 2px 5px;
		padding: 0;
		text-align: center;
	}

	.kana_wrap ul.pager li a {
		display: block;
		padding: 8px 13px;
		color: #FFFFFF;
		background-color: #99C6DE;
	}

	.kana_wrap ul.pager li.active a {
		display: block;
		color: #FFFFFF;
		padding: 8px 13px;
		background-color: #338DBD;
	}

	.kana_wrap ul.pager li.active a:link, .kana_wrap ul.pager li.active a:visited,
	.kana_wrap ul.pager li.active a:hover, .kana_wrap ul.pager li.active a:active {
		color: #FFFFFF !important;
	}

	.goroku {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		text-align: left;
	}

	/*------------------------------------------------------------------------------------------------
      privacy
    --------------------------------------------------------------------------------------------------*/
	#privacy {
		width: 100%;
	}

	#privacy.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		/*background: url(../../image/privacy/bg.jpg) center top repeat-x;*/
		text-align: center;
	}

	#privacy.main-contents ul.pan {
		padding: 10px;
		color: #0072AD;
	}

	#privacy.main-contents #cont {
		margin: 0 auto;
		padding: 30px 10px 0;
	}

	#privacy.main-contents #cont h1 {
		margin: 0 0 30px;
	}

	#privacy.main-contents #cont img {
		max-width: 100%;
	}

	#privacy.main-contents #cont p {
		width: 100%;
		margin: 0 auto 40px;
		color: #555555;
		text-align: left;
		line-height: 1.75;
	}

	#privacy.main-contents #cont dl {
		width: 100%;
		margin: 0 auto;
	}

	#privacy.main-contents #cont dl dt {
		margin: 0 0 10px;
		font-size: 18px;
		color: #0072AC;
		padding: 5px;
		border-bottom: 1px solid #BBBBBB;
		font-weight: bold;
	}

	#privacy.main-contents #cont dl dd {
		padding: 0 10px 30px;
		text-align: left;
		color: #535353;
		line-height: 1.75;
	}

	#privacy.main-contents #cont p.prvmail {
		text-align: center;
	}

	/*------------------------------------------------------------------------------------------------
      contact
    --------------------------------------------------------------------------------------------------*/
	#contact {
		width: 100%;
	}

	#contact.main-contents {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		/*background: url(../../image/contact/bg.jpg) center top repeat-x;*/
		text-align: center;
	}

	#contact.main-contents ul.pan {
		display: none;
		padding: 10px;
		color: #0072AD;
	}

	#contact #cont {
		margin: 0 0 auto;
		padding: 10px 0 0;
	}

	#contact #inq_form.content {
		width: 100%;
		padding: 0;
	}
	#contact #inq_form h1 {
		margin: 0 0 30px;
	}
	#contact #inq_form img {
		max-width: 100%;
		height: auto;
	}

	#contact #inq_form p {
		margin: 0 0 30px;
	}

	#contact #inq_form form table {
		width: 100%;
		margin: 0 auto;
	}

	#contact #inq_form th {
		display: block;

		padding: 15px 20px;
		vertical-align: middle;
		background: #EFEFFB;
		border-bottom: 1px solid #D8DCEB;
		color: #0072AD;
		text-align: center;
	}

	#contact #inq_form td {
		display: block;
		max-width: 100%;
		padding: 15px;
		vertical-align: middle;
		border-bottom: 1px solid #D8DCEB;
		text-align: left;
	}

	#contact #inq_form tr:first-child th,
	#contact #inq_form tr:first-child td {
		border-top: 1px solid #D8DCEB;
	}

	#contact #inq_form tr:last-child th,
	#contact #inq_form tr:last-child td {
		padding-top: 20px;
		border: none;
		text-align: center;
	}
	#contact #inq_form form input[type=text] {
		width: 98%;
	}

	#contact #inq_form form input[type=text],
	#contact #inq_form form input[type=email],
	#contact #inq_form form select,
	#contact #inq_form form textarea {
		max-width: 100%;
		padding: 7px;
		border: 1px solid #BBB;
		border-radius: 10px;
	}

	#contact #inq_form form input[type=radio],
	#contact #inq_form form input[type=checkbox] {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		position: relative;
		top: -3px;
	}

	#contact #inq_form form label {
		display: block;
	}

	#contact #inq_form form input[type=submit] {
		padding: 7px 15px;
		margin: 0 5px;
		background: #0072AD;
		border: 1px solid #0072AD;
		border-radius: 10px;
		color: #fff;
	}

	#contact #inq_form form input[type=reset] {
		padding: 7px 15px;
		margin: 0 5px;
		background: #fff;
		border: 1px solid #BBB;
		border-radius: 10px;
	}
	#contact #inq_form form textarea {
		width: 95%;
	}

	.txRed {
		color: #D30;
	}

	.go-to {
		border-radius: 5px;
	}

	.lang-sp {
	    padding-right: 50px;
	    float: right;
	    padding-top: 4px;
	    border-style: none;
	}

	.dropdown-sp {
	    margin-top: 15px;
	}

}


@media screen and (max-width: 667px) {
	.lang-sp {
	   padding-right: 50px;
	    float: right;
	    padding-top: 4px;
	    border-style: none;
	}

	.dropdown-sp {
	    margin-top: 15px;
	}
}