/* @override 
	http://mutoh.localhost/user_data/phrases_collection_menu/contents/page.css
*/

@charset "utf-8";

#contentWrap {
 width: 940px;
 overflow: hidden;
}

#cover {
 width: 940px;
 height: 344px;
 margin-bottom: 50px;
}

#contentWrap h1 {
 margin-bottom: 30px;
}

#contentWrap a:hover img {
 -moz-opacity: 0.6;
 opacity: 0.6;
 filter: alpha(opacity=60);
}

/* #coverWrap */

#coverWrap {
 margin-bottom: 60px;
}

#coverWrap .mincho h2 {
 margin-bottom: 5px;
 font: 26px 貂ｸ譏取悃, YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", HG譏取悃E, "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
 font-weight: 600;
}

#coverWrap .gothic ul li {
 margin-bottom: 5px;
 margin-left: 1.2em;
 line-height: 1.5;
 font-size: 16px;
  font-weight: 600;
 letter-spacing: -0.1px;
}

#coverWrap .gothic ul li:before{
content: "\f0da";
 color: #66cccc;
 font: 16px FontAwesome;
 display: inline-block;
 text-indent: -0.8em;
}
.inner p {
 overflow: hidden;
 margin-right: auto;
 margin-left: auto;
 font-size: 16px;
}

/* 繝代Φ縺上★繝ｪ繧ｹ繝� */

#breadcrumbDiv {
 margin-top: -10px;
}
ul.breadcrumb{
 margin-bottom: 0;
}

.breadcrumb>li{display:inline-block;
 font-size: 16px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}
.breadcrumb>li+li:before{padding:0 5px;color: black;content:"��"}

.breadcrumb li a {
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 color: black;
}

.breadcrumb li a:hover{
 text-decoration: underline;
 color: #4058d6;
}

/* #mainContents_indexpage */

#mainContents_indexpage {
 width: 940px;
 overflow: hidden;
}

#mainContents_indexpage .containerWrap {
 overflow: hidden;
}

#mainContents_indexpage .containerWrap h2{
 font-size: 24px;
 border-bottom: 2px solid #66cccc;
 padding-left: 30px;
 margin-bottom: 20px;
 padding-bottom: 10px;
  font-weight: 600;
 letter-spacing: 1.5px;
}

#mainContents_indexpage .containerWrap h2:before{
 font-family: FontAwesome;
content: "\f0e0";
 color: #66cccc;
 margin-right: 5px;
}

#mainContents_indexpage #wrap01 .left {
 width: 425px;
 display: block;
 float: left;
}

#mainContents_indexpage #wrap01 .right {
 width: 425px;
 display: block;
 float: right;
 margin-right: 30px;
}

#mainContents_indexpage .containerWrap ul {
 margin-left: 70px;
 margin-bottom: 50px;
}

#mainContents_indexpage .containerWrap ul li {
 list-style-type: disc;
 margin-bottom: 8px;
}

#mainContents_indexpage #wrap01 ul li {
 font-size: 16px;
}



#mainContents_indexpage .containerWrap ul li a {
 color: black;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 font-size: 16px;

}

#mainContents_indexpage .containerWrap ul li a:hover{
 text-decoration: underline;
 color: #4058d6;
}

#mainContents_indexpage #wrap01 .mincho p {
 font: 14px/1.7 貂ｸ譏取悃, YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", HG譏取悃E, "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

/* 縺泌茜逕ｨ譁ｹ豕� */

#contentWrap #howtouse h3 {
 font-size: 14px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 margin-bottom: 5px;
}

#contentWrap #howtouse .inner {
 border: 1px solid #bdbebd;
 background-color: #f4f5f4;
 padding: 30px 20px 20px;
}

#contentWrap #howtouse .inner ul {
 margin-bottom: 10px;
 margin-left: 36px;
 font-size: 13px;
}

#contentWrap #howtouse .inner ul li {
 list-style-type: decimal;
 margin-left: 0;
 margin-bottom: 5px;
}

#contentWrap #howtouse p {
 font-size: 13px;
 padding-left: 8px;
 line-height: 1.7;
 color: gray;
}



/* #mainContents_listpage */

#mainContents_listpage  h1{
 font-size: 24px;
 padding-left: 0;
 padding-bottom: 10px;
  font-weight: 600;
 letter-spacing: 1.5px;
 margin-bottom: 0;
}

#mainContents_listpage h1:before{
 font-family: FontAwesome;
content: "\f0e0";
 color: #66cccc;
 margin-right: 5px;
}

#mainContents_listpage p.imgClick{
 margin-left: 30px;
 margin-bottom: 30px;
}
#mainContents_listpage,
#mainContents_detailpage {
 margin-top: 50px;
}

#mainContents_listpage .containerWrap,
#mainContents_detailpage .containerWrap {
 margin-bottom: 50px;
}

#mainContents_listpage .containerWrap h2,
#mainContents_detailpage .containerWrap h2{
 font-size: 24px;
 border-bottom: 2px solid #66cccc;
 padding-left: 30px;
 margin-bottom: 50px;
 padding-bottom: 10px;
  font-weight: 600;
 letter-spacing: 1.5px;
}

#mainContents_listpage .containerWrap h2:before,
#mainContents_detailpage .containerWrap h2:before{
 font-family: FontAwesome;
content: "\f0da";
 color: #66cccc;
 margin-right: 5px;
}

#mainContents_listpage ul,
#mainContents_detailpage ul {
display: flex;
flex-flow: wrap;
justify-content: center;
}

#mainContents_listpage ul li,
#mainContents_detailpage ul li {
 margin-bottom: 40px;
 margin-right: 50px;
 margin-left: 50px;
}

#mainContents_listpage ul li dl dt{
 font-size: 20px;
 margin-bottom: 5px;
}

#mainContents_listpage ul li dl dt:before {
  font-family: FontAwesome;
content: "\f0ab";
 color: #66cccc;
 margin-right: 5px;
}

#contentWrap .bt_goindex {
 text-align: center;
 margin-top: 80px;
 margin-bottom: 80px;
}

#contentWrap .bt_goindex a {
 font-size: 16px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 color: white;
 background-color: #7ba7d3;
 padding: 20px;
}

#contentWrap .bt_goindex a:hover {
 background-color: #0061bf;
}

/* #mainContents_detailpage */

#mainContents_detailpage  h1{
 font-size: 24px;
 padding-left: 0;
 padding-bottom: 10px;
  font-weight: 600;
 letter-spacing: 1.5px;
 margin-bottom: 20px;
}

#mainContents_detailpage h1:before{
 font-family: FontAwesome;
content: "\f0e0";
 color: #66cccc;
 margin-right: 5px;
}

#mainContents_detailpage {

}

#mainContents_detailpage .containerWrap {
 font-size: 16px;
 line-height: 1.6;
}

.ico_scope{
 vertical-align: -3px;
}
.text_center {
 text-align: center;
}

#mainContents_detailpage #download {
 margin-left: auto;
 margin-right: auto;
 width: 600px;
}

#mainContents_detailpage #download h3 {
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 background-color: #d0d1d0;
 text-align: center;
 width: 300px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 5px;
 text-decoration: none;
 font-size: 18px;
 letter-spacing: -0.2px;
}

#mainContents_detailpage #download .inner {
border-radius: 5px;
 border: 3px solid #d0d1d0;
}

#mainContents_detailpage #download .inner ul {

}

#mainContents_detailpage #download .inner ul li{
 margin: 20px;
 width: 240px;
 text-align: center;
}

#mainContents_detailpage #download .inner ul li img{
 display: block;
 margin-right: auto;
 margin-left: auto;
}

#mainContents_detailpage #download .inner ul li a{
 color: black;
 font-size: 12px;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 letter-spacing: -0.2px;
}

#mainContents_detailpage #download .inner ul li a:hover{
 text-decoration: underline;
 color: #4058d6;
}

#mainContents_detailpage {

}

#mainContents_detailpage #textall h3 {
 text-align: center;
 font-size: 18px;
}

#mainContents_detailpage #textall .inner {
 border: 1px solid #bdbebd;
 background-color: #f4f5f4;
 padding: 40px 40px 20px;
}

#mainContents_detailpage .mincho p {
 font-family: 貂ｸ譏取悃, YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", HG譏取悃E, "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

#mainContents_detailpage #textall .inner p {
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 1.3em;
}

/* SNS 繝懊ち繝ｳ */

#snsbtn {
 overflow: hidden;
 clear: both;
 padding-top: 20px;
 text-align: center;
 margin: 20px auto 0;
 width: 940px;
}

#snsbtn .ninja_onebutton {
 width: 260px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
}